API tools faq
paste
Advertisement
Jyuubi

[Theme] → #12 Tea Party

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