Jyuubi

[Theme] → #09 Harmony

Jul 22nd, 2012
12,451
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.04 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <!--
  5. PLEASE DO NOT REMOVE THIS.
  6. THE REMOVAL OF THIS PART WILL CONSIDER YOU A THIEF.
  7. IF YOU REMOVE CREDIT, MAKE SURE IT'S ON A CREDITS PAGE.
  8.  
  9. THEME: #09 HARMONY
  10. jyuubi.org | manatopia.org
  11.  
  12. --RULES--
  13. 1) DO NOT REMOVE CREDIT.
  14. 2) DO NOT USE TO MAKE YOUR OWN THEME TO RESDISTRIBUTE.
  15. 3) DO NOT USE TO MAKE YOUR OWN THEME AND REMOVE CREDIT.
  16. 4) IF YOU USE ANYTHING FROM MY THEMES, ALWAYS CREDIT.
  17. 5) DO USE ANY GRAPHICS MADE FOR A PREVIEW.
  18. -->
  19.  
  20. <head>
  21. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  26.  
  27. <meta name="color:BackgroundM" content="#CECECE">
  28.  
  29. <meta name="color:Sidebar Background" content="#DADADA">
  30. <meta name="color:Sidebar Title" content="#A8899B">
  31. <meta name="color:Sidebar Text" content="#838383">
  32. <meta name="color:Sidebar Bold" content="#C76E8F">
  33. <meta name="color:Sidebar Italic" content="#8792ab">
  34. <meta name="color:Sidebar Link" content="#A8899B">
  35.  
  36. <meta name="color:Custom Link Background" content="#DADADA">
  37. <meta name="color:Custom Link Text" content="#9FB19D">
  38. <meta name="color:Custom Link Background Hover" content="#E4E4E4">
  39.  
  40. <meta name="color:Post Background" content="#DADADA">
  41. <meta name="color:Post Title" content="#A8899B">
  42. <meta name="color:Post Text" content="#838383">
  43. <meta name="color:Post Bold" content="#C76E8F">
  44. <meta name="color:Post Italic" content="#8792ab">
  45. <meta name="color:Post Link" content="#A8899B">
  46. <meta name="color:Post Blockquote" content="#C9C9C9">
  47.  
  48. <meta name="color:Stats Background" content="#D3D3D3">
  49. <meta name="color:Stats Links" content="#9FB19D">
  50. <meta name="color:Stats Tags" content="#C76E8F">
  51.  
  52. <meta name="image:BackgroundM" content="http://static.tumblr.com/pdgxkke/Rz3m2ggqd/harmony.png">
  53. <meta name="image:Sidebar" content="">
  54.  
  55. <meta name="if:Infinite Scrolling" content="0">
  56. <meta name="if:Sidebar Round Corners" content="1">
  57. <meta name="if:Post Round Corners" content="1">
  58. <meta name="if:Smaller Posts" content="0">
  59. <meta name="if:Photo Fading" content="1">
  60. <meta name="if:Submit Link" content="0">
  61. <meta name="if:Reblog Link" content="1">
  62. <meta name="if:Show Tags" content="1">
  63. <meta name="if:Show Captions" content="0">
  64.  
  65. <meta name="text:Sidebar Position" content="50">
  66. <meta name="text:Sidebar Title" content="">
  67.  
  68. <meta name="text:Name 1" content="">
  69. <meta name="text:URL 1" content="">
  70. <meta name="text:Name 2" content="">
  71. <meta name="text:URL 2" content="">
  72. <meta name="text:Name 3" content="">
  73. <meta name="text:URL 3" content="">
  74. <meta name="text:Name 4" content="">
  75. <meta name="text:URL 4" content="">
  76. <meta name="text:Name 5" content="">
  77. <meta name="text:URL 5" content="">
  78. <meta name="text:Name 6" content="">
  79. <meta name="text:URL 6" content="">
  80.  
  81. <style type="text/css">
  82. ::-webkit-scrollbar-thumb:vertical {
  83. background-color: {color:Sidebar Title};
  84. height:50px;
  85. border-radius: 5px;
  86. -moz-border-radius: 5px;
  87. -webkit-border-radius: 5px;
  88. }
  89. ::-webkit-scrollbar {
  90. height:10px;
  91. width:5px;
  92. background-color: {color:Post Background};
  93. }
  94.  
  95. /* BODY */
  96. body {
  97. background-image: url("{image:BackgroundM}");
  98. background-attachment: fixed;
  99. background-color: {color:BackgroundM};
  100. }
  101.  
  102. @font-face {
  103. font-family: "tinytots";
  104. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  105. }
  106.  
  107. /* SIDEBAR */
  108. #sidebar {
  109. position: fixed;
  110. margin-top: {text:Sidebar Position}px;
  111. width: 250px;
  112. margin-left: 10px;
  113. }
  114.  
  115. #sidebar h1 {
  116. font-family: georgia;
  117. font-size: 12px;
  118. color: {color:Sidebar Title};
  119. font-weight: normal;
  120. font-style: italic;
  121. letter-spacing: 3px;
  122. margin-left: 10px;
  123. margin-bottom: -3px;
  124. }
  125.  
  126. #desc {
  127. background-color: {color:Sidebar Background};
  128. padding-top: 10px;
  129. padding-left: 10px;
  130. padding-right: 10px;
  131. padding-bottom: 1px;
  132. width: 250px;
  133. font-family: lucida sans;
  134. font-size: 11px;
  135. text-align: center;
  136. letter-spacing: 1px;
  137. color: {color:Sidebar Text};
  138. line-height: 18px;
  139. {block:IfSidebarRoundCorners}-moz-border-radius: 15px 15px 0px 0px;
  140. -webkit-border-radius: 15px 15px 0px 0px;
  141. border-radius: 15px 15px 0px 0px;{/block:IfSidebarRoundCorners}
  142. }
  143.  
  144. #desc a {
  145. color: {color:Sidebar Link};
  146. text-decoration: none;
  147. }
  148.  
  149. #desc b, strong {
  150. color: {color:Sidebar Bold};
  151. font-weight: normal;
  152. }
  153.  
  154. #desc i, em {
  155. color: {color:Sidebar Italic};
  156. }
  157.  
  158. #sidebar img {
  159. max-width: 250px;
  160. {block:IfSidebarRoundCorners}-moz-border-radius: 15px 15px 0px 0px;
  161. -webkit-border-radius: 15px 15px 0px 0px;
  162. border-radius: 15px 15px 0px 0px;{/block:IfSidebarRoundCorners}
  163. }
  164.  
  165. #sidebar a.custom {
  166. background-color: {color:Custom Link Background};
  167. display: block;
  168. width: 270px;
  169. height: 10px;
  170. line-height: 11px;
  171. font-family: tahoma, sans-serif;
  172. font-size: 8px;
  173. color: {color:Custom Link Text};
  174. text-transform: uppercase;
  175. text-decoration: none;
  176. letter-spacing: 2px;
  177. text-align: center;
  178. margin-top: 2px;
  179. -webkit-transition: all 1s ease;
  180. -moz-transition: all 1s ease;
  181. -o-transition: all 1s ease;
  182. }
  183.  
  184. #sidebar a.custom:hover {
  185. background-color: {color:Custom Link Background Hover};
  186. }
  187.  
  188. #nav {
  189. background-color: {color:Sidebar Background};
  190. width: 260px;
  191. padding: 5px;
  192. margin-top: 2px;
  193. font-family: consolas;
  194. font-size: 8px;
  195. text-align: center;
  196. color: {color:Sidebar Text};
  197. height: 15px;
  198. line-height: 15px;
  199. letter-spacing: 2px;
  200. text-transform: uppercase;
  201. {block:IfSidebarRoundCorners}-moz-border-radius: 0px 0px 15px 15px;
  202. -webkit-border-radius: 0px 0px 15px 15px;
  203. border-radius: 0px 0px 15px 15px;{/block:IfSidebarRoundCorners}
  204. }
  205.  
  206. #nav a {
  207. color: {color:Sidebar Link};
  208. text-decoration: none;
  209. }
  210.  
  211. #pages {
  212. width: 270px;
  213. text-align: center;
  214. margin-top: 15px;
  215. }
  216.  
  217. #pages a {
  218. background-color: {color:Sidebar Background};
  219. display: inline-block;
  220. width: 30px;
  221. height: 30px;
  222. line-height: 30px;
  223. {block:IfSidebarRoundCorners}-moz-border-radius: 5px;
  224. -webkit-border-radius: 5px;
  225. border-radius: 5px;{/block:IfSidebarRoundCorners}
  226. font-family: consolas;
  227. font-size: 16px;
  228. color: {color:Sidebar Bold};
  229. text-decoration: none;
  230. }
  231.  
  232. /* ENTRIES */
  233. .entry {
  234. overflow: hidden;
  235. background-color: {color:Post Background};
  236. {block:IfNotSmallerPosts}width: 500px;{/block:IfNotSmallerPosts}
  237. {block:IfSmallerPosts}width: 400px;{/block:IfSmallerPosts}
  238. border-left: 10px solid {color:Post Background};
  239. border-right: 10px solid {color:Post Background};
  240. border-top: 10px solid {color:Post Background};
  241. border-bottom: 5px solid {color:Post Background};
  242. margin-left: 300px;
  243. margin-bottom: 25px;
  244. font-family: lucida sans;
  245. font-size: 12px;
  246. color: {color:Post Text};
  247. text-align: justify;
  248. letter-spacing: 1px;
  249. {block:IfPostRoundCorners}-moz-border-radius: 15px;
  250. -webkit-border-radius: 15px;
  251. border-radius: 15px;{/block:IfPostRoundCorners}
  252. }
  253.  
  254. .entry b, strong {
  255. color: {color:Post Bold};
  256. font-weight: normal;
  257. }
  258.  
  259. .entry i, em {
  260. color: {color:Post Italic};
  261. }
  262.  
  263. .entry a {
  264. color: {color:Post Link};
  265. text-decoration: none;
  266. }
  267.  
  268. .entry h1 {
  269. font-family: georgia;
  270. font-size: 14px;
  271. color: {color:Post Title};
  272. font-weight: normal;
  273. font-style: italic;
  274. text-align: left;
  275. letter-spacing: 3px;
  276. text-transform: lowercase;
  277. border-left: 10px solid {color:Post Title};
  278. margin: 0;
  279. padding-left: 8px;
  280. margin-left: 15px;
  281. }
  282.  
  283. .entry h1 a {
  284. color: {color:Post Title};
  285. }
  286.  
  287. .entry blockquote {
  288. border-left: 3px solid {color:Post Blockquote};
  289. padding-left: 5px;
  290. margin-left: 5px;
  291. font-size: 10px;
  292. }
  293.  
  294. {block:IfPostRoundCorners}.entry img {
  295. -moz-border-radius: 15px 15px 0px 0px;
  296. -webkit-border-radius: 15px 15px 0px 0px;
  297. border-radius: 15px 15px 0px 0px;
  298. }{/block:IfPostRoundCorners}
  299.  
  300. {block:IfSmallerPosts}
  301. .entry img {
  302. max-width: 400px;
  303. }
  304. {/block:IfSmallerPosts}
  305.  
  306. {block:IfPhotoFading}
  307. .entry img {
  308. opacity: .8;
  309. -webkit-transition: all 1s ease;
  310. -moz-transition: all 1s ease;
  311. -o-transition: all 1s ease;
  312. }
  313.  
  314. .entry img:hover {
  315. opacity: 1;
  316. }
  317.  
  318. .photoset {
  319. opacity: .7;
  320. -webkit-transition: all 1s ease;
  321. -moz-transition: all 1s ease;
  322. -o-transition: all 1s ease;
  323. }
  324.  
  325. .photoset:hover {
  326. opacity: 1;
  327. }
  328. {/block:IfPhotoFading}
  329.  
  330. /* QUOTE ENTRY */
  331. .entry h2 {
  332. font-family: georgia;
  333. font-size: 11px;
  334. color: {color:Post Title};
  335. font-weight: normal;
  336. text-align: left;
  337. letter-spacing: 2px;
  338. text-transform: uppercase;
  339. }
  340.  
  341. .quote {
  342. font-size: 24px;
  343. color: {color:Post Bold};
  344. float: left;
  345. }
  346.  
  347. /* AUDIO */
  348. .audio img {
  349. max-width: 40px;
  350. float: left;
  351. margin-right: 5px;
  352. }
  353.  
  354. .player {
  355. background-color: #e4e4e4;
  356. height: 27px;
  357. {block:IfSmallerPosts}width: 400px;{/block:IfSmallerPosts}
  358. {block:IfNotSmallerPosts}width: 500px;{/block:IfNotSmallerPosts}
  359. {block:IfPostRoundCorners}-moz-border-radius: 15px 15px 0px 0px;
  360. -webkit-border-radius: 15px 15px 0px 0px;
  361. border-radius: 15px 15px 0px 0px;{/block:IfPostRoundCorners}
  362. }
  363.  
  364. /* ANSWERS */
  365. .ask {
  366. background-color: {color:Stats Background};
  367. padding: 1px;
  368. font-family: lucida sans unicode;
  369. font-size: 10px;
  370. text-align: center;
  371. color: {color:Post Text};
  372. }
  373.  
  374. .ask h3 {
  375. font-family: georgia;
  376. font-size: 12px;
  377. color: {color:Post Title};
  378. font-style: italic;
  379. text-transform: lowercase;
  380. font-weight: normal;
  381. }
  382.  
  383. /* STATS BAR */
  384. .stats {
  385. background-color: {color:Stats Background};
  386. padding: 3px;
  387. {block:IfPostRoundCorners}-moz-border-radius: 0px 0px 15px 15px;
  388. -webkit-border-radius: 0px 0px 15px 15px;
  389. border-radius: 0px 0px 15px 15px;{/block:IfPostRoundCorners}
  390. margin-top: 5px;
  391. font-family: consolas;
  392. font-size: 9px;
  393. color: {color:Stats Links};
  394. text-align: center;
  395. text-transform: uppercase;
  396. letter-spacing: 1px;
  397. line-height: 10px;
  398. margin-bottom: 3px;
  399. border-top: 1px dotted {color:Stats Text};
  400. }
  401.  
  402. .stats a {
  403. color: {color:Stats Links};
  404. text-decoration: none;
  405. }
  406.  
  407. .stats a.tag {
  408. color: {color:Stats Tags};
  409. }
  410.  
  411. /* PERMALINK PAGE */
  412. .permalink {
  413. font-family: lucida sans;
  414. font-size: 10px;
  415. color: {color:Post Text};
  416. text-transform: lowercase;
  417. text-align: center;
  418. letter-spacing: 1px;
  419. {block:IfNotSmallerPosts}width: 520px;{/block:IfNotSmallerPosts}
  420. {block:IfSmallerPosts}width: 420px;{/block:IfSmallerPosts}
  421. margin-left: 300px;
  422. }
  423.  
  424. .permalink b {
  425. color: {color:Post Bold};
  426. font-weight: normal;
  427. }
  428.  
  429. #date {
  430. color: {color:Post Italic};
  431. }
  432.  
  433. .permalink a {
  434. color: {color:Post Link};
  435. text-decoration: none;
  436. }
  437.  
  438. ol.notes {
  439. padding: 0px;
  440. margin: 15px 0px;
  441. list-style-type: none;
  442. background: transparent;
  443. border: 0px;
  444. letter-spacing: 0px;
  445. text-transform: lowercase;
  446. }
  447.  
  448. ol.notes li.note {
  449. padding: 1px;
  450. text-align: left;
  451. letter-spacing: 0px;
  452. text-transform: lowercase;
  453. }
  454.  
  455. .notes img{
  456. width: 8px;
  457. position: relative;
  458. top: 1px;
  459. opacity: .5;
  460. }
  461.  
  462. /* FOLLOW CODE */
  463. iframe#tumblr_controls {
  464. right:3px !important;
  465. position: fixed !important;
  466. -webkit-transition: opacity 0.7s linear;
  467. opacity: 0.2;
  468. -webkit-transition: all 0.8s ease-out;
  469. -moz-transition: all 0.8s ease-out;
  470. transition: all 0.8s ease-out;
  471. }
  472.  
  473. iframe#tumblr_controls:hover {
  474. -webkit-transition: opacity 0.7s linear;
  475. opacity: 1;
  476. -webkit-transition: all 0.4s ease-out;
  477. -moz-transition: all 0.4s ease-out;
  478. transition: all 0.4s ease-out;
  479. }
  480.  
  481. {CustomCSS}
  482. </style>
  483. {block:IfInfiniteScrolling}
  484. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  485. {/block:IfInfiniteScrolling}
  486. </head>
  487.  
  488. <body>
  489.  
  490. <div id="sidebar">
  491. <h1>{text:Sidebar Title}</h1>
  492. <div id="desc">
  493. <img src="{image:Sidebar}" alt="">
  494. <p>{Description}</p>
  495. </div>
  496. {block:IfName1}<a class="custom" href="{text:URL 1}">{text:Name 1}</a>{/block:IfName1}
  497. {block:IfName2}<a class="custom" href="{text:URL 2}">{text:Name 2}</a>{/block:IfName2}
  498. {block:IfName3}<a class="custom" href="{text:URL 3}">{text:Name 3}</a>{/block:IfName3}
  499. {block:IfName4}<a class="custom" href="{text:URL 4}">{text:Name 4}</a>{/block:IfName4}
  500. {block:IfName5}<a class="custom" href="{text:URL 5}">{text:Name 5}</a>{/block:IfName5}
  501. {block:IfName6}<a class="custom" href="{text:URL 6}">{text:Name 6}</a>{/block:IfName6}
  502. <div id="nav">
  503. <a href="/">return</a>&middot;<a href="/archive">archive</a>&middot;<a href="/ask">message</a>{block:IfSubmitLink}&middot;<a href="/submit">submit</a>{/block:IfSubmitLink}&middot;<a href="http://jyuubi.org">theme</a>
  504. </div>
  505. {block:IfNotInfiniteScrolling}{block:Pagination}<div id="pages">
  506. <center>{block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  507. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}</center>
  508. </div>{/block:Pagination}{/block:IfNotInfiniteScrolling}
  509. </div>
  510.  
  511. <div class="autopagerize_page_element">
  512. {block:Posts}
  513.  
  514. <div class="entry">
  515.  
  516. {block:Text}
  517. {block:Title}<h1>{Title}</h1>{/block:Title}
  518. {Body}
  519. {/block:Text}
  520.  
  521. {block:Photo}
  522. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  523. {block:HighRes}<font size="1px"><a href="{PhotoURL-HighRes}">high resolution &rarr;</a></font>{/block:HighRes}
  524. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  525. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  526. {Caption}
  527. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  528. {/block:Photo}
  529.  
  530. {block:Photoset}
  531. <div class="photo">{block:IfNotSmallerPosts}{Photoset-500}{/block:IfNotSmallerPosts}
  532. {block:IfSmallerPosts}{Photoset-400}{/block:IfSmallerPosts}</div>
  533. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  534. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  535. {Caption}
  536. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  537. {/block:Photoset}
  538.  
  539. {block:Quote}
  540. <div class="quote">&#10077;</div>
  541. <h2>{Quote}</h2>
  542. {block:Source}<p align="right">{Source}</p>{/block:Source}
  543. {/block:Quote}
  544.  
  545. {block:Link}
  546. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  547. {block:Description}{Description}{/block:Description}
  548. {/block:Link}
  549.  
  550. {block:Chat}
  551. {block:Title}<h1>{Title}</h1>{/block:Title}
  552. {block:Lines}
  553. {block:Label}
  554. <b>{Label}</b>
  555. {/block:Label}
  556. {Line}<br />
  557. {/block:Lines}
  558. {/block:Chat}
  559.  
  560. {block:Audio}
  561. {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  562. <div class="player">{AudioPlayerGrey}</div>
  563. <b>{FormattedPlayCount}</b> plays{block:Artist} <b>|</b> by <i>{Artist}</i>{/block:Artist}
  564. {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
  565. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  566. {Caption}
  567. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  568. {/block:Audio}
  569.  
  570. {block:Video}
  571. {block:IfNotSmallerPosts}{Video-500}{/block:IfNotSmallerPosts}
  572. {block:IfSmallerPosts}{Video-400}{/block:IfSmallerPosts}
  573. <center><i>{FormattedPlayCount}</i> plays</center><br />
  574. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  575. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  576. {Caption}
  577. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  578. {/block:Video}
  579.  
  580. {block:Answer}
  581. <div class="ask">{Asker} <b>sent:</b> {Question}</div>
  582. {Answer}
  583. {/block:Answer}
  584.  
  585. {block:IndexPage}<div class="stats">
  586. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} &middot; {NoteCountWithLabel}{/block:NoteCount}{block:IfReblogLink} &middot; <a href="{ReblogURL}">Reblog</a>{/block:IfReblogLink}<br />
  587. {block:IfShowTags}{block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{/block:IfShowTags}
  588. </div>{/block:IndexPage}
  589. </div>
  590.  
  591. {block:PermalinkPage}
  592. <div class="permalink">
  593. <center><div id="date">{block:Date}{12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}{block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br />
  594. {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
  595. {block:PostNotes}
  596. {PostNotes}
  597. {/block:PostNotes}
  598. </div>
  599. {/block:PermalinkPage}
  600.  
  601. {/block:Posts}
  602. </div>
  603.  
  604. </body>
  605. </html>
Advertisement
Add Comment
Please, Sign In to add comment