API tools faq
paste
Jyuubi

[Theme] → #26 Oceana (v.1)

Jyuubi
Aug 3rd, 2012
20,006
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.40 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: #26 OCEANA
  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 UNLESS PROVIDED.
  18. -->
  19.  
  20. <meta name="color:BackgroundM" content="#f8f8f8">
  21.  
  22. <meta name="color:First Border" content="#ffffff">
  23. <meta name="color:Second Border" content="#82b6d4">
  24. <meta name="color:Third Border" content="#9dc7df">
  25. <meta name="color:Left Sidebar Backgrounds" content="#ffffff">
  26. <meta name="color:Header" content="#82b6d4">
  27. <meta name="color:Custom Nav Background" content="#82b6d4">
  28. <meta name="color:Custom Nav Text" content="#ffffff">
  29. <meta name="color:Custom Nav Hover BG" content="#9dc7df">
  30. <meta name="color:Description Text" content="#6f6f6f">
  31. <meta name="color:Description Bold" content="#82b6d4">
  32. <meta name="color:Description Italic" content="#8d8d8d">
  33. <meta name="color:Description Link" content="#9dc7df">
  34.  
  35. <meta name="color:Entry Background" content="#ffffff">
  36. <meta name="color:Entry Text" content="#6f6f6f">
  37. <meta name="color:Entry Bold" content="#82b6d4">
  38. <meta name="color:Entry Italic" content="#8d8d8d">
  39. <meta name="color:Entry Link" content="#9dc7df">
  40. <meta name="color:Entry Titles" content="#82b6d4">
  41. <meta name="color:Question Background" content="#f1f1f1">
  42. <meta name="color:Tags Text" content="#82b6d4">
  43. <meta name="color:Tags Background" content="#f1f1f1">
  44. <meta name="color:Tags Border" content="#dadada">
  45.  
  46. <meta name="image:BackgroundM" content="">
  47. <meta name="image:Border" content="http://static.tumblr.com/ljotsrb/30gm87gr1/oceana-border.jpg">
  48. <meta name="image:Sidebar" content="http://static.tumblr.com/ljotsrb/xS0m87gre/sidebar.gif">
  49.  
  50. <meta name="if:Infinite Scroll" content="0">
  51. <meta name="if:500 Posts" content="0">
  52. <meta name="if:400 Posts" content="1">
  53. <meta name="if:250 Posts" content="0">
  54. <meta name="if:Show Captions" content="0">
  55. <meta name="if:Show Tags" content="1">
  56. <meta name="if:Hover Stats" content="1">
  57. <meta name="if:Reblog Link" content="1">
  58. <meta name="if:Submit Link" content="0">
  59. <meta name="if:Liked Posts Link" content="0">
  60. <meta name="if:Monochrome Images" content="1">
  61.  
  62. <meta name="text:Header" content="oceana">
  63. <meta name="text:Liked Post URL" content="/liked/by/yoururl">
  64. <meta name="text:Link 1" content="">
  65. <meta name="text:URL 1" content="">
  66. <meta name="text:Link 2" content="">
  67. <meta name="text:URL 2" content="">
  68. <meta name="text:Link 3" content="">
  69. <meta name="text:URL 3" content="">
  70. <meta name="text:Link 4" content="">
  71. <meta name="text:URL 4" content="">
  72. <meta name="text:Link 5" content="">
  73. <meta name="text:URL 5" content="">
  74. <meta name="text:Link 6" content="">
  75. <meta name="text:URL 6" content="">
  76.  
  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. body {
  88. background-image: url('{image:BackgroundM}');
  89. background-attachment: fixed;
  90. background-color: {color:BackgroundM};
  91. margin: 0;
  92. }
  93.  
  94. ::-webkit-scrollbar-thumb:vertical {
  95. background-color: {color:Entry Bold};
  96. height: 50px;
  97. }
  98.  
  99. ::-webkit-scrollbar {
  100. height: 10px;
  101. width: 8px;
  102. background-color: {color:BackgroundM};
  103. }
  104.  
  105. /* SIDEBAR */
  106. #header {
  107. background-image: url('{image:Border}');
  108. background-color: {color:First Border};
  109. font-family: calibri;
  110. font-size: 14px;
  111. color: {color:Header};
  112. text-transform: uppercase;
  113. width: 170px;
  114. text-align: center;
  115. letter-spacing: 2px;
  116. position: fixed;
  117. padding: 10px;
  118. top: 40px;
  119. left: 52px;
  120. -moz-border-radius: 0px 15px 0px 0px;
  121. -webkit-border-radius: 0px 15px 0px 0px;
  122. border-radius: 0px 15px 0px 0px;
  123. }
  124.  
  125. #left {
  126. position: fixed;
  127. top: 89px;
  128. left: 64px;
  129. }
  130.  
  131. #sideimage {
  132. background-color: {color:Left Sidebar Backgrounds};
  133. width: 145px;
  134. padding: 10px;
  135. margin-bottom: 10px;
  136. }
  137.  
  138. #sideimage img {
  139. max-width: 145px;
  140. }
  141.  
  142. #desc {
  143. background-color: {color:Left Sidebar Backgrounds};
  144. width: 145px;
  145. padding: 10px;
  146. font-family: calibri;
  147. font-size: 10px;
  148. color: {color:Description Text};
  149. text-align: justify;
  150. line-height: 16px;
  151. margin-bottom: 10px;
  152. }
  153.  
  154. #desc b, strong {
  155. color: {color:Description Bold};
  156. }
  157.  
  158. #desc i, em {
  159. color: {color:Description Italic};
  160. }
  161.  
  162. #desc a {
  163. color: {color:Description Link};
  164. text-decoration: none;
  165. border-bottom: 1px dotted {color:Description Link};
  166. }
  167.  
  168. #pagination {
  169. font-family: calibri;
  170. font-size: 9px;
  171. width: 165px;
  172. text-align: center;
  173. }
  174.  
  175. .current_page {
  176. background-color: {color:Left Sidebar Backgrounds};
  177. color: {color:Description Text};
  178. padding: 5px;
  179. }
  180.  
  181. #pagination a {
  182. background-color: {color:Left Sidebar Backgrounds};
  183. padding: 5px;
  184. color: {color:Description Link};
  185. text-decoration: none;
  186. }
  187.  
  188. /* BORDERS */
  189. #borderone {
  190. background-image: url('{image:Border}');
  191. background-color: {color:First Border};
  192. width: 40px;
  193. height: 100%;
  194. position: fixed;
  195. left: 12px;
  196. top: 0;
  197. }
  198.  
  199. #bordertwo {
  200. background-color: {color:Second Border};
  201. width: 8px;
  202. height: 100%;
  203. position: fixed;
  204. left: 4px;
  205. top: 0;
  206. }
  207.  
  208. #borderthree {
  209. background-color: {color:Third Border};
  210. width: 4px;
  211. height: 100%;
  212. position: fixed;
  213. left: 0;
  214. top: 0;
  215. }
  216.  
  217. /* NAVIGATIONS */
  218. #mainnav {
  219. background-color: {color:Left Sidebar Backgrounds};
  220. width: 145px;
  221. padding: 10px;
  222. text-align: center;
  223. margin-bottom: 15px;
  224. }
  225.  
  226. #extranav {
  227. width: 170px;
  228. margin-bottom: 7px;
  229. }
  230.  
  231. #extranav a {
  232. background-color: {color:Custom Nav Background};
  233. display: inline-block;
  234. width: 80px;
  235. height: 25px;
  236. margin-bottom: 3px;
  237. font-family: calibri;
  238. font-size: 9px;
  239. color: {color:Custom Nav Text};
  240. text-decoration: none;
  241. text-transform: uppercase;
  242. text-align: center;
  243. letter-spacing: 1px;
  244. line-height: 24px;
  245. -webkit-transition: all 0.5s ease-in-out;
  246. -moz-transition: all 0.5s ease-in-out;
  247. -o-transition: all 0.5s ease-in-out;
  248. -ms-transition: all 0.5s ease-in-out;
  249. transition: all 0.5s ease-in-out;
  250. }
  251.  
  252. #extranav a:hover {
  253. background-color: {color:Custom Nav Hover BG};
  254. }
  255.  
  256. /* CREDIT LINK */
  257. #credit {
  258. font-family: calibri;
  259. font-size: 8px;
  260. text-transform: uppercase;
  261. letter-spacing: 1px;
  262. position: fixed;
  263. bottom: 5px;
  264. right: 5px;
  265. }
  266.  
  267. #credit a {
  268. color: {color:Entry Text};
  269. text-decoration: none;
  270. }
  271.  
  272. /* ENTRIES */
  273. #posts {
  274. margin-top: 10px;
  275. }
  276.  
  277. .post {
  278. {block:If500Posts}width: 890px;{/block:If500Posts}
  279. {block:If400Posts}width: 790px;{/block:If400Posts}
  280. {block:If250Posts}width: 640px;{/block:If250Posts}
  281. }
  282.  
  283. .entry {
  284. background-color: {color:Entry Background};
  285. {block:If500Posts}width: 500px;{/block:If500Posts}
  286. {block:If400Posts}width: 400px;{/block:If400Posts}
  287. {block:If250Posts}width: 250px;{/block:If250Posts}
  288. padding: 10px;
  289. margin-left: 270px;
  290. margin-bottom: 20px;
  291. position: relative;
  292. float: left;
  293. font-family: calibri;
  294. font-size: 12px;
  295. color: {color:Entry Text};
  296. text-align: justify;
  297. }
  298.  
  299. .entry b, strong {
  300. color: {color:Entry Bold};
  301. }
  302.  
  303. .entry i, em {
  304. color: {color:Entry Italic};
  305. }
  306.  
  307. .entry a {
  308. color: {color:Entry Link};
  309. text-decoration: none;
  310. border-bottom: 1px dotted {color:Entry Link};
  311. }
  312.  
  313. .entry h1 {
  314. font-family: calibri;
  315. font-size: 16px;
  316. color: {color:Entry Titles};
  317. font-weight: normal;
  318. text-transform: uppercase;
  319. letter-spacing: 2px;
  320. margin: 0;
  321. }
  322.  
  323. .entry h1 a {
  324. color: {color:Entry Titles};
  325. border-bottom: 0px;
  326. }
  327.  
  328. .entry blockquote {
  329. border-left: 5px solid {color:Entry Italic};
  330. padding-left: 5px;
  331. margin-left: 8px;
  332. }
  333.  
  334. /* IMAGES */
  335. .entry img a {
  336. border: 0px;
  337. }
  338.  
  339. .entry img {
  340. {block:If500Posts}max-width: 500px;{/block:If500Posts}
  341. {block:If400Posts}max-width: 400px;{/block:If400Posts}
  342. {block:If250Posts}max-width: 250px;{/block:If250Posts}
  343. }
  344.  
  345. {block:IfMonochromeImages}.photo {
  346. -webkit-filter: grayscale(1);
  347. -webkit-transition: all 0.5s ease-in-out;
  348. -moz-transition: all 0.5s ease-in-out;
  349. -o-transition: all 0.5s ease-in-out;
  350. -ms-transition: all 0.5s ease-in-out;
  351. transition: all 0.5s ease-in-out;
  352. }
  353.  
  354. .photo:hover {
  355. filter: none;
  356. -webkit-filter: grayscale(0);
  357. -webkit-transition: all 0.5s ease-in-out;
  358. -moz-transition: all 0.5s ease-in-out;
  359. -o-transition: all 0.5s ease-in-out;
  360. -ms-transition: all 0.5s ease-in-out;
  361. transition: all 0.5s ease-in-out;
  362. }{/block:IfMonochromeImages}
  363.  
  364. /* QUOTE */
  365. .entry h2 {
  366. font-family: calibri;
  367. font-size: 11px;
  368. color: {color:Entry Titles};
  369. font-weight: normal;
  370. text-transform: uppercase;
  371. letter-spacing: 2px;
  372. }
  373.  
  374. .quote {
  375. font-family: georgia;
  376. font-size: 24px;
  377. color: {color:Entry Bold};
  378. float: left;
  379. margin-top: 2px;
  380. }
  381.  
  382. /* AUDIO */
  383. .audio img {
  384. max-width: 40px;
  385. float: left;
  386. margin-right: 5px;
  387. }
  388.  
  389. .player {
  390. background-color: #e4e4e4;
  391. height: 27px;
  392. {block:If500Posts}width: 455px;{/block:If500Posts}
  393. {block:If400Posts}width: 355px;{/block:If400Posts}
  394. {block:If250Posts}width: 205px;{/block:If250Posts}
  395. margin-left: 45px;
  396. }
  397.  
  398. /* STATISTICS */
  399. .stats {
  400. font-family: calibri;
  401. font-size: 9px;
  402. color: {color:Entry Italic};
  403. text-transform: uppercase;
  404. line-height: 10px;
  405. width: 75px;
  406. float: right;
  407. background-color: {color:Entry Background};
  408. border-left: 5px solid {color:Second Border};
  409. padding: 5px;
  410. {block:IfHoverStats}opacity: 0;
  411. filter: alpha(opacity=0);
  412. -moz-opacity: 0;
  413. -khtml-opacity: 0;{/block:IfHoverStats}
  414. -webkit-transition: all 1s ease;
  415. -moz-transition: all 1s ease;
  416. -o-transition: all 1s ease;
  417. }
  418.  
  419. .stats a {
  420. color: {color:Entry Link};
  421. text-decoration: none;
  422. }
  423.  
  424. .post:hover .stats {
  425. opacity: 1;
  426. -moz-opacity: 1;
  427. -khtml-opacity: 1;
  428. }
  429.  
  430. .tags {
  431. font-family: calibri;
  432. font-size: 8px;
  433. text-transform: uppercase;
  434. line-height: 16px;
  435. text-align: left;
  436. margin-top: 5px;
  437. padding-top: 2px;
  438. border-top: 1px solid {color:Tags Border};
  439. letter-spacing: 1px;
  440. }
  441.  
  442. .tags a {
  443. border-bottom: 0px;
  444. }
  445.  
  446. .tags b {
  447. background-color: {color:Tags Background};
  448. color: {color:Tags Text};
  449. padding: 2px;
  450. }
  451.  
  452. /* PERMALINK PAGE */
  453. .permalink {
  454. font-family: calibri;
  455. font-size: 10px;
  456. color: {color:Entry Text};
  457. text-transform: uppercase;
  458. text-align: center;
  459. {block:If500Posts}width: 520px;{/block:If500Posts}
  460. {block:If400Posts}width: 420px;{/block:If400Posts}
  461. {block:If250Posts}width: 270px;{/block:If250Posts}
  462. margin-left: 270px;
  463. }
  464.  
  465. .permalink b {
  466. color: {color:Entry Bold};
  467. font-weight: normal;
  468. }
  469.  
  470. #date {
  471. color: {color:Entry Italic};
  472. }
  473.  
  474. .permalink a {
  475. color: {color:Entry Link};
  476. text-decoration: none;
  477. }
  478.  
  479. ol.notes {
  480. padding: 0px;
  481. margin: 15px 0px;
  482. list-style-type: none;
  483. background: transparent;
  484. border: 0px;
  485. letter-spacing: 0px;
  486. text-transform: uppercase;
  487. }
  488.  
  489. ol.notes li.note {
  490. padding: 1px;
  491. text-align: left;
  492. letter-spacing: 0px;
  493. text-transform: uppercase;
  494. }
  495.  
  496. .notes img{
  497. width: 8px;
  498. position: relative;
  499. top: 1px;
  500. opacity: .5;
  501. }
  502.  
  503. /* FOLLOW CODE */
  504. iframe#tumblr_controls {
  505. right:3px !important;
  506. position: fixed !important;
  507. -webkit-transition: opacity 0.7s linear;
  508. opacity: 0.2;
  509. -webkit-transition: all 0.8s ease-out;
  510. -moz-transition: all 0.8s ease-out;
  511. transition: all 0.8s ease-out;
  512. }
  513.  
  514. iframe#tumblr_controls:hover {
  515. -webkit-transition: opacity 0.7s linear;
  516. opacity: 1;
  517. -webkit-transition: all 0.4s ease-out;
  518. -moz-transition: all 0.4s ease-out;
  519. transition: all 0.4s ease-out;
  520. }
  521.  
  522. {CustomCSS}
  523. </style>
  524. {block:IfInfiniteScroll}
  525. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  526. {/block:IfInfiniteScroll}
  527. </head>
  528. <body>
  529.  
  530. <div id="borderone"></div><div id="bordertwo"></div><div id="borderthree"></div>
  531. {block:IfHeader}<div id="header">{text:Header}</div>{/block:IfHeader}
  532.  
  533. <div id="left">
  534. <div id="extranav">
  535. {block:HasPages}
  536. {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  537. {/block:HasPages}
  538. {block:IfLink1}<a href="{text:URL 1}">{text:Link 1}</a>{/block:IfLink1}
  539. {block:IfLink2}<a href="{text:URL 2}">{text:Link 2}</a>{/block:IfLink2}
  540. {block:IfLink3}<a href="{text:URL 3}">{text:Link 3}</a>{/block:IfLink3}
  541. {block:IfLink4}<a href="{text:URL 4}">{text:Link 4}</a>{/block:IfLink4}
  542. {block:IfLink5}<a href="{text:URL 5}">{text:Link 5}</a>{/block:IfLink5}
  543. {block:IfLink6}<a href="{text:URL 6}">{text:Link 6}</a>{/block:IfLink6}
  544. </div>
  545.  
  546. {block:IfSidebarImage}<div id="sideimage">
  547. <img src="{image:Sidebar}" alt="">
  548. </div>{/block:IfSidebarImage}
  549.  
  550. {block:Description}<div id="desc">
  551. {Description}
  552. </div>{/block:Description}
  553.  
  554. <div id="mainnav">
  555. <a href="/"><img src="http://static.tumblr.com/ljotsrb/tvcm87dpd/home.png" alt=""></a>&nbsp;&nbsp;
  556. <a href="/ask"><img src="http://static.tumblr.com/ljotsrb/ha3m87dq4/message.png" alt=""></a>&nbsp;&nbsp;
  557. {block:IfSubmitLink}<a href="/submit"><img src="http://static.tumblr.com/ljotsrb/kfim87dqt/submit.png" alt=""></a>&nbsp;&nbsp;{/block:IfSubmitLink}
  558. <a href="/archive"><img src="http://static.tumblr.com/ljotsrb/lMLm87dnj/archive.png" alt=""></a>
  559. {block:IfLikedPostsLink}&nbsp;&nbsp;<a href="{text:Liked Posts URL}"><img src="http://static.tumblr.com/ljotsrb/r4Tm87dob/liked.png" alt=""></a>{/block:IfLikedPostsLink}
  560. </div>
  561.  
  562. {block:IfNotInfiniteScroll}{block:Pagination}<div id="pagination">
  563. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>&nbsp;&nbsp;{/block:PreviousPage}
  564. {block:JumpPagination length="4"}
  565. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  566. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  567. {/block:JumpPagination}
  568. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  569. </div>{/block:Pagination}{/block:IfNotInfiniteScroll}
  570. </div>
  571.  
  572. <div id="posts">
  573.  
  574. <div class="autopagerize_page_element">
  575. {block:Posts}
  576.  
  577. <div class="post">
  578. <div class="entry">
  579.  
  580. {block:Text}
  581. {block:Title}<h1>▷ {Title}</h1>{/block:Title}
  582. {Body}
  583. {/block:Text}
  584.  
  585. {block:Photo}
  586. <center>{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a></div>{LinkCloseTag}</center>
  587. {block:IfHighResLink}{block:HighRes}<font size="1px"><a href="{PhotoURL-HighRes}">high resolution &rarr;</a></font>{/block:HighRes}{/block:IfHighResLink}
  588. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  589. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  590. {Caption}
  591. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  592. {/block:Photo}
  593.  
  594. {block:Photoset}
  595. <div class="photo">{block:If500Posts}{Photoset-500}{/block:If500Posts}
  596. {block:If400Posts}{Photoset-400}{/block:If400Posts}
  597. {block:If250Posts}{Photoset-250}{/block:If250Posts}</div>
  598. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  599. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  600. {Caption}
  601. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  602. {/block:Photoset}
  603.  
  604. {block:Quote}
  605. <div class="quote">&#10077;</div>
  606. <h2>{Quote}</h2>
  607. {block:Source}<p align="right">{Source}</p>{/block:Source}
  608. {/block:Quote}
  609.  
  610. {block:Link}
  611. <h1><a href="{URL}" target="{Target}">▷ {Name}</a></h1>
  612. {block:Description}{Description}{/block:Description}
  613. {/block:Link}
  614.  
  615. {block:Chat}
  616. {block:Title}<h1>▷ {Title}</h1>{/block:Title}
  617. {block:Lines}
  618. {block:Label}
  619. <b>{Label}</b>
  620. {/block:Label}
  621. {Line}<br />
  622. {/block:Lines}
  623. {/block:Chat}
  624.  
  625. {block:Audio}
  626. {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  627. <div class="player">{AudioPlayerGrey}</div>
  628. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist} | <b>{Artist}</b>{/block:Artist}
  629. {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
  630. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  631. {Caption}
  632. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  633. {/block:Audio}
  634.  
  635. {block:Video}
  636. {block:If500Posts}{Video-500}{/block:If500Posts}
  637. {block:If400Posts}{Video-400}{/block:If400Posts}
  638. {block:If250Posts}{Video-250}{/block:If250Posts}
  639. <center><i>{FormattedPlayCount}</i> plays</center><br />
  640. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  641. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  642. {Caption}
  643. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  644. {/block:Video}
  645.  
  646. {block:Answer}
  647. <table>
  648. <tr><td colspan="3" width="{block:If500Posts}500px{/block:If500Posts}{block:If400Posts}400px{/block:If400Posts}{block:If250Posts}250px{/block:If250Posts}" style="padding:8px; text-align:center; background-color:{color:Question Background};">{Question}</td></tr>
  649. <tr>
  650. <td width="190" style="text-align:right; font-size:30px;"><div style="position:relative; margin-top:-18px; margin-left:35px; color:{color:Question Background};">&#9701;</div></td>
  651. <td width="5" style="text-align:right;"><div style="margin-left:-5px"><img src="{AskerPortraitURL-16}" style="padding:2px;"></div></td>
  652. <td width="180"style="text-align:left; padding-left:2px; font-family:calibri; font-size:10px; letter-spacing:0px; text-transform:uppercase;">{Asker}</td>
  653. </tr>
  654. </table>
  655. {Answer}
  656. {/block:Answer}
  657.  
  658. {block:IfShowTags}{block:HasTags}<div class="tags">
  659. <b>Tags</b>&nbsp;&nbsp;{block:Tags}<a class="tag" href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  660. </div>{/block:HasTags}{/block:IfShowTags}
  661. </div>
  662. {block:IndexPage}<div class="stats">
  663. <a href="{Permalink}">▷ {TimeAgo}</a>
  664. {block:NoteCount}<br />▷ {NoteCount}{/block:NoteCount}
  665. {block:IfReblogLink}<br /><a href="{ReblogURL}">▷ Reblog</a>{/block:IfReblogLink}</a>
  666. </div>{/block:IndexPage}
  667. </div>
  668.  
  669. {block:PermalinkPage}
  670. <div class="permalink">
  671. <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}
  672. {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
  673. {block:PostNotes}
  674. {PostNotes}
  675. {/block:PostNotes}
  676. </div>
  677. {/block:PermalinkPage}
  678.  
  679. {/block:Posts}
  680. </div>
  681.  
  682. </div>
  683.  
  684. <!-- DO NOT REMOVE THIS UNLESS PUTTING ON CREDITS PAGE -->
  685. <div id="credit"><a href="http://jyuubi.org" target="_blank">jyuubi.org</a></div>
  686.  
  687. </body>
  688. </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!