API tools faq
paste
Jyuubi

[Theme] → #03 Dreamer

Jyuubi
Jul 22nd, 2012
5,444
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.42 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: #03 DREAMER
  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="#e7e7e7">
  21. <meta name="color:Content Background" content="#e6e6e6">
  22. <meta name="color:Content Text" content="#9f9f9f">
  23. <meta name="color:Content Bold" content="#747474">
  24. <meta name="color:Content Italic" content="#8a8a8a">
  25. <meta name="color:Content Link" content="#bababa">
  26. <meta name="color:Top Title" content="#878787">
  27. <meta name="color:Top Subtitle" content="#bebebe">
  28. <meta name="color:Nav Link Background" content="#bebebe">
  29. <meta name="color:Nav Link Text" content="#989898">
  30. <meta name="color:Nav Link Background Hover" content="#777777">
  31. <meta name="color:Nav Link Text Hover" content="#505050">
  32. <meta name="color:Dropdown Background" content="#bebebe">
  33. <meta name="color:Dropdown Border" content="#aeaeae">
  34. <meta name="color:Dropdown Text" content="#e9e9e9">
  35. <meta name="color:Post Title" content="#878787">
  36. <meta name="color:Post Blockquote" content="#ECECEC">
  37. <meta name="color:Question Background" content="#e2e2e2">
  38. <meta name="color:Notes Text" content="#747474">
  39. <meta name="color:Notes Link" content="#8b8b8b">
  40. <meta name="color:Tag Link" content="#4c4c4c">
  41. <meta name="color:Arrows" content="#9f9f9f">
  42. <meta name="color:Arrows Hover" content="#5d5d5d">
  43. <meta name="image:BackgroundM" content="http://static.tumblr.com/pdgxkke/Tyum1h56e/dreamer.jpg">
  44. <meta name="font:Titles" content="courier new">
  45. <meta name="font:Content" content="lucida sans">
  46. <meta name="if:Infinite Scrolling" content="0">
  47. <meta name="if:Alternate Top" content="0">
  48. <meta name="if:Photo Fading" content="1">
  49. <meta name="if:Show Caption" content="0">
  50. <meta name="if:Show Tags" content="1">
  51. <meta name="text:Top Title" content="">
  52. <meta name="text:Top Subtitle" content="">
  53. <meta name="text:Description Font Size" content="10">
  54. <meta name="text:Post Text Size" content="11">
  55. <meta name="text:Dropdown Front" content="">
  56. <meta name="text:Name 1" content="">
  57. <meta name="text:URL 1" content="http://">
  58. <meta name="text:Name 2" content="">
  59. <meta name="text:URL 2" content="http://">
  60. <meta name="text:Name 3" content="">
  61. <meta name="text:URL 3" content="http://">
  62. <meta name="text:Name 4" content="">
  63. <meta name="text:URL 4" content="http://">
  64. <meta name="text:Name 5" content="">
  65. <meta name="text:URL 5" content="http://">
  66. <meta name="text:Name 6" content="">
  67. <meta name="text:URL 6" content="http://">
  68.  
  69. <head>
  70. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  71. <title>{Title}</title>
  72. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  73. <link rel="shortcut icon" href="{Favicon}">
  74. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  75.  
  76. <style type="text/css">
  77. /* BODY */
  78. body {
  79. background-image: url("{image:BackgroundM}");
  80. background-attachment: fixed;
  81. background-repeat: repeat;
  82. background-color: {color:BackgroundM};
  83. margin: auto;
  84. color: {color:Content Text};
  85. }
  86.  
  87. a {
  88. color: {color:Content Link};
  89. text-decoration: none;
  90. }
  91.  
  92. b, strong {
  93. color: {color:Content Bold};
  94. font-weight: normal;
  95. }
  96.  
  97. i, em {
  98. color: {color:Content Italic};
  99. }
  100.  
  101. /* CONTAINER */
  102. #container {
  103. background-color: transparent;
  104. width: 500px;
  105. margin: auto;
  106. }
  107.  
  108. /* TOP */
  109. #top {
  110. background-color: transparent;
  111. width: 510px;
  112. {block:IfNotAlternateTop}height: 150px;{/block:IfNotAlternateTop}
  113. {block:IfAlternateTop}height: 180px;{/block:IfAlternateTop}
  114. margin-top: 10px;
  115. margin-bottom: 5px;
  116. }
  117.  
  118. /* TOP ICON */
  119. #topleft {
  120. background-color: {color:Content Background};
  121. width: 100px;
  122. height: 100px;
  123. padding: 10px;
  124. float: left;
  125. }
  126.  
  127. #topleft img {
  128. margin-left: 2px;
  129. margin-top: 2px;
  130. opacity: .9;
  131. -webkit-transition: all 0.5s ease;
  132. -moz-transition: all 0.5s ease;
  133. -o-transition: all 0.5s ease;
  134. }
  135.  
  136. #topleft img:hover {
  137. opacity: 1;
  138. }
  139.  
  140. /* TOP DESCRIPTION */
  141. #topright {
  142. background-color: {color:Content Background};
  143. font-family: {font:Content};
  144. font-size: {text:Description Font Size}px;
  145. letter-spacing: 1px;
  146. text-align: center;
  147. padding: 2px;
  148. width: 380px;
  149. line-height: 12px;
  150. {block:IfNotAlternateTop}height: 116px;{/block:IfNotAlternateTop}
  151. {block:IfAlternateTop}height: 172px;{/block:IfAlternateTop}
  152. float: right;
  153. }
  154.  
  155. #topright h1 {
  156. font-family: {font:Titles};
  157. font-size: 16px;
  158. color: {color:Top Title};
  159. font-weight: normal;
  160. text-transform: lowercase;
  161. letter-spacing: 6px;
  162. }
  163.  
  164. #topright h2 {
  165. font-family: {font:Content};
  166. font-size: 10px;
  167. color: {color:Top Subtitle};
  168. font-weight: normal;
  169. text-transform: lowercase;
  170. letter-spacing: 6px;
  171. margin-top: -8px;
  172. }
  173.  
  174. /* TOP LINKS */
  175. {block:IfNotAlternateTop}
  176. #toplinks {
  177. width: 450px;
  178. margin: auto;
  179. }
  180. {/block:IfNotAlternateTop}
  181.  
  182. {block:IfAlternateTop}
  183. #toplinks {
  184. float: left;
  185. margin-top: 2px;
  186. }
  187. {/block:IfAlternateTop}
  188.  
  189. {block:IfNotAlternateTop}
  190. #toplinks td a {
  191. background-color: {color:Nav Link Background};
  192. width: 107px;
  193. height: 20px;
  194. line-height: 20px;
  195. display: block;
  196. font-family: lucida console;
  197. font-size: 10px;
  198. color: {color:Nav Link Text};
  199. text-transform: lowercase;
  200. text-decoration: none;
  201. letter-spacing: 1px;
  202. text-align: center;
  203. -webkit-transition: all 1s ease;
  204. -moz-transition: all 1s ease;
  205. -o-transition: all 1s ease;
  206. }
  207.  
  208. #toplinks td a:hover {
  209. background-color: {color:Nav Link Background Hover};
  210. color: {color:Nav Link Text Hover};
  211. }
  212. {/block:IfNotAlternateTop}
  213.  
  214. {block:IfAlternateTop}
  215. #toplinks a {
  216. background-color: {color:Nav Link Background};
  217. font-family: lucida sans unicode;
  218. font-size: 8px;
  219. text-transform: uppercase;
  220. color: {color:Nav Link Text};
  221. text-decoration: none;
  222. letter-spacing: 1px;
  223. text-align: center;
  224. display: block;
  225. height: 12px;
  226. width: 120px;
  227. line-height: 11px;
  228. margin-bottom: 2px;
  229. -webkit-transition: all 1s ease;
  230. -moz-transition: all 1s ease;
  231. -o-transition: all 1s ease;
  232. }
  233.  
  234. #toplinks a:hover {
  235. background-color: {color:Nav Link Background Hover};
  236. color: {color:Nav Link Text Hover};
  237. }
  238. {/block:IfAlternateTop}
  239.  
  240. /* POSTS */
  241. .entry {
  242. background-color: {color:Content Background};
  243. width: 500px;
  244. font-family: {font:Content};
  245. font-size: {text:Post Text Size}px;
  246. letter-spacing: 1px;
  247. overflow: hidden;
  248. border: 5px solid {color:Content Background};
  249. }
  250.  
  251. .entry h1 {
  252. font-family: {font:Titles};
  253. font-size: 16px;
  254. color: {color:Post Title};
  255. font-weight: normal;
  256. text-align: center;
  257. letter-spacing: 4px;
  258. text-transform: lowercase;
  259. }
  260.  
  261. .entry h1 a {
  262. color: {color:Post Title};
  263. text-decoration: none;
  264. }
  265.  
  266. .entry blockquote {
  267. border-left: 4px solid {color:Post Blockquote};
  268. padding-left: 5px;
  269. margin-left: 5px;
  270. }
  271.  
  272. {block:IfPhotoFading}.entry img {
  273. opacity: .8;
  274. -webkit-transition: all 0.5s ease;
  275. -moz-transition: all 0.5s ease;
  276. -o-transition: all 0.5s ease;
  277. }
  278.  
  279. .entry img:hover {
  280. opacity: 1;
  281. }
  282.  
  283. .photoset {
  284. opacity: .8;
  285. -webkit-transition: all 0.5s ease;
  286. -moz-transition: all 0.5s ease;
  287. -o-transition: all 0.5s ease;
  288. }
  289.  
  290. .photoset:hover {
  291. opacity: 1;
  292. }{/block:IfPhotoFading}
  293.  
  294. /* QUOTE POST */
  295. .entry h2 {
  296. font-family: {font:Titles};
  297. font-size: 12px;
  298. color: {color:Post Title};
  299. font-weight: normal;
  300. text-transform: lowercase;
  301. letter-spacing: 2px;
  302. text-align: left;
  303. }
  304.  
  305. .quote {
  306. font-family: georgia;
  307. font-size: 28px;
  308. color: {color:Content Bold};
  309. float: left;
  310. }
  311.  
  312. /* ASK POST */
  313. .ask {
  314. background-color: {color:Question Background};
  315. text-align: center;
  316. padding: 5px;
  317. }
  318.  
  319. .ask h3 {
  320. font-family: {font:Post Title};
  321. font-size: 14px;
  322. color: {color:Post Title};
  323. font-weight: normal;
  324. text-transform: lowercase;
  325. letter-spacing: 2px;
  326. }
  327.  
  328. .ask h3 a {
  329. color: {color:Content Link};
  330. }
  331.  
  332. /* NOTES */
  333. .notes2 {
  334. font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
  335. font-size: 9px;
  336. color: {color:Notes Text};
  337. text-align: center;
  338. line-height: 10px;
  339. width: 500px;
  340. margin-bottom: 8px;
  341. }
  342.  
  343. .notes2 a {
  344. font-size: 8px;
  345. color: {color:Notes Link};
  346. text-decoration: none;
  347. text-transform: uppercase;
  348. letter-spacing: 1px;
  349. -webkit-transition: all 0.5s ease;
  350. -moz-transition: all 0.5s ease;
  351. -o-transition: all 0.5s ease;
  352. }
  353.  
  354. .notes2 a:hover {
  355. color: {color:Notes Link Hover};
  356. }
  357.  
  358. .notes2 a.tag {
  359. color: {color:Tag Link};
  360. }
  361.  
  362. /* NEXT AND PREV */
  363. #pages {
  364. text-align: center;
  365. }
  366.  
  367. #pages a {
  368. font-family: courier new;
  369. font-size: 22px;
  370. color: {color:Arrows};
  371. text-transform: lowercase;
  372. text-decoration: none;
  373. -webkit-transition: all 1s ease;
  374. -moz-transition: all 1s ease;
  375. -o-transition: all 1s ease;
  376. }
  377.  
  378. #pages a:hover {
  379. color: {color:Arrows Hover};
  380. }
  381.  
  382. /* PERMALINK PAGE */
  383. .permalink {
  384. font-family: {font:Content};
  385. font-size: 10px;
  386. color: {color:Content Text};
  387. text-transform: lowercase;
  388. text-align: center;
  389. {block:IfNotSmallerPosts}width: 510px;{/block:IfNotSmallerPosts}
  390. {block:IfSmallerPosts}width: 410px;{/block:IfSmallerPosts}
  391. position: relative;
  392. letter-spacing: 2px;
  393. }
  394.  
  395. .permalink b {
  396. color: {color:Content Bold};
  397. font-weight: normal;
  398. }
  399.  
  400. #date {
  401. color: {color:Content Italic};
  402. }
  403.  
  404. .permalink a {
  405. color: {color:Content Link};
  406. text-decoration: none;
  407. }
  408.  
  409. ol.notes {
  410. padding: 0px;
  411. margin: 15px 0px;
  412. list-style-type: none;
  413. background: transparent;
  414. border: 0px;
  415. letter-spacing: 0px;
  416. }
  417.  
  418. ol.notes li.note {
  419. padding: 1px;
  420. text-align: left;
  421. letter-spacing: 0px;
  422. }
  423.  
  424. .notes img{
  425. width: 10px;
  426. position: relative;
  427. top: 1px;
  428. opacity: .5;
  429. }
  430.  
  431. /* FOLLOW CODE */
  432. iframe#tumblr_controls {
  433. right:3px !important;
  434. position: fixed !important;
  435. -webkit-transition: opacity 0.7s linear;
  436. opacity: 0.2;
  437. -webkit-transition: all 0.8s ease-out;
  438. -moz-transition: all 0.8s ease-out;
  439. transition: all 0.8s ease-out;
  440. }
  441.  
  442. iframe#tumblr_controls:hover {
  443. -webkit-transition: opacity 0.7s linear;
  444. opacity: 1;
  445. -webkit-transition: all 0.4s ease-out;
  446. -moz-transition: all 0.4s ease-out;
  447. transition: all 0.4s ease-out;
  448. }
  449. </style>
  450. <style type="text/css">{CustomCSS}</style>
  451. {block:IfInfiniteScrolling}
  452. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  453. {/block:IfInfiniteScrolling}
  454. </head>
  455.  
  456. <body>
  457. <div id="container">
  458.  
  459. <div id="top">
  460. <div id="topleft">
  461. <img src="{PortraitURL-96}" alt="">
  462. </div>
  463.  
  464. <div id="topright">
  465. <h1>{text:Top Title}</h1>
  466. <h2>{text:Top Subtitle}</h2>
  467. {block:IfDropdownFront}<select style="font-family: {font:Nav Links};color:{color:Dropdown Text};background:{color:Dropdown Background};width:220px;font-size:9px;letter-spacing:1px;border:1px solid {color:Dropdown Border};" onChange="location.href=this.options[this.selectedIndex].value;">
  468. <option value=''>{text:Dropdown Front}</option>
  469. {block:IfName1}<option value="{text:URL 1}">&raquo; {text:Name 1}</option>{/block:IfName1}
  470. {block:IfName2}<option value="{text:URL 2}">&raquo; {text:Name 2}</option>{/block:IfName2}
  471. {block:IfName3}<option value="{text:URL 3}">&raquo; {text:Name 3}</option>{/block:IfName3}
  472. {block:IfName4}<option value="{text:URL 4}">&raquo; {text:Name 4}</option>{/block:IfName4}
  473. {block:IfName5}<option value="{text:URL 5}">&raquo; {text:Name 5}</option>{/block:IfName5}
  474. {block:IfName6}<option value="{text:URL 6}">&raquo; {text:Name 6}</option>{/block:IfName6}
  475. </select><br />{/block:IfDropdownFront}
  476. {Description}
  477. </div>
  478.  
  479. {block:IfNotAlternateTop}
  480. <div id="toplinks">
  481. <table>
  482. <tr>
  483. <td><a href="/">Index</a></td>
  484. <td><a href="/archive">Archive</a></td>
  485. <td><a href="/ask">Ask</a></td>
  486. <td><a href="http://jyuubi.tumblr.com">Theme</a></td>
  487. </tr>
  488. </table>
  489. </div>
  490. {/block:IfNotAlternateTop}
  491.  
  492. {block:IfAlternateTop}
  493. <div id="toplinks">
  494. <a href="/">Index</a>
  495. <a href="/archive">Archive</a>
  496. <a href="/ask">Ask</a>
  497. <a href="http://jyuubi.tumblr.com">Theme</a>
  498. </div>
  499. {/block:IfAlternateTop}
  500. </div>
  501.  
  502. <div class="autopagerize_page_element">
  503. {block:Posts}
  504.  
  505. <div class="entry">
  506.  
  507. {block:Text}
  508. {block:Title}<h1>{Title}</h1>{/block:Title}
  509. {Body}
  510. {/block:Text}
  511.  
  512. {block:Photo}
  513. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>{LinkCloseTag}</center>
  514. {block:HighRes}<font size="1px"><a href="{PhotoURL-HighRes}">high resolution &rarr;</a></font>{/block:HighRes}
  515. {block:IfShowCaption}{block:Caption}
  516. {Caption}
  517. {/block:Caption}{/block:IfShowCaption}
  518. {block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}
  519. {Caption}
  520. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}
  521. {/block:Photo}
  522.  
  523. {block:Photoset}
  524. <div class="photoset">{Photoset-500}</div>
  525. {block:IfShowCaption}{block:Caption}
  526. {Caption}
  527. {/block:Caption}{/block:IfShowCaption}
  528. {block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}
  529. {Caption}
  530. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}
  531. {/block:Photoset}
  532.  
  533. {block:Quote}
  534. <div class="quote">&#10077;</div>
  535. <h2>{Quote}</h2>
  536. {block:Source}<p align="right">{Source}</p>{/block:Source}
  537. {/block:Quote}
  538.  
  539. {block:Link}
  540. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  541. {block:Description}{Description}{/block:Description}
  542. {/block:Link}
  543.  
  544. {block:Chat}
  545. {block:Title}<h1>{Title}</h1>{/block:Title}
  546. {block:Lines}
  547. {block:Label}
  548. <b>{Label}</b>
  549. {/block:Label}
  550. {Line}<br />
  551. {/block:Lines}
  552. {/block:Chat}
  553.  
  554. {block:Audio}
  555. <center>{AudioPlayerGrey}
  556. <i>{FormattedPlayCount}</i> plays</center>
  557. {block:IfShowCaption}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaption}
  558. {block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}<br />
  559. {Caption}
  560. {/block:Caption}{/block:PermalinkPage}
  561. {/block:IfNotShowCaption}
  562. {/block:Audio}
  563.  
  564. {block:Video}
  565. {Video-500}
  566. <center><i>{FormattedPlayCount}</i> plays</center><br />
  567. {block:IfShowCaption}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaption}
  568. {block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}<br />
  569. {Caption}
  570. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}
  571. {/block:Video}
  572.  
  573. {block:Answer}
  574. <div class="ask">
  575. <h3>{Asker} asked,</h3>
  576. {Question}
  577. </div>
  578. {Answer}
  579. {/block:Answer}
  580.  
  581. </div>
  582. {block:IndexPage}<div class="notes2">
  583. &raquo; time <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>&nbsp;&nbsp;&nbsp;&raquo; notes <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a><br>
  584. {block:IfShowTags}{block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:IfShowTags}
  585. </div>{/block:IndexPage}
  586.  
  587. {block:PermalinkPage}
  588. <div class="permalink">
  589. <div id="date">{block:Date}{12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</div>
  590. {block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>&nbsp;&nbsp;|&nbsp;&nbsp;<b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  591. {block:HasTags}<br /><b>tags &raquo;</b> {block:Tags}<b>#</b><a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  592. {block:PostNotes}
  593. {PostNotes}
  594. {/block:PostNotes}
  595. </div>
  596. {/block:PermalinkPage}
  597.  
  598. {/block:Posts}
  599. </div>
  600.  
  601. {block:IfNotInfiniteScrolling}{block:Pagination}<div id="pages">
  602. <p>{block:PreviousPage}<a href="{PreviousPage}">&larr; Prev</a> &nbsp;&nbsp;&nbsp; {block:PreviousPage}{block:NextPage}<a href="{NextPage}">Next &rarr;</a>{block:NextPage}</p>
  603. </div>{/block:Pagination}{/block:IfNotInfiniteScrolling}
  604.  
  605. </div>
  606. </body>
  607. </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!