API tools faq
paste
Jyuubi

[Theme] → #08 Passion

Jyuubi
Apr 8th, 2012
9,817
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.97 KB | None | 0 0
raw download clone embed print report
  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: #08 PASSION
  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. <meta name="color:BackgroundM" content="#b4b4b4">
  21.  
  22. <meta name="color:Sidebar Title" content="#c4a5bf">
  23.  
  24. <meta name="color:Custom Link Background" content="#c38492">
  25. <meta name="color:Custom Link Text" content="#DDB1BA">
  26. <meta name="color:Custom Link Text Hover" content="#fff8f7">
  27.  
  28. <meta name="color:Description Text" content="#b2b2b2">
  29. <meta name="color:Description Bold" content="#CA8E9B">
  30. <meta name="color:Description Italic" content="#E2A6A7">
  31. <meta name="color:Description Link" content="#EE8FA3">
  32.  
  33. <meta name="color:Post Background" content="#E9E9E9">
  34. <meta name="color:Post Text" content="#b2b2b2">
  35. <meta name="color:Post Bold" content="#CA8E9B">
  36. <meta name="color:Post Italic" content="#E2A6A7">
  37. <meta name="color:Post Link" content="#EE8FA3">
  38. <meta name="color:Post Title" content="#c4a5bf">
  39. <meta name="color:Post Blockquote" content="#E0E0E0">
  40.  
  41. <meta name="color:Stats Background" content="#E0E0E0">
  42. <meta name="color:Stats Link" content="#C79FB2">
  43. <meta name="color:Stats Tags" content="#CA8E9B">
  44.  
  45. <meta name="image:BackgroundM" content="http://static.tumblr.com/pdgxkke/AZem1ko6f/passion.png">
  46. <meta name="image:Sidebar" content="http://static.tumblr.com/pdgxkke/H4zm1ko6w/passion.gif">
  47.  
  48. <meta name="if:Infinite Scrolling" content="0">
  49. <meta name="if:Larger Posts" content="0">
  50. <meta name="if:Photo Transparency" content="1">
  51. <meta name="if:Show Captions" content="0">
  52. <meta name="if:High Res Link" content="0">
  53. <meta name="if:Reblog Link" content="1">
  54. <meta name="if:Show Tags" content="0">
  55. <meta name="if:Dropdown Custom Links" content="0">
  56.  
  57. <meta name="text:Sidebar Position" content="150">
  58. <meta name="text:Sidebar Title" content="">
  59.  
  60. <meta name="text:Name 1" content="">
  61. <meta name="text:URL 1" content="http://">
  62. <meta name="text:Name 2" content="">
  63. <meta name="text:URL 2" content="http://">
  64. <meta name="text:Name 3" content="">
  65. <meta name="text:URL 3" content="http://">
  66. <meta name="text:Name 4" content="">
  67. <meta name="text:URL 4" content="http://">
  68. <meta name="text:Name 5" content="">
  69. <meta name="text:URL 5" content="http://">
  70. <meta name="text:Name 6" content="">
  71. <meta name="text:URL 6" content="http://">
  72.  
  73. <head>
  74. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  75. <title>{Title}</title>
  76. <link rel="shortcut icon" href="{Favicon}">
  77. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  78. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  79.  
  80. <style type="text/css">
  81. ::-webkit-scrollbar-thumb:vertical {
  82. background-color: {color:Stats Background};
  83. height:50px;
  84. border-radius: 5px;
  85. -moz-border-radius: 5px;
  86. -webkit-border-radius: 5px;
  87. }
  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.  
  103. /* SIDEBAR */
  104. #sidebar {
  105. position: fixed;
  106. margin-top: {text:Sidebar Position}px;
  107. font-family: tahoma, sans-serif;
  108. font-size: 9px;
  109. text-align: center;
  110. letter-spacing: 1px;
  111. line-height: 16px;
  112. width: 180px;
  113. {block:IfLargerPosts}margin-left: 518px;{/block:IfLargerPosts}
  114. {block:IfNotLargerPosts}margin-left: 418px;{/block:IfNotLargerPosts}
  115. }
  116.  
  117. #sidebar a {
  118. color: {color:Description Link};
  119. text-decoration: none;
  120. }
  121.  
  122. #sidebar h1 {
  123. font-family: lucida console;
  124. font-size: 10px;
  125. color: {color:Sidebar Title};
  126. font-weight: normal;
  127. letter-spacing: 4px;
  128. text-align: right;
  129. border-bottom: 1px solid {color:Description Italic};
  130. margin-bottom: 2px;
  131. }
  132.  
  133. #sidebar img {
  134. max-width: 180px;
  135. -moz-border-radius: 15px 0px 15px 0px;
  136. -webkit-border-radius: 15px 0px 15px 0px;
  137. border-radius: 15px 0px 15px 0px;
  138. }
  139.  
  140. #links {
  141. margin-left: 2px;
  142. }
  143.  
  144. #links a {
  145. font-family: consolas;
  146. font-size: 8px;
  147. text-transform: uppercase;
  148. letter-spacing: 2px;
  149. }
  150.  
  151. /* CUSTOM LINKS */
  152. #sidebar a.custom {
  153. background-color: {color:Custom Link Background};
  154. display: block;
  155. width: 180px;
  156. height: 12px;
  157. line-height: 10px;
  158. font-family: lucida sans unicode;
  159. font-size: 9px;
  160. color: {color:Custom Link Text};
  161. text-transform: lowercase;
  162. text-decoration: none;
  163. letter-spacing: 3px;
  164. text-align: center;
  165. margin-bottom: 3px;
  166. -webkit-transition: all 1s ease;
  167. -moz-transition: all 1s ease;
  168. -o-transition: all 1s ease;
  169. -moz-border-radius: 8px 0px 8px 0px;
  170. -webkit-border-radius: 8px 0px 8px 0px;
  171. border-radius: 8px 0px 8px 0px;
  172. }
  173.  
  174. #sidebar a.custom:hover {
  175. color: {color:Custom Link Text Hover};
  176. }
  177.  
  178.  
  179. /* DESCRIPTION */
  180. #desc {
  181. color: {color:Description Text};
  182. }
  183.  
  184. #desc b, strong {
  185. color: {color:Description Bold};
  186. }
  187.  
  188. #desc i, em {
  189. color: {color:Description Italic};
  190. }
  191.  
  192.  
  193. /* NAV AND ARROWS */
  194. #links {
  195. margin-top: -5px;
  196. }
  197.  
  198. #pages {
  199. font-family: lucida sans unicode;
  200. font-size: 20px;
  201. }
  202.  
  203. #pages a {
  204. color: {color:Description Bold};
  205. }
  206.  
  207.  
  208. /* ENTRY */
  209. .entry {
  210. overflow: hidden;
  211. background-color: {color:Post Background};
  212. {block:IfLargerPosts}width: 500px;{/block:IfLargerPosts}
  213. {block:IfNotLargerPosts}width:400px;{/block:IfNotLargerPosts}
  214. font-family: tahoma, sans-serif;
  215. font-size: 12px;
  216. color: {color:Post Text};
  217. border: 5px solid {color:Post Background};
  218. letter-spacing: 1px;
  219. text-align: justify;
  220. margin-bottom: 10px;
  221. }
  222.  
  223. .entry b, strong {
  224. color: {color:Post Bold};
  225. font-weight: normal;
  226. }
  227.  
  228. .entry i, em {
  229. color: {color:Post Italic};
  230. }
  231.  
  232. .entry a {
  233. color: {color:Post Link};
  234. text-decoration: none;
  235. }
  236.  
  237. .entry h1 {
  238. font-family: lucida console;
  239. font-size: 12px;
  240. color: {color:Post Title};
  241. font-weight: normal;
  242. text-align: right;
  243. letter-spacing: 2px;
  244. text-transform: lowercase;
  245. border-bottom: 1px solid {color:Stats Background};
  246. }
  247.  
  248. .entry h1 a {
  249. color: {color:Post Title};
  250. }
  251.  
  252. .entry blockquote {
  253. border-left: 4px solid {color:Post Blockquote};
  254. padding-left: 5px;
  255. margin-left: 5px;
  256. font-size: 11px;
  257. }
  258.  
  259.  
  260. /* PHOTO ENTRY */
  261. .photo {
  262. text-align: center;
  263. }
  264.  
  265. {block:IfPhotoTransparency}
  266. .photo {
  267. opacity: .8;
  268. }
  269.  
  270. .entry img {
  271. opacity: .8;
  272. }
  273. {/block:IfPhotoTransparency}
  274.  
  275. {block:IfNotLargerPosts}
  276. .entry img {
  277. max-width: 400px;
  278. }
  279. {/block:IfNotLargerPosts}
  280.  
  281.  
  282. /* QUOTE ENTRY */
  283. .entry h2 {
  284. font-family: lucida console;
  285. font-size: 12px;
  286. color: {color:Post Title};
  287. font-weight: normal;
  288. text-align: left;
  289. letter-spacing: 2px;
  290. text-transform: lowercase;
  291. }
  292.  
  293. .quote {
  294. font-size: 24px;
  295. color: {color:Post Bold};
  296. float: left;
  297. }
  298.  
  299.  
  300. /* ASK POSTS */
  301. .ask {
  302. text-align: center;
  303. line-height: 10px;
  304. background-color: {color:Stats Background};
  305. padding: 1px;
  306. font-size: 10px;
  307. }
  308.  
  309. .ask h3 {
  310. font-family: {font:Post Title};
  311. font-size: 12px;
  312. color: {color:Post Title};
  313. font-weight: normal;
  314. }
  315.  
  316.  
  317. /* AUDIO ALBUMS */
  318. .audio img {
  319. max-width: 40px;
  320. float: left;
  321. margin-right: 5px;
  322. }
  323.  
  324.  
  325. /* NOTES BAR */
  326. .notes2 {
  327. background-color: {color:Stats Background};
  328. padding: 5px;
  329. margin-top: 5px;
  330. font-family: lucida console;
  331. font-size: 9px;
  332. color: {color:Stats Link};
  333. text-transform: uppercase;
  334. line-height: 8px;
  335. letter-spacing: 1px;
  336. text-align: center;
  337. border-radius: 5px;
  338. -moz-border-radius: 5px;
  339. -webkit-border-radius: 5px;
  340. }
  341.  
  342. .notes2 a {
  343. color: {color:Stats Link};
  344. text-decoration: none;
  345. font-size: 9px;
  346. }
  347.  
  348. .notes2 a.tag {
  349. font-family: consolas;
  350. font-size: 8px;
  351. text-transform: uppercase;
  352. letter-spacing: 2px;
  353. color: {color:Stats Tags};
  354. }
  355.  
  356.  
  357. /* PERMALINK PAGE */
  358. .permalink {
  359. font-family: tahoma, sans-serif;
  360. font-size: 10px;
  361. color: {color:Post Text};
  362. text-transform: lowercase;
  363. text-align: center;
  364. letter-spacing: 1px;
  365. {block:IfLargerPosts}width: 510px;{/block:IfLargerPosts}
  366. {block:IfNotLargerPosts}width:410px;{/block:IfNotLargerPosts}
  367. }
  368.  
  369. .permalink b {
  370. color: {color:Post Bold};
  371. font-weight: normal;
  372. }
  373.  
  374. #date {
  375. color: {color:Post Italic};
  376. }
  377.  
  378. .permalink a {
  379. color: {color:Post Link};
  380. text-decoration: none;
  381. }
  382.  
  383. ol.notes {
  384. padding: 0px;
  385. margin: 15px 0px;
  386. list-style-type: none;
  387. background: transparent;
  388. border: 0px;
  389. letter-spacing: 0px;
  390. text-transform: lowercase;
  391. }
  392.  
  393. ol.notes li.note {
  394. padding: 1px;
  395. text-align: left;
  396. letter-spacing: 0px;
  397. text-transform: lowercase;
  398. }
  399.  
  400. .notes img{
  401. width: 8px;
  402. position: relative;
  403. top: 1px;
  404. opacity: .5;
  405. }
  406.  
  407. /* FOLLOW CODE */
  408. iframe#tumblr_controls {
  409. right:3px !important;
  410. position: fixed !important;
  411. -webkit-transition: opacity 0.7s linear;
  412. opacity: 0.2;
  413. -webkit-transition: all 0.8s ease-out;
  414. -moz-transition: all 0.8s ease-out;
  415. transition: all 0.8s ease-out;
  416. }
  417.  
  418. iframe#tumblr_controls:hover {
  419. -webkit-transition: opacity 0.7s linear;
  420. opacity: 1;
  421. -webkit-transition: all 0.4s ease-out;
  422. -moz-transition: all 0.4s ease-out;
  423. transition: all 0.4s ease-out;
  424. }
  425.  
  426. {CustomCSS}
  427. </style>
  428. {block:IfInfiniteScrolling}
  429. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  430. {/block:IfInfiniteScrolling}
  431. </head>
  432.  
  433. <body>
  434.  
  435. <div id="sidebar">
  436. <h1>{text:Sidebar Title}</h1>
  437. <div id="links">
  438. <a href="/">refresh</a>
  439. <a href="/archive">memories</a>
  440. <a href="/ask">message</a>
  441. <a href="http://jyuubi.tumblr.com">theme</a>
  442. </div>
  443. <img src="{image:Sidebar}" alt="">
  444. {block:IfNotDropdownCustomLinks}
  445. {block:IfName1}<a class="custom" href="{text:URL 1}">{text:Name 1}</a>{/block:IfName1}
  446. {block:IfName2}<a class="custom" href="{text:URL 2}">{text:Name 2}</a>{/block:IfName2}
  447. {block:IfName3}<a class="custom" href="{text:URL 3}">{text:Name 3}</a>{/block:IfName3}
  448. {block:IfName4}<a class="custom" href="{text:URL 4}">{text:Name 4}</a>{/block:IfName4}
  449. {block:IfName5}<a class="custom" href="{text:URL 5}">{text:Name 5}</a>{/block:IfName5}
  450. {block:IfName6}<a class="custom" href="{text:URL 6}">{text:Name 6}</a>{/block:IfName6}
  451. {/block:IfNotDropdownCustomLinks}
  452. {block:IfDropdownCustomLinks}
  453. <form name="form1">
  454. <select style="font-family: consolas;color:{color:Custom Link Text};background:{color:Custom Link Background};width:180px;font-size:8px;letter-spacing:2px;border:1px solid {color:Post Background}; text-transform: uppercase;" onChange="location.href=this.options[this.selectedIndex].value;">
  455. <option value=''>NAVIGATE YOURSELF &rarr;</option>
  456. {block:IfName1}<option value="{text:URL 1}">&raquo; {text:Name 1}</option>{/block:IfName1}
  457. {block:IfName2}<option value="{text:URL 2}">&raquo; {text:Name 2}</option>{/block:IfName2}
  458. {block:IfName3}<option value="{text:URL 3}">&raquo; {text:Name 3}</option>{/block:IfName3}
  459. {block:IfName4}<option value="{text:URL 4}">&raquo; {text:Name 4}</option>{/block:IfName4}
  460. {block:IfName5}<option value="{text:URL 5}">&raquo; {text:Name 5}</option>{/block:IfName5}
  461. {block:IfName6}<option value="{text:URL 6}">&raquo; {text:Name 6}</option>{/block:IfName6}
  462. </select></form>
  463. {/block:IfDropdownCustomLinks}
  464. <div id="desc">
  465. {Description}
  466. </div>
  467. {block:IfNotInfiniteScrolling}
  468. <div id="pages">
  469. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;{block:PreviousPage}{block:NextPage}<a href="{NextPage}">&rarr;</a>{block:NextPage}
  470. </div>
  471. {/block:IfNotInfiniteScrolling}
  472. </div>
  473.  
  474. <div class="autopagerize_page_element">
  475. {block:Posts}
  476.  
  477. <div class="entry">
  478. {block:Text}
  479. {block:Title}<h1>{Title}</h1>{/block:Title}
  480. {Body}
  481. {/block:Text}
  482.  
  483. {block:Photo}
  484. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  485. {block:IfHighResLink}{block:HighRes}<font size="1px"><a href="{PhotoURL-HighRes}">high resolution &rarr;</a></font>{/block:HighRes}{/block:IfHighResLink}
  486. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  487. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  488. {Caption}
  489. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  490. {/block:Photo}
  491.  
  492. {block:Photoset}
  493. {block:IfNotLargerPosts}<div class="photo">{Photoset-400}</div>{/block:IfNotLargerPosts}
  494. {block:IfLargerPosts}<div class="photo">{Photoset-500}</div>{/block:IfLargerPosts}
  495. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  496. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  497. {Caption}
  498. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  499. {/block:Photoset}
  500.  
  501. {block:Quote}
  502. <div class="quote">&#10077;</div>
  503. <h2>{Quote}</h2>
  504. {block:Source}<p align="right">{Source} &mdash;</p>{/block:Source}
  505. {/block:Quote}
  506.  
  507. {block:Link}
  508. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  509. {block:Description}{Description}{/block:Description}
  510. {/block:Link}
  511.  
  512. {block:Chat}
  513. {block:Title}<h1>{Title}</h1>{/block:Title}
  514. {block:Lines}
  515. {block:Label}
  516. <b>{Label}</b>
  517. {/block:Label}
  518. {Line}<br />
  519. {/block:Lines}
  520. {/block:Chat}
  521.  
  522. {block:Audio}
  523. {block:AlbumArt}
  524. <div class="audio"><img src="{AlbumArtURL}" alt=""></div>
  525. {/block:AlbumArt}
  526. {AudioPlayerGrey}
  527. <b>{FormattedPlayCount}</b> plays
  528. {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
  529. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  530. {Caption}
  531. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  532. {/block:Audio}
  533.  
  534. {block:Video}
  535. {block:IfNotLargerPosts}{Video-400}{/block:IfNotLargerPosts}
  536. {block:IfLargerPosts}{Video-500}{/block:IfLargerPosts}
  537. <center><i>{FormattedPlayCount}</i> plays</center><br />
  538. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  539. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  540. {Caption}
  541. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  542. {/block:Video}
  543.  
  544. {block:Answer}
  545. {Asker} <b>sent:</b> {Question}<br /><br />
  546. {Answer}
  547. {/block:Answer}
  548.  
  549. {block:IndexPage}<div class="notes2">
  550. <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}{block:NoteCount}&nbsp;|&nbsp;{NoteCountWithLabel}{/block:NoteCount}</a>{block:IfReblogLink}&nbsp;|&nbsp;<a href="{ReblogURL}" target="_blank">Reblog</a>{/block:IfReblogLink}
  551. {block:IfShowTags}{block:HasTags}<br>{block:Tags}<a class="tag" href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{/block:IfShowTags}
  552. </div>{/block:IndexPage}
  553. </div>
  554.  
  555. {block:PermalinkPage}
  556. <div class="permalink">
  557. <center><div id="date">{block:Date}posted {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;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  558. {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
  559. {block:PostNotes}
  560. {PostNotes}
  561. {/block:PostNotes}
  562. </div>
  563. {/block:PermalinkPage}
  564.  
  565. {/block:Posts}
  566. </div>
  567.  
  568. </body>
  569. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!