API tools faq
paste
the49thname

Theme 12: Gravity (light version)

the49thname
Jun 26th, 2017
4,544
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.76 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <!-- theme 12: gravity (light ver) / version 1.3 (edited 03/09/19)
  6.  
  7. themes by ro (the49thname) / the49ththeme.tumblr.com
  8. tumblr controls fix by cyantists @ tumblr
  9. don't remove the credit, use as a base code, or claim as your own work.
  10. edit as much as you want, and feel free to send me any queries/problems.
  11.  
  12. -->
  13.  
  14. <title>{Title}</title>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17.  
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <!-- colour options -->
  23.  
  24. <meta name="color:bold" content="#000"/>
  25. <meta name="color:italic" content="#ccc"/>
  26. <meta name="color:underline" content="#888"/>
  27. <meta name="color:background" content="#f6f6f6"/>
  28. <meta name="color:scrollbar" content="#ccc"/>
  29. <meta name="color:title" content="#fff"/>
  30. <meta name="color:sidebar text" content="#fff"/>
  31. <meta name="color:nav bg" content="#fff"/>
  32. <meta name="color:nav link" content="#888"/>
  33. <meta name="color:nav link bg" content="#fff"/>
  34. <meta name="color:nav link hover" content="#fff"/>
  35. <meta name="color:nav link bg hover" content="#444"/>
  36. <meta name="color:post bg" content="#fff"/>
  37. <meta name="color:text" content="#888"/>
  38. <meta name="color:link" content="#ccc"/>
  39. <meta name="color:link hover" content="#888"/>
  40. <meta name="color:perma link" content="#ccc"/>
  41. <meta name="color:perma link hover" content="#888"/>
  42. <meta name="color:tags" content="#ccc"/>
  43. <meta name="color:tags hover" content="#888"/>
  44. <meta name="color:border" content="#eee"/>
  45. <meta name="color:h1 text" content="#888"/>
  46. <meta name="color:tooltip text" content="#fff"/>
  47. <meta name="color:tooltip bg" content="#888"/>
  48. <meta name="color:selection text" content="#fff"/>
  49. <meta name="color:selection bg" content="#888"/>
  50.  
  51. <!-- image options -->
  52.  
  53. <meta name="image:bg" content=""/>
  54. <meta name="image:sidebar" content="https://68.media.tumblr.com/ded3bbdabe777c54b1e8e0d42ac26510/tumblr_os62abNZYC1uptww3o1_500.png"/>
  55. <meta name="image:icon" content="https://68.media.tumblr.com/30fe15196c673b74175fb1b496e3b6cb/tumblr_inline_os62bvH9lh1ua3owt_540.png"/>
  56.  
  57. <!-- text options -->
  58.  
  59. <meta name="text:Link 1" content="Link 1"/>
  60. <meta name="text:Link 1 URL" content=""/>
  61. <meta name="text:Link 2" content="Link 2"/>
  62. <meta name="text:Link 2 URL" content=""/>
  63. <meta name="text:Link 3" content="Link 3"/>
  64. <meta name="text:Link 3 URL" content=""/>
  65.  
  66. <!-- toggle options -->
  67.  
  68. <meta name="if:400px posts" content="0"/>
  69. <meta name="if:show caption" content="1"/>
  70. <meta name="if:show tags" content="1"/>
  71. <meta name="if:show like reblog buttons" content="1"/>
  72.  
  73. <!-- toggle options -->
  74.  
  75. <!-- fonts -->
  76.  
  77. <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet">
  78.  
  79. <!-- font awesome script -->
  80.  
  81. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  82.  
  83. <!-- jquery scripts -->
  84.  
  85. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  86.  
  87. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  88.  
  89. <!-- tooltip scripts -->
  90.  
  91. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  92.  
  93. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  94.  
  95. <script>
  96. (function($){
  97. $(document).ready(function(){
  98. $("a[title]").style_my_tooltips({
  99. tip_follows_cursor:true,
  100. tip_delay_time:90,
  101. tip_fade_speed:600,
  102. attribute:"title"
  103. });
  104. });
  105. })(jQuery);
  106. </script>
  107.  
  108. <style type="text/css">
  109.  
  110. iframe.tmblr-iframe {
  111. z-index:99999999999999!important;
  112. top:3px!important;
  113. right:0!important;
  114. opacity:0.4;
  115. filter:invert(1);
  116. -webkit-filter:invert(1);
  117. -o-filter:invert(1);
  118. -moz-filter:invert(1);
  119. -ms-filter:invert(1);
  120. transform:scale(0.6);
  121. transform-origin:100% 0;
  122. -webkit-transform:scale(0.8);
  123. -webkit-transform-origin:100% 0;
  124. -o-transform:scale(0.8);
  125. -o-transform-origin:100% 0;
  126. -moz-transform:scale(0.8);
  127. -moz-transform-origin:100% 0;
  128. -ms-transform:scale(0.8);
  129. -ms-transform-origin:100% 0;
  130. }
  131.  
  132. iframe.tmblr-iframe:hover {opacity:0.6!important;}
  133.  
  134. ::-webkit-scrollbar-thumb {
  135. z-index:9999;
  136. position:relative;
  137. height:auto;
  138. background-color:{color:scrollbar};
  139. }
  140.  
  141. ::-webkit-scrollbar {
  142. width:5px;
  143. height:5px;
  144. background-color:{color:background};
  145. }
  146.  
  147. /* basics */
  148.  
  149. body {
  150. color:{color:text};
  151. background-color:{color:background};
  152. font-family:'Roboto', sans-serif;
  153. font-size:10px;
  154. margin:0;
  155. line-height:14px;
  156. letter-spacing:1px;
  157. text-align:justify;
  158. word-wrap:break-word;
  159. background-image:url('{image:bg}');
  160. background-position:left top;
  161. background-attachment:fixed;
  162. background-repeat:repeat;
  163. }
  164.  
  165. small {font-size:9px;}
  166.  
  167. pre {
  168. word-wrap:break-word;
  169. padding:5px;
  170. margin:0px 10px;
  171. border:1px solid {color:border};
  172. white-space:pre-wrap;
  173. white-space:-moz-pre-wrap;
  174. white-space:-pre-wrap;
  175. white-space:-o-pre-wrap;
  176. }
  177.  
  178. blockquote {
  179. margin:0px 0px 0px 20px;
  180. padding:2px 0px 2px 5px;
  181. border-left:1px solid {color:border};
  182. }
  183.  
  184. b, strong {color:{color:bold};}
  185.  
  186. i, em {color:{color:italic};}
  187.  
  188. u {color:{color:underline};text-transform:none;}
  189.  
  190. a {
  191. color:{color:link};
  192. text-transform:uppercase;
  193. text-decoration:none;
  194. -moz-transition-duration:1s;
  195. -webkit-transition-duration:1s;
  196. -o-transition-duration:1s;
  197. }
  198.  
  199. a:hover {
  200. color:{color:link hover};
  201. -moz-transition-duration:1s;
  202. -webkit-transition-duration:1s;
  203. -o-transition-duration:1s;
  204. }
  205.  
  206. p {margin:10px;}
  207.  
  208. hr {width:200px;border-top:1px solid {color:border};}
  209.  
  210. h1 {
  211. font-size:14px;
  212. font-family:'Roboto', sans-serif;
  213. text-align:center;
  214. text-transform:uppercase;
  215. letter-spacing:1px;
  216. color:{color:h1 text};
  217. border-bottom:1px solid {color:border};
  218. padding:10px;
  219. margin-top:0px;
  220. }
  221.  
  222. h1 a {
  223. color:{color:h1 text};
  224. -moz-transition-duration:1s;
  225. -webkit-transition-duration:1s;
  226. -o-transition-duration:1s;
  227. }
  228.  
  229. h1 a:hover {
  230. color:{color:link};
  231. -moz-transition-duration:1s;
  232. -webkit-transition-duration:1s;
  233. -o-transition-duration:1s;
  234. }
  235.  
  236. h2 {
  237. text-align:center;
  238. font-size:14px;
  239. word-spacing:2px;
  240. line-height:17px;
  241. padding:10px 0px;
  242. text-transform:uppercase;
  243. font-family:'Roboto', sans-serif;
  244. }
  245.  
  246. /* sidebar */
  247.  
  248. #themecontainer {width:100%;height:100%;}
  249.  
  250. #sidebarcont {
  251. position:fixed;
  252. width:400px;
  253. height:100%;
  254. top:0;
  255. left:0;
  256. }
  257.  
  258. #sidebarbg {
  259. position:fixed;
  260. width:300px;
  261. height:100%;
  262. top:0;
  263. left:0;
  264. background:url({image:sidebar}) bottom center;
  265. -webkit-background-size:cover;
  266. -moz-background-size:cover;
  267. -o-background-size:cover;
  268. background-size:cover;
  269. z-index:9;
  270. }
  271.  
  272. #sidebarcover {
  273. position:fixed;
  274. width:300px;
  275. height:100%;
  276. top:0;
  277. left:0;
  278. background-color:rgba(0,0,0,0.5);
  279. text-align:center;
  280. padding:20px;
  281. box-sizing:border-box;
  282. opacity:0;
  283. -webkit-transition:all 0.6s ease-in-out;
  284. -moz-transition:all 0.6s ease-in-out;
  285. -o-transition:all 0.6s ease-in-out;
  286. -ms-transition:all 0.6s ease-in-out;
  287. transition:all 0.6s ease-in-out;
  288. z-index:99;
  289. }
  290.  
  291. #sidebarcont:hover #sidebarcover {
  292. opacity:1;
  293. -webkit-transition:all 0.6s ease-in-out;
  294. -moz-transition:all 0.6s ease-in-out;
  295. -o-transition:all 0.6s ease-in-out;
  296. -ms-transition:all 0.6s ease-in-out;
  297. transition:all 0.6s ease-in-out;
  298. }
  299.  
  300. #sidebartitle {
  301. position:absolute;
  302. top:-50px;
  303. left:50%;
  304. margin-left:-130px;
  305. font-size:30px;
  306. line-height:25px;
  307. font-weight:700;
  308. letter-spacing:5px;
  309. text-transform:uppercase;
  310. color:{color:title};
  311. width:260px;
  312. padding:0px 20px 30px 20px;
  313. box-sizing:border-box;
  314. border-bottom:1px solid {color:title};
  315. -webkit-transition:all 0.6s ease-in-out;
  316. -moz-transition:all 0.6s ease-in-out;
  317. -o-transition:all 0.6s ease-in-out;
  318. -ms-transition:all 0.6s ease-in-out;
  319. transition:all 0.6s ease-in-out;
  320. }
  321.  
  322. #sidebarcont:hover #sidebartitle {
  323. top:50px;
  324. -webkit-transition:all 0.6s ease-in-out;
  325. -moz-transition:all 0.6s ease-in-out;
  326. -o-transition:all 0.6s ease-in-out;
  327. -ms-transition:all 0.6s ease-in-out;
  328. transition:all 0.6s ease-in-out;
  329. }
  330.  
  331. #sidebardesc {
  332. position:absolute;
  333. bottom:-50px;
  334. left:50%;
  335. margin-left:-130px;
  336. text-transform:uppercase;
  337. color:{color:sidebar text};
  338. width:260px;
  339. padding:30px 10px 0px 10px;
  340. box-sizing:border-box;
  341. border-top:1px solid {color:sidebar text};
  342. -webkit-transition:all 0.6s ease-in-out;
  343. -moz-transition:all 0.6s ease-in-out;
  344. -o-transition:all 0.6s ease-in-out;
  345. -ms-transition:all 0.6s ease-in-out;
  346. transition:all 0.6s ease-in-out;
  347. }
  348.  
  349. #sidebarcont:hover #sidebardesc {
  350. bottom:50px;
  351. -webkit-transition:all 0.6s ease-in-out;
  352. -moz-transition:all 0.6s ease-in-out;
  353. -o-transition:all 0.6s ease-in-out;
  354. -ms-transition:all 0.6s ease-in-out;
  355. transition:all 0.6s ease-in-out;
  356. }
  357.  
  358. #sidebardesc b {color:{color:sidebar text};}
  359.  
  360. #sidebarinfocont {
  361. position:fixed;
  362. width:100px;
  363. height:100%;
  364. top:0;
  365. left:300px;
  366. background-color:{color:nav bg};
  367. z-index:999;
  368. }
  369.  
  370. #sidebarinfo {
  371. position:absolute;
  372. top:50%;
  373. width:100px;
  374. {block:IndexPage}
  375. height:400px;
  376. margin-top:-200px;
  377. {/block:IndexPage}
  378. {block:PermalinkPage}
  379. height:300px;
  380. margin-top:-150px;
  381. {/block:PermalinkPage}
  382. }
  383.  
  384. #sidebaricon {
  385. width:80px;
  386. height:80px;
  387. margin:0px auto 30px auto;
  388. }
  389.  
  390. #sidebaricon img {width:80px;height:80px;border-radius:50%;}
  391.  
  392. #sidebarnav {width:80px;margin:0px auto;text-align:center;}
  393.  
  394. #pagination {
  395. width:80px;
  396. margin:20px auto 0px auto;
  397. text-align:center;
  398. border-top:1px solid {color:border};
  399. padding-top:20px;
  400. }
  401.  
  402. #sidebarnav a, #pagination a {
  403. display:block;
  404. width:80px;
  405. overflow:hidden;
  406. padding:5px 8px;
  407. box-sizing:border-box;
  408. margin-bottom:5px;
  409. border:1px solid {color:border};
  410. color:{color:nav link};
  411. background-color:{color:nav link bg};
  412. box-shadow:inset 0 0 0 0 {color:nav bg};
  413. -webkit-transition:all ease 1s;
  414. -moz-transition:all ease 1s;
  415. transition:all ease 1s;
  416. }
  417.  
  418. #sidebarnav a:hover, #pagination a:hover {color:{color:nav link hover};box-shadow:inset 0 100px 0 0 {color:nav link bg hover};}
  419.  
  420. #sidebarnav a:empty {display:none;}
  421.  
  422. /* posts */
  423.  
  424. #container {
  425. position:relative;
  426. {block:if400pxposts}width:500px;{/block:if400pxposts}
  427. {block:ifnot400pxposts}width:600px;{/block:ifnot400pxposts}
  428. margin:40px 0px 40px 450px;
  429. z-index:9999;
  430. }
  431.  
  432. #posts {
  433. {block:if400pxposts}width:400px;{/block:if400pxposts}
  434. {block:ifnot400pxposts}width:500px;{/block:ifnot400pxposts}
  435. padding:10px;
  436. background-color:{color:post bg};
  437. {block:IndexPage}margin:0px auto 80px auto;{/block:IndexPage}
  438. {block:PermalinkPage}margin:0px auto 40px auto;{/block:PermalinkPage}
  439. }
  440.  
  441. .buttons {
  442. position:absolute;
  443. {block:if400pxposts}margin:-11px 0px 0px 325px;{/block:if400pxposts}
  444. {block:ifnot400pxposts}margin:-11px 0px 0px 425px;{/block:ifnot400pxposts}
  445. {block:ifnotshowlikereblogbuttons}
  446. display:none;
  447. {/block:ifnotshowlikereblogbuttons}
  448. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  449. }
  450.  
  451. #likebutton, #reblogbutton {padding:5px;display:inline-block;}
  452.  
  453. #posts ul, ol {margin-left:15px;padding:0px!important;}
  454.  
  455. #posts li {margin:0px 10px;}
  456.  
  457. #posts img {
  458. {block:if400pxposts}max-width:400px;{/block:if400pxposts}
  459. {block:ifnot400pxposts}max-width:500px;{/block:ifnot400pxposts}
  460. }
  461.  
  462. #posts p img {
  463. display:block;
  464. max-width:100%;
  465. margin-left:0px;
  466. height:auto;
  467. }
  468.  
  469. #posts blockquote img {
  470. display:block;
  471. max-width:calc(100% - 20px);
  472. margin:5px 0px 5px 10px;
  473. height:auto;
  474. }
  475.  
  476. #posts #youtube_iframe, #posts video {
  477. {block:if400pxposts}max-width:400px;{/block:if400pxposts}
  478. {block:ifnot400pxposts}max-width:500px;{/block:ifnot400pxposts}
  479. }
  480.  
  481. #posts blockquote #youtube_iframe, #posts blockquote video {
  482. max-width:calc(100% - 20px)!important;
  483. margin-left:10px;
  484. }
  485.  
  486. .caption {
  487. {block:ifnotshowcaption}
  488. {block:IndexPage}display:none;{/block:IndexPage}
  489. {/block:ifnotshowcaption}
  490. }
  491.  
  492. #source {margin-bottom:20px;text-align:center;}
  493.  
  494. #audio {
  495. font-family:'Roboto Condensed', sans-serif;
  496. font-size:10px;
  497. line-height:25px;
  498. text-align:center;
  499. overflow:hidden;
  500. margin-bottom:5px;
  501. }
  502.  
  503. .audiocaption {border-top:1px solid {color:border};}
  504.  
  505. .audiocaption:empty {display:none;}
  506.  
  507. #audioplayerbg {
  508. background:#fff;
  509. width:80px;
  510. height:80px;
  511. padding:10px;
  512. overflow:hidden;
  513. position:absolute;
  514. {block:if400pxposts}margin-left:150px;{/block:if400pxposts}
  515. {block:ifnot400pxposts}margin-left:200px;{/block:ifnot400pxposts}
  516. border-radius:50%;
  517. opacity:0.4;
  518. -moz-transition-duration:1s;
  519. -webkit-transition-duration:1s;
  520. -o-transition-duration:1s;
  521. }
  522.  
  523. #audioplayerbg:hover {
  524. opacity:0.7;
  525. -moz-transition-duration:1s;
  526. -webkit-transition-duration:1s;
  527. -o-transition-duration:1s;
  528. }
  529.  
  530. #audioplayer {
  531. width:30px;
  532. height:30px;
  533. overflow:hidden;
  534. margin-top:25px;
  535. margin-left:25px;
  536. }
  537.  
  538. #albumart {}
  539.  
  540. #albumart img {border-radius:50%;}
  541.  
  542. #audioinfo {text-transform:uppercase;}
  543.  
  544. .chat ol {margin:0px!important;list-style:none;}
  545.  
  546. .line {list-style:none;padding:5px 0px;}
  547.  
  548. .label {text-decoration:bold;}
  549.  
  550. .askericon {
  551. width:64px;
  552. height:64px;
  553. margin:0px auto 5px auto;
  554. }
  555.  
  556. .askericon img {border-radius:50%;}
  557.  
  558. .asker {
  559. text-align:center;
  560. font-size:15px;
  561. font-family:'Roboto', sans-serif;
  562. text-transform:uppercase;
  563. margin-bottom:10px;
  564. }
  565.  
  566. .ask {
  567. padding:10px 10px 20px 10px;
  568. text-align:center;
  569. border-bottom:1px solid {color:border};
  570. }
  571.  
  572. .answer {padding:10px 0px 2px 0px;}
  573.  
  574. #posts .answer img {max-width:100%;height:auto;}
  575.  
  576. .replier {
  577. text-align:center;
  578. font-size:15px;
  579. font-family:'Roboto', sans-serif;
  580. text-transform:uppercase;
  581. margin:10px 0px;
  582. }
  583.  
  584. .replies {margin-top:10px;border-top:1px solid {color:border};}
  585.  
  586. .replies:empty {display:none;}
  587.  
  588. #perma {
  589. {block:IndexPage}padding:10px 10px 0px 10px;{/block:IndexPage}
  590. {block:PermalinkPage}padding:10px;{/block:PermalinkPage}
  591. letter-spacing:2px;
  592. text-align:center;
  593. border-top:1px solid {color:border};
  594. {block:PermalinkPage}
  595. border-bottom:1px solid {color:border};
  596. {/block:PermalinkPage}
  597. margin-top:10px;
  598. }
  599.  
  600. #perma a {
  601. color:{color:perma link};
  602. font-size:9px;
  603. padding:5px;
  604. -moz-transition-duration:1s;
  605. -webkit-transition-duration:1s;
  606. -o-transition-duration:1s;
  607. }
  608.  
  609. #perma a:hover {
  610. color:{color:perma link hover};
  611. -moz-transition-duration:1s;
  612. -webkit-transition-duration:1s;
  613. -o-transition-duration:1s;
  614. }
  615.  
  616. #tags {
  617. text-align:center;
  618. word-wrap:break-word;
  619. margin-top:5px;
  620. {block:ifnotshowtags}
  621. {block:IndexPage}display:none;{/block:IndexPage}
  622. {/block:ifnotshowtags}
  623. }
  624.  
  625. #tags a {
  626. padding:0px 5px;
  627. font-size:8px;
  628. text-transform:none;
  629. color:{color:tags};
  630. -moz-transition-duration:1s;
  631. -webkit-transition-duration:1s;
  632. -o-transition-duration:1s;
  633. }
  634.  
  635. #tags a:hover {
  636. color:{color:tags hover};
  637. -moz-transition-duration:1s;
  638. -webkit-transition-duration:1s;
  639. -o-transition-duration:1s;
  640. }
  641.  
  642. ol.notes {
  643. margin-top:10px;
  644. list-style-type:none;
  645. padding:10px 25px;
  646. text-align:center;
  647. }
  648.  
  649. ol.notes li.note {
  650. padding:10px;
  651. text-align:center;
  652. line-height:140%;
  653. margin-top:10px;
  654. }
  655.  
  656. ol.notes li.note img.avatar {display:none!important;}
  657.  
  658. ol.notes li.note blockquote {padding:2px 5px;margin:5px 0px 0px 35px;}
  659.  
  660. /* extras */
  661.  
  662. #s-m-t-tooltip {
  663. z-index:9999999999;
  664. color:{color:tooltip text};
  665. background:{color:tooltip bg};
  666. border:1px solid {color:tooltip text};
  667. font-size:9px;
  668. line-height:11px;
  669. font-family:'Roboto Condensed', sans-serif;
  670. text-align:left;
  671. text-transform:uppercase;
  672. max-width:150px;
  673. word-wrap:break-word;
  674. padding:2px 5px 2px 5px;
  675. display:block;
  676. margin:24px 14px 7px 12px;
  677. }
  678.  
  679. ::selection {color:{color:selection text};background:{color:selection bg};}
  680.  
  681. /* credit - do not remove, alter, or move to another page */
  682.  
  683. #credit {
  684. position:fixed;
  685. bottom:14px;
  686. right:10px;
  687. text-align:center;
  688. z-index:9999;
  689. }
  690.  
  691. #credit a {
  692. font-size:10px;
  693. color:{color:background};
  694. background-color:{color:scrollbar};
  695. padding:4px;
  696. -moz-transition-duration:1s;
  697. -webkit-transition-duration:1s;
  698. -o-transition-duration:1s;
  699. }
  700.  
  701. #credit a:hover {
  702. color:{color:scrollbar};
  703. background-color:{color:background};
  704. -moz-transition-duration:1s;
  705. -webkit-transition-duration:1s;
  706. -o-transition-duration:1s;
  707. }
  708.  
  709. </style>
  710. </head>
  711. <body>
  712.  
  713. <div id="themecontainer">
  714.  
  715. <div id="sidebarcont">
  716. <div id="sidebarcover">
  717. <div id="sidebartitle">{Title}</div>
  718. <div id="sidebardesc">{Description}</div>
  719. </div>
  720. <div id="sidebarbg"></div>
  721. <div id="sidebarinfocont">
  722. <div id="sidebarinfo">
  723. <div id="sidebaricon"><img src="{image:icon}"></div>
  724. <div id="sidebarnav">
  725. <a href="/">Home</a>
  726. <a href="/ask">Ask</a>
  727. <a href="/archive">Past</a>
  728. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  729. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  730. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  731. </div>
  732. {block:Pagination}
  733. <div id="pagination">
  734. {block:PreviousPage}<a href="{PreviousPage}">Back</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">Forth</a>{/block:NextPage}
  735. </div>
  736. {/block:Pagination}
  737. </div>
  738. </div>
  739. </div>
  740.  
  741. <div id="container">
  742. {block:Posts}
  743. <div id="posts">
  744.  
  745. {block:Text}
  746. {block:Title}<h1>{Title}</h1>{/block:Title}
  747. {Body}
  748. {/block:Text}
  749.  
  750. {block:Quote}
  751. <h2>{Quote}</h2>
  752. {block:Source}<div id="source">{Source}</div>{/block:Source}
  753. {/block:Quote}
  754.  
  755. {block:Link}
  756. <h1><a href="{URL}"><< {Name} >></a></h1>
  757. {block:Description}{Description}{/block:Description}
  758. {/block:Link}
  759.  
  760. {block:Chat}
  761. {block:Title}
  762. <h1>{Title}</h1>
  763. {/block:Title}
  764. <div class="chat">
  765. <ol>{block:Lines}
  766. <li class="line {Alt}">
  767. {block:Label}
  768. <span class="label">
  769. <b>{Label}</b></span>
  770. {/block:Label}{Line}</li>
  771. {/block:Lines}
  772. </ol></div>
  773. {/block:Chat}
  774.  
  775. {block:Photo}
  776. {LinkOpenTag}<center>{block:if400pxposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400pxposts}{block:ifnot400pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:ifnot400pxposts}</center>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  777. {/block:Photo}
  778.  
  779. {block:Photoset}
  780. <center>{block:if400pxposts}<div class="photos">{Photoset-400}</div>{/block:if400pxposts}{block:ifnot400pxposts}{Photoset-500}{/block:ifnot400pxposts}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  781. {/block:Photoset}
  782.  
  783. {block:Video}
  784. <center>{block:if400pxposts}{Video-400}{/block:if400pxposts}{block:ifnot400pxposts}{Video-500}{/block:ifnot400pxposts}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  785. {/block:Video}
  786.  
  787. {block:Audio}
  788. <div id="audio">
  789. <div id="audioplayerbg"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  790. <div id="albumart"><span{block:AlbumArt} style="display:none;"{block:AlbumArt}><img src="https://68.media.tumblr.com/9b78d1e07567414cae86f9e454b1e9f7/tumblr_inline_o39hgzRFff1rrt3vb_540.png" width="100"></span>{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  791. <div id="audioinfo">
  792. <span{block:TrackName} style="display:none;"{block:TrackName}><b>Song:</b> unknown</span>{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}
  793. <br><span{block:Artist} style="display:none;"{block:Artist}><b>Artist:</b> unknown</span>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  794. <br><span{block:Album} style="display:none;"{block:Album}><b>Album:</b> unknown</span>{block:Album}<b>Album:</b> {Album}{/block:Album}
  795. <br>{block:PlayCount}<b>Play count:</b> {PlayCount}{/block:PlayCount}
  796. </div></div>
  797. {block:Caption}<div class="caption audiocaption">{Caption}</div>{/block:Caption}
  798. {/block:Audio}
  799.  
  800. {block:Answer}
  801. <div class="askericon"><img src="{AskerPortraitURL-64}"></div>
  802. <div class="ask"><div class="asker">{Asker} asked:</div>{Question}</div>
  803. <div class="answer">{block:Answerer}<div class="replier">{Answerer} replied:</div>{/block:Answerer}{Answer}</div>
  804. {block:Answerer}<div class="replies">{Replies}</div>{/block:Answerer}
  805. {/block:Answer}
  806.  
  807. {block:Date}
  808.  
  809. {block:IndexPage}<div id="perma">
  810.  
  811. <div class="buttons">
  812. <div id="likebutton">{LikeButton size="15" color="gray"}</div>
  813. <div id="reblogbutton">{ReblogButton size="15" color="gray"}</div>
  814. </div>
  815.  
  816. <a href="{Permalink}" title="{DayofMonth}{DayofMonthSuffix} {Month} {Year}">{block:Date}{TimeAgo}{/block:Date}</a>
  817. <a href="{Permalink}">{NoteCountwithLabel}</a>
  818. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  819. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">©</a>{/block:ContentSource}
  820. <br>{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  821. </div>{/block:IndexPage}
  822.  
  823. {block:PermalinkPage}<div id="perma">
  824. <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>
  825. <a href="{Permalink}">{NoteCountwithLabel}</a>
  826. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  827. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">©</a>{/block:ContentSource}
  828. <br>{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  829. </div>{/block:PermalinkPage}
  830.  
  831. {/block:Date}
  832.  
  833. {block:PostNotes}{PostNotes}{/block:PostNotes}
  834.  
  835. </div>
  836. {/block:Posts}
  837. </div>
  838.  
  839. </div>
  840.  
  841. <div id="credit"><a href="//the49thname.tumblr.com/" title="made by the49thname">49</a>
  842. </div>
  843.  
  844. </body>
  845. </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!