API tools faq
paste
quiddittch

Rain

quiddittch
Feb 16th, 2016
3,176
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.77 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 xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!------------------------------------------------------------------------
  6.  
  7. 13 : RAIN by jaebium.tumblr.com
  8.  
  9. — don't steal
  10. — don't use as a base code
  11. — don't remove credit
  12. — ask me if you have any issues!
  13.  
  14. ------------------------------------------------------------------------->
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Text" content="#c9c9c9"/>
  23. <meta name="color:Links" content="#a0a0a0"/>
  24. <meta name="color:Hover" content="#1d1d1d"/>
  25. <meta name="color:Border" content="#f3f3f3"/>
  26. <meta name="color:Title" content="#8f8f8f"/>
  27. <meta name="color:Accent" content="#dcecf5"/>
  28. <meta name="color:Scrollbar" content="#dcecf5"/>
  29.  
  30. <meta name="select:Post Width" content="post-250" title="250px"/>
  31. <meta name="select:Post Width" content="post-400" title="400px"/>
  32. <meta name="select:Post Width" content="post-500" title="500px"/>
  33.  
  34. <meta name="if:Show Caption" content="1"/>
  35. <meta name="if:Hover Info" content="1"/>
  36. <meta name="if:Low Opacity Posts" content="1"/>
  37. <meta name="if:Grayscale" content="1"/>
  38.  
  39. <meta name="text:Link 1" content=""/>
  40. <meta name="text:Link 1 URL" content="/"/>
  41. <meta name="text:Link 2" content=""/>
  42. <meta name="text:Link 2 URL" content="/"/>
  43. <meta name="text:Link 3" content=""/>
  44. <meta name="text:Link 3 URL" content="/"/>
  45.  
  46. <!----google fonts---->
  47.  
  48. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300italic,300' rel='stylesheet' type='text/css'>
  49.  
  50. <!----jquery----->
  51.  
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  54. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  55.  
  56. <!---tooltip--->
  57.  
  58. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  59.  
  60. <script>
  61.  
  62. (function($){
  63.  
  64. $(document).ready(function(){
  65.  
  66. $("a[title]").style_my_tooltips({
  67.  
  68. tip_follows_cursor:true,
  69.  
  70. tip_delay_time:0,
  71.  
  72. tip_fade_speed:300,
  73.  
  74. attribute:"title"
  75.  
  76. });
  77.  
  78. });
  79.  
  80. })(jQuery);
  81.  
  82. </script>
  83.  
  84.  
  85. <style type="text/css">
  86.  
  87. .tmblr-iframe {white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:1;}
  88. .tmblr-iframe {position:fixed !important;-webkit-filter: invert(100%)}
  89.  
  90. /*---scrollbar---*/
  91.  
  92. ::-webkit-scrollbar {
  93. height: 2px;
  94. width: 6px;
  95. background-color:transparent;
  96. }
  97.  
  98. ::-webkit-scrollbar-thumb {
  99. background-color:{color:Scrollbar};
  100. }
  101.  
  102. /*---fade in on load---*/
  103.  
  104. body {
  105. -webkit-animation: fadein 2s;
  106. -moz-animation: fadein 2s;
  107. -ms-animation: fadein 2s;
  108. -o-animation: fadein 2s;
  109. animation: fadein 2s;
  110. }
  111.  
  112. @keyframes fadein {
  113. from { opacity: 0; }
  114. to { opacity: 1; }
  115. }
  116.  
  117. @-moz-keyframes fadein {
  118. from { opacity: 0; }
  119. to { opacity: 1; }
  120. }
  121.  
  122. @-webkit-keyframes fadein {
  123. from { opacity: 0; }
  124. to { opacity: 1; }
  125. }
  126.  
  127. @-ms-keyframes fadein {
  128. from { opacity: 0; }
  129. to { opacity: 1; }
  130. }
  131.  
  132. @-o-keyframes fadein {
  133. from { opacity: 0; }
  134. to { opacity: 1; }
  135. }
  136.  
  137. /*---tooltip---*/
  138.  
  139. #s-m-t-tooltip{
  140. font-size:7px;
  141. position:absolute;
  142. margin-top:30px;
  143. margin-left:10px;
  144. z-index:9999999;
  145. background:{color:Background};
  146. padding:4px 8px 4px 8px;
  147. text-transform:uppercase;
  148. letter-spacing:1px;
  149. }
  150.  
  151. /*---basics---*/
  152.  
  153. body {
  154. margin:0;
  155. color:{color:Text};
  156. font-family: 'open sans', sans-serif, trebuchet ms;
  157. line-height:16px;
  158. font-weight:400;
  159. font-size:10px;
  160. background:{color:Background};
  161. }
  162.  
  163. a {
  164. color:{color:Links};
  165. text-decoration:none;
  166. -webkit-transition:0.6s all;
  167. -moz-transition:0.6s all;
  168. -o-transition:0.6s all;
  169. transition:0.6s all;
  170. }
  171.  
  172. a:hover {
  173. cursor:help;
  174. color:{color:Hover};
  175. text-shadow:0px 0px 0px #a0a0a0;
  176. -webkit-transition:0.6s all;
  177. -moz-transition:0.6s all;
  178. -o-transition:0.6s all;
  179. transition:0.6s all;
  180. }
  181.  
  182. pre {
  183. white-space: pre-wrap;
  184. white-space: -moz-pre-wrap;
  185. white-space: -pre-wrap;
  186. white-space: -o-pre-wrap;
  187. word-wrap: break-word;
  188. }
  189.  
  190. img {
  191. max-width:100%;
  192. width:100%;
  193. height:auto;
  194. {block:IndexPage}
  195. opacity:.8;
  196. {block:IfGrayscale}
  197. -webkit-filter: Grayscale(30%); /*you can change this to any percentage*/ {/block:IfGrayScale}
  198. {/block:IndexPage}
  199. -webkit-transition: all .6s ease-in-out;
  200. -moz-transition: all .6s ease-in-out;
  201. -o-transition: all .6s ease-in-out;
  202. transition: all .6s ease-in-out;
  203. {/block:IfLowOpacityPosts}
  204. }
  205.  
  206. .html_photoset {
  207. {block:IndexPage}
  208. {block:IfLowOpacityPosts}
  209. opacity:.8;
  210. {/block:IfLowOpacityPosts}
  211. {block:IfGrayscale}
  212. -webkit-filter: Grayscale(30%); /*you can change this to any percentage*/ {/block:IfGrayScale}
  213. -webkit-transition: all .6s ease-in-out;
  214. -moz-transition: all .6s ease-in-out;
  215. -o-transition: all .6s ease-in-out;
  216. transition: all .6s ease-in-out;
  217. {/block:IndexPage}
  218. }
  219.  
  220. .container:hover img, .container:hover .html_photoset {
  221. opacity:1;
  222. -webkit-filter: Grayscale(0%);
  223. }
  224.  
  225. h1, h2 {
  226. padding-bottom:10px;
  227. margin-bottom:0px;
  228. font-weight:300;
  229. border-bottom:1px solid {color:Border};
  230. font-size:13px;
  231. color:{color:Links};
  232. }
  233.  
  234. blockquote {
  235. border-left:1px solid {color:Accent};
  236. padding-left:14px;
  237. margin-left:0px;
  238. max-width: 100%;
  239. }
  240.  
  241. blockquote blockquote {
  242. margin:0px 4px 0px 4px;
  243. }
  244.  
  245. #center {
  246. width:400px;
  247. position:relative;
  248. margin:0px auto;
  249. }
  250.  
  251. /*---sidebar---*/
  252.  
  253. {block:IndexPage}
  254. .post-500 #sidebar-wrap {margin-left:-220px;}
  255. .post-400 #sidebar-wrap {margin-left:-220px;}
  256. .post-250 #sidebar-wrap {margin-left:-170px;}
  257. {/block:IndexPage}
  258.  
  259. #sidebar-wrap {
  260. width:120px;
  261. {block:PermalinkPage}
  262. margin-left:-220px;
  263. {/block:PermalinkPage}
  264. text-align:center;
  265. font-size:10px;
  266. position:fixed;
  267. margin-top:130px;
  268. font-weight:300;
  269. border-right:1px solid {color:border};
  270. padding-right:45px;
  271. }
  272.  
  273. #title {
  274. font-size:13px;
  275. margin-bottom:2px;
  276. padding-bottom:12px;
  277. }
  278.  
  279. #title a {
  280. color:{color:Title};
  281. border-bottom:1px solid {color:Accent};
  282. }
  283.  
  284. #description {
  285. font-style:italic;
  286. padding:0px 10px;
  287. margin-bottom:5px;
  288. }
  289.  
  290. #links {
  291. margin-top:15px;
  292. text-align:center;
  293. font-size:10px;
  294. border-top:1px solid {color:Border};
  295. line-height:20px;
  296. padding:20px 5px 0px 5px;
  297. }
  298.  
  299. #links a {
  300. padding:2px 3px;
  301. }
  302.  
  303. /*---posts---*/
  304.  
  305. #posts {
  306. padding-top:130px;
  307. {block:PermalinkPage}
  308. margin-bottom:60px;
  309. {/block:PermalinkPage}
  310. }
  311.  
  312. .container {
  313. {block:IndexPage}
  314. margin-bottom:100px;
  315. {/block:IndexPage}
  316. {block:PermalinkPage}
  317. margin-bottom:10px;
  318. {/block:PermalinkPage}
  319. position:relative;
  320. z-index:1;
  321. }
  322.  
  323. {block:PermalinkPage}
  324. #posts, .container {margin-left:-5px;width:400px;}
  325. {/block:PermalinkPage}
  326.  
  327. {block:IndexPage}
  328. .post-500 #posts, .post-500 .container {width:500px;}
  329. .post-500 #posts {margin-left:0px;}
  330. .post-400 #posts, .post-400 .container {width:400px;}
  331. .post-400 #posts {margin-left:-10px;}
  332. .post-250 #posts, .post-250 .container {width:250px;}
  333. .post-250 #posts {margin-left:50px;}
  334.  
  335. .post-500 .container {margin-bottom:110px;}
  336. .post-400 .container {margin-bottom:70px;}
  337. .post-250 .container {margin-bottom:90px;}
  338. {/block:IndexPage}
  339.  
  340. .post-500 .element-post-250,
  341. .post-500 .element-post-400,
  342. .post-400 .element-post-250,
  343. .post-400 .element-post-500,
  344. .post-250 .element-post-400,
  345. .post-250 .element-post-500 {display:none;}
  346.  
  347. .element-post-500,.element-post-400,.element-post-250{{block:PermalinkPage}display:none;{/block:PermalinkPage}}
  348.  
  349. /*---info---*/
  350.  
  351. #info {
  352. /*---info for non-photo posts---*/
  353. font-size:9px;
  354. letter-spacing:0px;
  355. {block:IndexPage}
  356. padding-left:15px;
  357. border-left:1px solid {color:Border};
  358. text-align:left;
  359. position:absolute;
  360. text-transform:uppecase;
  361. left:105%;
  362. width:130px;
  363. opacity:0;
  364. font-weight:300;
  365. {/block:IndexPage}
  366. {block:PermalinkPage}
  367. margin-top:16px;
  368. font-size:11px;
  369. letter-spacing:0px;
  370. line-height:19px;
  371. padding-bottom:10px;
  372. margin-bottom:10px;
  373. border-bottom:1px solid {color:Border};
  374. {/block:PermalinkPage}
  375. -webkit-transition:0.6s all;
  376. -moz-transition:0.6s all;
  377. -o-transition:0.6s all;
  378. transition:0.6s all;
  379. }
  380.  
  381. #info-photo {
  382. /*---info for photo posts---*/
  383. {block:IfHoverInfo}
  384. background-color:rgba(255,255,255,.99);
  385. left:5px;
  386. top:5px;
  387. right:5px;
  388. border-radius:2px 2px;
  389. position:absolute;
  390. z-index:2;
  391. opacity:0;
  392. -webkit-transition:0.6s all;
  393. -moz-transition:0.6s all;
  394. -o-transition:0.6s all;
  395. transition:0.6s all;
  396. {/block:IfHoverInfo}
  397. {block:IfNotHoverInfo}
  398. border-bottom:1px solid {color:Border};
  399. padding-bottom:15px;
  400. margin-bottom:17px;
  401. {/block:IfNotHoverInfo}
  402. font-size:9px;
  403. text-transform:uppercase;
  404. font-weight:300;
  405. letter-spacing:1px;
  406. }
  407.  
  408. {block:IfHoverInfo}
  409. .post-250 #info-photo {padding:10px 15px;}
  410. .post-400 #info-photo {padding:30px 35px;}
  411. .post-500 #info-photo {padding:35px 40px;}
  412. {/block:IfHoverInfo}
  413.  
  414. #info-photo a {
  415. border-bottom:1px solid {color:Accent};
  416. }
  417.  
  418. #reb a {
  419. font-size:10px;
  420. border:1px solid {color:Border};
  421. border:1px solid #f8f8f8;
  422. border-radius:20px;
  423. display:inline-block;
  424. }
  425.  
  426. .post-250 #reb a {padding:1px 5px;width:7px;margin-right:0px;}
  427. .post-400 #reb a,
  428. .post-500 #reb a {width:10px;padding:2px 5px;
  429. margin-right:5px;}
  430.  
  431. #reb a:hover {
  432. border:1px solid {color:Accent};
  433. }
  434.  
  435. .container:hover #info-photo, .container:hover #tagz, .container:hover #info {
  436. opacity:1;
  437. -webkit-transition:0.6s all;
  438. -moz-transition:0.6s all;
  439. -o-transition:0.6s all;
  440. transition:0.6s all;
  441. }
  442.  
  443. #tags {
  444. font-size:10px;
  445. {block:IfHoverInfo}
  446. margin-top:5px;
  447. {/block:IfHoverInfo}
  448. {block:IfNotHoverInfo}
  449. margin-top:7px;
  450. {/block:IfNotHoverInfo}
  451. text-transform:none;
  452. letter-spacing:0px;
  453. }
  454.  
  455. #tags a {
  456. border-bottom:1px solid transparent;
  457. margin-right:5px;
  458. }
  459.  
  460. /*---captions---*/
  461.  
  462. #body {
  463. padding:15px 20px;
  464. background:#fbfbfb;
  465. border-radius:0px 0px 4px 4px;
  466. word-wrap: break-word;
  467. }
  468.  
  469. .caption {
  470. padding:10px 20px;
  471. background:#fbfbfb;
  472. border-top:1px solid {color:Border};
  473. border-radius:0px 0px 5px 5px;
  474. word-wrap:break-word;
  475. }
  476.  
  477. /*---quote posts---*/
  478.  
  479. #quote {
  480. padding:15px 20px;
  481. background:#fbfbfb;
  482. text-align:left;
  483. font-weight:400;
  484. font-size:12px;
  485. }
  486.  
  487. #source {
  488. text-align:center;
  489. text-transform:uppercase;
  490. margin-bottom:15px;
  491. font-size:9px;
  492. letter-spacing:1px;
  493. }
  494.  
  495. /*---permalink notes---*/
  496.  
  497. .notes, .notes ul li {
  498. list-style-type:decimal-leading-zero;
  499. margin:0px 0px 0px 15px;
  500. padding:0px;
  501. font-size:10px;
  502. }
  503.  
  504. .notes li {
  505. padding-bottom:3px;
  506. }
  507.  
  508. .notes img {
  509. display:none;
  510. }
  511.  
  512. .more_notes_link {
  513. margin-top:15px;
  514. text-transform:uppercase;
  515. letter-spacing:1px;
  516. font-weight:400;
  517. font-size:8px;
  518. }
  519.  
  520. /*---ask posts---*/
  521.  
  522. #ask {
  523. letter-spacing:0px;
  524. font-size:10px;
  525. font-size:10px;
  526. font-style:itali;
  527. margin-top:3px;
  528. margin-bottom:15px;
  529. }
  530.  
  531. .askerpt {
  532. border-radius:3px 3px 30px 3px;
  533. width:32px;
  534. height:32px;
  535. position:absolute;
  536. display:none;
  537. }
  538.  
  539. #question {
  540. padding:15px 20px 10px 0px;
  541. font-style:none;
  542. }
  543.  
  544. #asker:before {
  545. content:' ?';
  546. border:1px solid {color:accent};
  547. padding:4px 8px 4px 7px;
  548. font-size:9px;
  549. margin-right:10px;
  550. border-radius:15px;
  551. }
  552.  
  553. #asker {
  554. font-weight:600;
  555. text-transform:lowercase;
  556. font-size:10px;
  557. margin-bottom:5px;
  558. background:#fff;
  559. }
  560.  
  561. /*---audio posts---*/
  562.  
  563. .art {
  564. width:45px;
  565. height:45px;
  566. border-radius:2px;
  567. z-index:2;
  568. margin-top:7px;
  569. border:1px solid {color:Border};
  570. }
  571.  
  572. .play {
  573. position:absolute;
  574. margin-left:9px;
  575. margin-top:15px;
  576. width:30px;
  577. height:30px;
  578. overflow:hidden;
  579. border-radius:3px;
  580. background:black;
  581. z-index:3;
  582. opacity:.6;
  583. }
  584.  
  585. #track {
  586. font-size:9px;
  587. border-radius:3px;
  588. background:#fbfbfb;
  589. height:60px;
  590. border-bottom:1px solid {color:Border};
  591. padding:7px 15px 6px 15px;
  592. }
  593.  
  594. #trackname {
  595. position:absolute;
  596. text-transform:uppecase;
  597. margin-left:65px;
  598. margin-top:10px;
  599. letter-spacing:1px;
  600. }
  601.  
  602. /*---pagination---*/
  603.  
  604. #pagination {
  605. text-align:center;
  606. width:100px;
  607. margin:50px auto 0px auto;
  608. padding-top:20px;
  609. border-top:1px solid {color:Border};
  610. margin-bottom:90px;
  611. }
  612.  
  613. #pagination a {
  614. padding:0px 3px;
  615. }
  616.  
  617. /*---credit---*/
  618.  
  619. #credit {
  620. position:fixed;
  621. font-size:7px;
  622. text-transform:uppercase;
  623. letter-spacing:1px;
  624. text-align:right;
  625. font-family:arial, trebuchet ms;
  626. }
  627.  
  628. #credit {
  629. bottom:20px;
  630. right:20px;
  631. font-weight:bold;
  632. }
  633.  
  634. #credit a {
  635. padding:4px 5px;
  636. border:1px solid {color:Border};
  637. border-radius:2px;
  638. }
  639.  
  640. #credit a:hover {
  641. border:1px solid {color:Accent};
  642. }
  643.  
  644. {CustomCSS}</style></head><body>
  645.  
  646. <div id="center" class="{select:Post Width}">
  647.  
  648. <div id="sidebar-wrap">
  649. <div id="sidebar">
  650. <div id="title"><a href="/">{Title}</a></div>
  651. <div id="description">{Description}</div>
  652. </div>
  653.  
  654. <div id="links">
  655. <a href="/">home</a>
  656. <a href="/ask">ask</a>
  657. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  658. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  659. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  660. </div>
  661. </div>
  662.  
  663.  
  664. <div id="posts">
  665. {block:Posts}
  666. <div class="container">
  667.  
  668. {block:ContentSource}
  669. <!------ {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  670. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  671. {/block:SourceLogo}
  672. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  673. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  674.  
  675. {block:Date}
  676. {block:IndexPage}
  677.  
  678. {block:IfHoverInfo}
  679. <div id="info" style="display:block;{block:Photo}display:none;{/block:Photo}{block:Photoset}display:none;{/block:Photoset}">
  680.  
  681. <div style="text-transform:uppercase;letter-spacing:1px; margin-left:-16px;padding-left:15px;border-left:1px solid {color:Accent};z-index:2;"><a href="{Permalink}" style="color:{color:Accent};text-shadow:0px 0px 0px #a0a0a0;">{TimeAgo}</a></div>
  682. <div id="reb" style="margin-top:11px;margin-bottom:12px;"><a href="{ReblogURL}" title="Reblog" target="_blank">↻</a>
  683. {block:RebloggedFrom}<a href="{ReblogRootURL}" title="src: {ReblogRootName}">@</a>{/block:RebloggedFrom}
  684. </div>
  685. {block:HasTags}
  686. <div id="tags" style="display:block;{block:Photo}display:none;{/block:Photo}{block:Photoset}display:none;{/block:Photoset}">
  687. {block:Tags}
  688. # <a href="{TagURL}">{Tag}</a>
  689. {/block:Tags}
  690. </div>
  691. {/block:HasTags}
  692. </div>
  693. {/block:IfHoverInfo}
  694.  
  695. <div id="info-photo" style="{block:IfHoverInfo}display:none;{block:Photo}display:block;{/block:Photo}{block:Photoset}display:block;{/block:Photoset}{/block:IfHoverInfo}{block:IfNotHoverInfo}display:block;{/block:IfNotHoverInfo}">
  696. <div id="reb" style="margin-top:-3px;{block:IfHoverInfo}right:20px;{/block:IfHoverInfo}{block:IfNotHoverInfo}right:0px;{/block:IfNotHoverInfo}position:absolute;"><a href="{ReblogURL}" title="Reblog" target="_blank">↻</a>
  697.  
  698. {block:RebloggedFrom}<a href="{ReblogRootURL}" title="src: {ReblogRootName}">@</a>{/block:RebloggedFrom}
  699. </div>
  700. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} ( {NoteCountWithLabel} ){/block:NoteCount}
  701.  
  702. {block:HasTags}
  703. <div id="tags">
  704. {block:Tags}
  705. # <a href="{TagURL}">{Tag}</a>
  706. {/block:Tags}
  707. </div>
  708. {/block:HasTags}
  709. </div>
  710. {/block:IndexPage}
  711. {/block:Date}
  712.  
  713.  
  714. {block:Text}
  715. {block:Title}<h1>{Title}</h1>{/block:Title}<div id="body">{Body}</div>
  716. {/block:Text}
  717.  
  718. {block:Photo}
  719. {LinkOpenTag}{block:IndexPage}
  720. <img class="element-post-500" src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  721. <img class="element-post-400" src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  722. <img class="element-post-250" src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  723. {/block:IndexPage}
  724. {block:PermalinkPage}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:PermalinkPage}{LinkCloseTag}
  725. {block:IndexPage}
  726. {block:IfShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  727. {/block:IndexPage}
  728. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  729. {/block:Photo}
  730.  
  731. {block:Photoset}
  732. {/block:IndexPage}
  733. <div class="element-post-500">{Photoset-500}</div>
  734. <div class="element-post-400">{Photoset-400}</div>
  735. <div class="element-post-250">{Photoset-250}</div>
  736. {/block:IndexPage}
  737. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  738. {block:IndexPage}
  739. {block:IfShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  740. {/block:IndexPage}
  741. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  742. {/block:Photoset}
  743.  
  744. {block:Quote}
  745. {block:Source}<div id="source">{Source}</div>{/block:Source}
  746. <div id="quote">"{Quote}"</div>
  747. {/block:Quote}
  748.  
  749. {block:Link}
  750. <div class="caption"><a href="{URL}" target="_blank">{Name}</a>
  751. {block:Description}{Description}{/block:Description}</div>
  752. {/block:Link}
  753.  
  754. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
  755. <div id="body">{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}</div>{/block:Chat}
  756.  
  757. {block:Audio}
  758. <div id="track">
  759. <div id="trackname">
  760. {block:TrackName}
  761. <div style="text-transform:uppercase;border-bottom:1px solid {color:Border};padding-bottom:4px;margin-bottom:4px;">{TrackName}</div>
  762. {/block:TrackName}
  763. {block:Artist}
  764. {Artist}
  765. {/block:Artist}
  766. </div>
  767. <div class="play">{AudioPlayerBlack}</div>
  768. {block:AlbumArt}<img src="{AlbumArtURL}" class="art">{/block:AlbumArt}
  769. </div>
  770. {block:IndexPage}
  771. {block:IfShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  772. {/block:IndexPage}
  773. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  774. {/block:Audio}
  775.  
  776. {block:Video}
  777. {block:IndexPage}
  778. <div class="element-post-500">{video-500}</div>
  779. <div class="element-post-400">{Video-400}</div>
  780. <div class="element-post-250">{Video-250}</div>
  781. {/block:IndexPage}
  782. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  783. {block:IndexPage}
  784. {block:IfShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  785. {/block:IndexPage}
  786. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  787. {/block:PermalinkPage}
  788. {/block:Video}
  789.  
  790. {block:Answer}
  791. <div id="ask">
  792. <div id="asker">{Asker} asked: </div>
  793. <div id="question">{Question}</div>
  794. </div>
  795. <div class="caption">{Answer}</div>
  796. {/block:Answer}
  797.  
  798. {block:Date}
  799. {block:PermalinkPage}
  800. <div id="info">Posted {Month} {DayOfMonth} {Year}<br>
  801. {block:RebloggedFrom}Via <a href="{ReblogParentURL}">{ReblogParentName}</a> | Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}
  802. {block:HasTags}<br>
  803. Tagged:
  804. {block:Tags}
  805. #<a href="{TagURL}">{Tag}</a>
  806. {/block:Tags}
  807. {/block:HasTags}
  808. <br>
  809. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  810. </div>
  811. {/block:PermalinkPage}
  812. {/block:Date}
  813.  
  814. </div>
  815. {/block:Posts}
  816.  
  817. {block:Pagination}
  818. <div id="pagination">
  819. {block:PreviousPage}
  820. <a href="{PreviousPage}">previous</a> |
  821. {/block:PreviousPage}
  822. {block:NextPage}
  823. <a href="{NextPage}">next</a>
  824. {/block:NextPage}
  825. </div>
  826. {/block:Pagination}
  827.  
  828. {block:PermalinkPage}
  829. {block:PostNotes}{PostNotes}{/block:PostNotes}
  830. {/block:PermalinkPage}
  831.  
  832. </div>
  833. </div>
  834. </div>
  835.  
  836.  
  837. <!-----theme credit----->
  838.  
  839. <div id="credit">
  840. <a href="http://jaebium.tumblr.com" title="theme" target="_blank">J</a>
  841. </div>
  842.  
  843. </body>
  844. </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!