Advertisement
teenageblog

Silence Theme

Aug 5th, 2015
36,260
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.16 KB | None | 0 0
  1. <!-----------------------------------------
  2. ★ ° . .    . ☾ °☆  . * ● ¸ .   ★ ° :.  . • ○ ° ★  .  * .     .   °  . ● .    ° ☾ °☆  ¸. ● .  ★  ★ ° ☾ ☆ ¸. ¸  ★  :.  . • ○ ° ★  .  * . .  ¸ .   °  ¸. * ● ¸ .    ° °  ¸. ● ¸ .  ★ ° :.  . • °   ★ 
  3. ▒█▀▀▀ █▀▀ █░░ ░▀░ █▀▀█ █▀▀ █▀▀   ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  4. ▒█▀▀▀ █░░ █░░ ▀█▀ █░░█ ▀▀█ █▀▀   ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  5. ▒█▄▄▄ ▀▀▀ ▀▀▀ ▀▀▀ █▀▀▀ ▀▀▀ ▀▀▀   ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  6. ★ ° . .    . ☾ °☆  . * ● ¸ .   ★ ° :.  . • ○ ° ★  .  * .     .   °  . ● .    ° ☾ °☆  ¸. ● .  ★  ★ ° ☾ ☆ ¸. ¸  ★  :.  . • ○ ° ★   * . .  ¸ .   °  ¸. * ● ¸ .    ° ☾ °  ¸. ● ¸ .  ★ ° :.  . • °
  7. Please keep credit!!
  8. ----------------------------------------------->
  9.  
  10. <html lang="en">
  11. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml">
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  16. <head>
  17. <link rel="shortcut icon" href="{Favicon}" />
  18. <!-- DEFAULT VARIABLES -->
  19. <title>{Title}</title>
  20. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  21. <meta name="color:Background" content="#fff"/>
  22. <meta name="color:Text" content="#ccc"/>
  23. <meta name="color:Title" content="#ccc"/>
  24. <meta name="color:Link" content="#999"/>
  25. <meta name="color:Hover" content="#eee"/>
  26. <meta name="color:Ask Bubble" content="#eee"/>
  27. <meta name="color:Scrollbar" content="#ccc"/>
  28. <meta name="color:Permalink" content="#999"/>
  29. <meta name="color:Permalink Background" content="#fff"/>
  30. <meta name="color:Permalink Border" content="#c2c8eb"/>
  31. <meta name="color:Blogtitle" content="#000"/>
  32. <meta name="color:Border" content="#c2c8eb"/>
  33. <meta name="color:Sidebar Borders" content="#000"/>
  34.  
  35. <meta name="if:Three Columns" content="0" />
  36. <meta name="if:Two Columns" content="1" />
  37. <meta name="if:Show Sidebar" content="1" />
  38. <meta name="if:Show Border Left" content="1" />
  39.  
  40. <meta name="image:Sidebar" content=""/>
  41. <meta name="image:Background" content="0"/>
  42.  
  43. <meta name="select:Description" content="Left" title="Left" />
  44. <meta name="select:Description" content="Center" title="Center" />
  45.  
  46. <meta name="text:Link One Title" content= >
  47. <meta name="text:Link One" content="http://" />
  48. <meta name="text:Link Two Title" content= >
  49. <meta name="text:Link Two" content="http://" />
  50. <meta name="text:Link Three Title" content= >
  51. <meta name="text:Link Three" content="http://" />
  52. <meta name="text:Link Four Title" content= >
  53. <meta name="text:Link Four" content="http://" />
  54.  
  55. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  56. <script>
  57. (function($){
  58. $(document).ready(function(){
  59. $("[title]").style_my_tooltips({
  60. tip_follows_cursor:true,
  61. tip_delay_time:200,
  62. tip_fade_speed:300
  63. }
  64. );
  65. });
  66. })(jQuery);
  67. </script>
  68. <style type="text/css">
  69. #s-m-t-tooltip{
  70. max-width:300px;
  71. margin:15px;
  72. padding:2px 8px;
  73. border:1px solid {color:border};
  74. background:white;
  75. color:{color:text};
  76. z-index:999999;
  77. font-size:9px;
  78. font-style:nromal;
  79. text-transform:lowercase;
  80. letter-spacing:1px;
  81. }
  82.  
  83.  
  84.  
  85. ::-webkit-scrollbar-thumb{
  86. background-color:{color:scrollbar};
  87. border:3px solid {color:background};
  88. height:6px;}
  89.  
  90. ::-webkit-scrollbar {
  91. height:10px;
  92. width:10px;
  93. background-color:{color:background};}
  94.  
  95.  
  96.  
  97.  
  98.  
  99. .wrapper{
  100. margin: 0px auto;
  101. margin-left: 60px;
  102. width: 1200px;
  103. margin-right: auto;
  104. overflow-y: scroll;
  105. overflow-x: hidden;
  106. }
  107.  
  108. .header{
  109. float: left;
  110. width: 100%;
  111. margin-right: auto;
  112. margin-right: auto;
  113. }
  114.  
  115.  
  116. .left{
  117. float: left;
  118. margin-right: 20px;
  119. width:1360;
  120. margin-right: auto;
  121. }
  122.  
  123. .right{
  124. float: right;
  125. width: 200px;
  126. background-color: #fff;
  127. }
  128.  
  129.  
  130. body {
  131. margin:0px;
  132. background-color: {color:Background};
  133. background-image:url({image:Background});
  134. background-attachment: fixed;
  135. background-repeat: repeat;}
  136. body, div, p, textarea, submit, input{
  137. font-family: times;
  138. font-size: 11px;
  139. line-height:14px;
  140. letter-spacing:1px;
  141. color:{color:Text};
  142. }
  143.  
  144.  
  145.  
  146. p {
  147. margin:0px;
  148. margin-top:0px;
  149. }
  150.  
  151. a:link, a:active, a:visited{
  152. text-decoration: none;
  153. -webkit-transition: color 0.3s ease-out;
  154. -moz-transition: color 0.3s ease-out;
  155. transition: color 0.3s ease-out;
  156. color: {color:Link};
  157. }
  158.  
  159. a:hover {
  160. : -webkit-transition-duration: 1.0s;
  161. color:{color:Hover};
  162. }
  163.  
  164.  
  165.  
  166.  
  167. div#center{
  168. margin:auto;
  169. margin-top:0px;
  170. position:relative;
  171. width:1200px;
  172. background-color:;
  173. margin-right: auto;
  174. overflow-y: scroll;
  175. overflow-x: hidden;
  176.  
  177. }
  178. #border1{
  179. position:fixed;
  180. top:-5px;
  181. left:-5px;
  182. width:40px;
  183. height:1000%;
  184. background-color:{color:border};
  185. z-index:9999999999;
  186. }
  187.  
  188.  
  189.  
  190. .entry {
  191. float:left;
  192. background:white;
  193. {block:IndexPage}
  194. {block:ifthreecolumns}
  195. width:250px;
  196. {/block:ifthreecolumns}
  197. {block:iftwocolumns}
  198. width:250px;
  199. {/block:iftwocolumns}
  200. {/block:IndexPage}
  201. margin:22px;
  202. {block:PermalinkPage}
  203. {block:ifthreecolumns}
  204. width:400px;
  205. {/block:ifthreecolumns}
  206. {block:iftwocolumns}
  207. width:400px;
  208. {/block:iftwocolumns}
  209. text-align:left;
  210. {/block:PermalinkPage}
  211. -moz-transition: all 2.2s ease-out;
  212. -o-transition: all 2.2s ease-out;
  213. -webkit-transition: all 2.2s ease-out;
  214. transition: all 2.2s ease-out;
  215. }
  216.  
  217.  
  218.  
  219. /* Sidebar*/
  220.  
  221. #sidebar{
  222. float:left;
  223. width:180px;
  224. margin-top:120px;
  225. font-size:11px;
  226. height:auto;
  227. {block:iftwocolumns}
  228. margin-left:170px;
  229. {/block:iftwocolumns}
  230. {block:ifthreecolumns}
  231. margin-left:140px;
  232. {/block:ifthreecolumns}
  233. position:fixed;
  234. padding:10px;
  235. text-align:center;
  236. font-family:times;
  237. line-height:12px;
  238. color:{color:text};
  239. background-color: #fff;
  240. border:1px solid {color:Sidebar Border};
  241. {block:PermalinkPage}
  242. {block:ifthreecolumns}
  243. margin-left:150px;
  244. {/block:ifthreecolumns}
  245. {/block:PermalinkPage}
  246. }
  247.  
  248. #desc{
  249. font:times;
  250. font-size:11px;
  251. line-height:12px;
  252. text-align:{select:Description};
  253. color:{color:Text};
  254. }
  255.  
  256.  
  257. #blogtitle{
  258. padding:5px;
  259. line-height:13px;
  260. font-size:12px;
  261. border-top:1px dashed {color:Sidebar Background};
  262. border-bottom:1px dashed {color:sidebar background};
  263. font-family:times;
  264. color:{color:blogtitle};
  265. background-color: white;
  266. }
  267. #blogtitle a{
  268. color:{color:blogtitle};
  269. }
  270.  
  271. #sidebarimage{
  272. padding:0px;
  273.  
  274. }
  275.  
  276. #links{
  277. padding:0px;
  278. font-family:times;
  279. width:180px;
  280. text-align:center;
  281. color:{color:blogtitle};
  282. background-color: white;
  283. letter-spacing:1px;
  284. display:inline-block;
  285.  
  286. }
  287.  
  288. #links:hover {
  289. color:{color:hover};
  290. }
  291.  
  292.  
  293. #audio {{block:ifthreecolumns}
  294. width:250px;
  295. {/block:ifthreecolumns}
  296. {block:iftwocolumns}
  297. width:250px;
  298. {/block:iftwocolumns} height:auto; min-height:60px; padding-bottom:0px;}
  299. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  300. .cover img {float:left; width:60px; height:60px;}
  301. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  302. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  303.  
  304. .title{
  305. line-height:12px;
  306. color:{color:Title};
  307. font-weight:normal;
  308. }
  309.  
  310.  
  311.  
  312.  
  313.  
  314. #cred{
  315. position:fixed;
  316. font-family: arial;
  317. font-size: 8px;
  318. bottom:20px;
  319. right:10px;
  320. padding:10px;
  321. height:10px;
  322. text-align:center;
  323. text-transform:lowercase;
  324. padding-bottom:10px;
  325. width:15px;
  326. color:#aaa;
  327. transition: all 0.6s ease-out;
  328. -o-transition-transition: all 0.6s ease-out;
  329. -webkit-transition: all 0.6s ease-out;
  330. -moz-transition: all 0.6s ease-out;
  331. }
  332.  
  333. .eclipsethemes {
  334. width:260px;
  335. opacity: 1;
  336. z-index: 10000;
  337. margin-top:10px;
  338. margin-bottom:10px;
  339. text-align:left;
  340. font-size:10px;
  341. letter-spacing:1px;
  342. }
  343.  
  344.  
  345. /*FOR TEXT*/
  346. .permahover {
  347. text-align: right;
  348. line-height:9px;
  349. opacity: 0;
  350. filter: alpha(opacity = 0);
  351. font-size: 9px;
  352. padding-top:0px;
  353. text-transform: lowercase;
  354. border-top:0px solid {color:link};
  355. -webkit-transition-duration: .75s;
  356. }
  357.  
  358. .entry:hover .permahover {
  359. text-align: right;
  360. opacity: 1;
  361. filter: alpha(opacity = 50);}
  362.  
  363.  
  364.  
  365. .bubble a{color:{color:text};}
  366.  
  367. .bubble {
  368. position:relative;
  369. margin:4px 0px 5px 45px;
  370. text-align:left;
  371. padding:5px 3px 5px 5px;
  372. background:{color:ask bubble};
  373. color:{color:text};
  374. -moz-border-radius:3px;
  375. -webkit-border-radius:3px;
  376. border-radius:2px;
  377. }
  378.  
  379.  
  380. .bubble p {
  381. margin:5px;
  382. }
  383.  
  384. .bubble span {
  385. position:absolute;
  386. display:block;
  387. width:1px;
  388. top:-5px;
  389. left:-8px;
  390. height:1px;
  391. font-size:12;
  392. line-height:1px;
  393. color:black;
  394. border-top:3px solid transparent;
  395. border-right:7px solid #eee;
  396. border-bottom:3px solid transparent;
  397. }
  398.  
  399. .askborder {
  400. left:-10px;
  401. margin:1px;
  402. padding:2px;
  403. background:#eee;
  404. }
  405.  
  406.  
  407.  
  408.  
  409. /*PERMAS*/
  410. .entry .button{
  411. position:absolute;
  412. width:;
  413. height:13px;
  414. padding:3px;
  415. padding-top:4px;
  416. padding-bottom:4px;
  417. background-color:{color:permalink background};
  418. overflow:hidden;
  419. border:1px solid {color:permalink border};
  420. opacity:0;
  421. left:8px;
  422. font-size:12px;
  423. font-family: times;
  424. top:25px;
  425. z-index:10;
  426. -webkit-transition: all .8s ease-in-out;
  427. -moz-transition: all .8s ease-in-out;
  428. -o-transition: all .8s ease-in-out;
  429. transition: all .8s ease-in-out;
  430. }
  431.  
  432. .entry:hover .button{
  433. top:10px;
  434. opacity:1;
  435. overflow:visible;
  436. -webkit-transition: all .8s ease-in-out;
  437. -moz-transition: all .8s ease-in-out;
  438. -o-transition: all .8s ease-in-out;
  439. transition: all .8s ease-in-out;
  440. }
  441. .entry .button a{
  442. color:{color:permalink};
  443. }
  444.  
  445. .entry .button3{
  446. position:absolute;
  447. width:;
  448. height:13px;
  449. padding:3px;
  450. padding-top:4px;
  451. padding-bottom:4px;
  452. background-color:{color:permalink background};
  453. overflow:hidden;
  454. border:1px solid {color:permalink border};
  455. opacity:0;
  456. left:33px;
  457. font-size:12px;
  458. font-family: times;
  459. top:25px;
  460. z-index:10;
  461. -webkit-transition: all .8s ease-in-out;
  462. -moz-transition: all .8s ease-in-out;
  463. -o-transition: all .8s ease-in-out;
  464. transition: all .8s ease-in-out;
  465. }
  466.  
  467. .entry:hover .button3{
  468. top:10px;
  469. opacity:1;
  470. overflow:visible;
  471. -webkit-transition: all .8s ease-in-out;
  472. -moz-transition: all .8s ease-in-out;
  473. -o-transition: all .8s ease-in-out;
  474. transition: all .8s ease-in-out;
  475. }
  476. .entry .button3 a{
  477. color:{color:permalink};
  478. }
  479.  
  480. .entry .button2{
  481. position:absolute;
  482. width:auto;
  483. height:13px;
  484. padding:3px;
  485. padding-top:5px;
  486. background-color:{color:permalink background};
  487. overflow:hidden;
  488. line-height:11px;
  489. font-family:calibri;
  490. opacity:0;
  491. margin-left:58px;
  492. font-size:11px;
  493. border:1px solid {color:permalink border};
  494. top:25px;
  495. z-index:10;
  496. -webkit-transition: all .8s ease-in-out;
  497. -moz-transition: all .8s ease-in-out;
  498. -o-transition: all .8s ease-in-out;
  499. transition: all .8s ease-in-out;
  500. }
  501.  
  502. .entry:hover .button2{
  503. opacity:1;
  504. overflow:visible;
  505. top:10px;
  506. -webkit-transition: all .8s ease-in-out;
  507. -moz-transition: all .8s ease-in-out;
  508. -o-transition: all .8s ease-in-out;
  509. transition: all .8s ease-in-out;
  510. }
  511.  
  512. .entry .button2 a{
  513. color:{color:permalink};
  514. }
  515.  
  516. #posts {
  517. {block:iftwocolumns}
  518. width:700px;
  519. margin-left: 360px;
  520. {/block:iftwocolumns}
  521. {block:ifthreecolumns}
  522. width:1000px;
  523. margin-left:315px;
  524. {/block:ifthreecolumns}
  525. margin-top:0px;
  526. margin-right: auto;
  527. position:relative;
  528. overflow-y: scroll;
  529. overflow-x: hidden;
  530. }
  531.  
  532.  
  533. #infscr-loading{
  534. bottom: -70px;
  535. position: absolute;
  536. left: 50%;
  537. margin-left:-8px;
  538. width:16px;
  539. height:11px;
  540. overflow:hidden;
  541. margin-bottom: 50px;
  542. }
  543.  
  544. #postnotes{
  545. text-align: justify;
  546. }
  547.  
  548. #postnotes blockquote{
  549. border: 0px;
  550. }
  551.  
  552. blockquote{
  553. padding:0px 0px 2px 5px;
  554. margin:0px 0px 2px 1px;
  555. border-left: 1px dotted {color:Text};
  556. }
  557.  
  558. blockquote p, ul{
  559. margin:0px;
  560. padding:0px;
  561. }
  562.  
  563. a img{border: 0px;}
  564. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  565. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  566. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  567. .notes img{width:10px; position:relative; top:3px;
  568. }
  569.  
  570. small{font-size: 90%;}
  571.  
  572. .video embed, .post div.video object {
  573. {block:iftwocolumns}
  574. width:250px;
  575. {/block:iftwocolumns}
  576. {block:ifthreecolumns}
  577. width:250px;
  578. {/block:ifthreecolumns}
  579. !important; height:180px !important;}
  580.  
  581.  
  582. .video2 embed, .post div.video object {width:500px !important; height:400px !important;}
  583.  
  584. {CustomCSS}
  585.  
  586. </style>
  587.  
  588. {block:IndexPage}
  589.  
  590.  
  591. </script>
  592. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  593. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  594. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  595.  
  596. <script type="text/javascript">
  597. $(window).load(function () {
  598. var $content = $('#posts');
  599. $content.masonry({itemSelector: '.entry'}),
  600. $content.infinitescroll({
  601. navSelector : 'div#pagination',
  602. nextSelector : 'div#pagination a#nextPage',
  603. itemSelector : '.entry',
  604. loading: {
  605. finishedMsg: '',
  606. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  607. },
  608. bufferPx : 600,
  609. debug : false,
  610. },
  611. // call masonry as a callback.
  612. function( newElements ) {
  613. var $newElems = $( newElements );
  614. $newElems.hide();
  615. // ensure that images load before adding to masonry layout
  616. $newElems.imagesLoaded(function(){
  617. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  618.  
  619.  
  620. });
  621. });
  622. });
  623. </script>
  624. {/block:IndexPage}
  625.  
  626.  
  627. <title>{Title}</title>
  628. <meta name="viewport" content="width=720" />
  629. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  630. </head>
  631.  
  632. <body>
  633. {block:ifshowborderleft}
  634. <div id="border1"></div>
  635. {/block:ifshowborderleft}
  636.  
  637. <div id="sidebar">
  638.  
  639. {block:ifshowsidebar}
  640. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}" width="180" height="190"></a></div><br>
  641. {/block:ifshowsidebar}
  642.  
  643. <div id="blogtitle"><a href="/">
  644. {title}</a></div><br>
  645. <div id="desc">
  646.  
  647. {description}<br><br>
  648. </div>
  649. <div id="links">
  650. <a href="/">home</a> &nbsp;
  651. <a href="/ask">message</a> &nbsp;
  652. <a href="{text:Link One}">{text:Link One Title}</a> &nbsp;
  653. <a href="{text:Link Two}">{text:Link Two Title}</a> &nbsp;
  654. <a href="{text:Link Three}">{text:Link Three Title}</a> &nbsp;
  655. <a href="{text:Link Four}">{text:Link Four Title}</a> &nbsp;
  656. </div></div>
  657.  
  658.  
  659.  
  660.  
  661. <div class="wrapper">
  662. <div class="header">
  663.  
  664. </div>
  665.  
  666.  
  667.  
  668. <div class="left">
  669. <div id="posts">
  670. {block:Posts}
  671. <div class="entry">
  672.  
  673. {block:Answer}<img src="{AskerPortraitURL-30}" align="left" class="askborder">
  674. <div class="bubble"><font style="color:{color:link}; text-transform:uppercase; font-size:11px; font-family: times;">{Asker}:</font> <font style="color:{color:text}; font-family:times; font-size:11px; ">{Question}</font></div><br><center><font style="font-family:times; font-size:11px; letter-spacing:1px">{Answer}</font></center> <br>
  675. <div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  676. {/block:Answer}
  677.  
  678. {block:Text}
  679. {block:Title}<span class="title">{Title}</span>{/block:Title}
  680. <span class="entrytext">{Body}</span>
  681. <div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  682. {/block:Text}
  683.  
  684. {block:Link}
  685. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  686. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  687. {block:IndexPage}<div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  688. {/block:IndexPage}
  689. {block:Link}
  690.  
  691. {block:Photo}{block:IndexPage}
  692.  
  693. <div class="button"><a href="{ReblogURL}" target="_blank"><i class="fa fa-repeat"></i></a></center></div>
  694.  
  695. <div class="button3"><center><a href="{PhotoURL-HighRes}" rel="prettyPhoto"><i class="fa fa-search"></i></a></center></div>
  696.  
  697. <div class="button2"><center><a href="{Permalink}"><b>{NoteCountwithLabel}</b></center></div>
  698. {/block:IndexPage}
  699.  
  700. {block:IndexPage}
  701. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=100%/></a>
  702. {/block:IndexPage}
  703.  
  704.  
  705. {block:permalinkpage}{LinkOpenTag}
  706. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=400px/>{LinkCloseTag}
  707. {/block:permalinkpage}
  708. {/block:Photo}
  709.  
  710.  
  711. {block:Photoset}
  712. {block:IndexPage}
  713.  
  714.  
  715. <div class="button"><a href="{ReblogURL}" target="_blank"><i class="fa fa-repeat"></i></a></center></div>
  716.  
  717. <div class="button3"><center><a href="{PhotoURL-HighRes}" rel="prettyPhoto"><i class="fa fa-search"></i></a></center></div>
  718.  
  719. <div class="button2"><center><a href="{Permalink}"><b>{NoteCountwithLabel}</b></center></div>
  720.  
  721. {/block:IndexPage}
  722. {block:IndexPage}
  723. {block:Photos}<a href="{Permalink}">
  724. {block:ifthreecolumns}
  725. <a href="{Permalink}"><img src="{PhotoURL-500}" width="250"></a>
  726. {/block:ifthreecolumns}
  727. {block:iftwocolumns}
  728. <a href="{Permalink}"><img src="{PhotoURL-500}" width="250"></a>
  729. {/block:iftwocolumns}
  730. {/block:Photos}
  731. {/block:permalinkpage}
  732. {/block:IndexPage}
  733.  
  734. {block:permalinkpage}
  735. {Photoset-400}
  736. {/block:permalinkpage}
  737. {/block:Photoset}
  738.  
  739.  
  740.  
  741. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
  742. <div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  743. {/block:Quote}
  744.  
  745. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  746. <ul class="chat">
  747. {block:Lines}
  748. <li class="user_{UserNumber}">
  749. {block:Label}
  750. <span class="label">{Label}</span>
  751. {/block:Label}
  752.  
  753. {Line}
  754. </li>
  755. {/block:Lines}
  756. <div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  757. {/block:Chat}
  758.  
  759. {block:Audio}
  760. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  761. {block:IndexPage}
  762. <div class="permahover"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  763. {/block:IndexPage}
  764. {/block:Audio}
  765.  
  766. {block:Video}
  767. {block:IndexPage}
  768.  
  769. <div class="button"><a href="{ReblogURL}" target="_blank"><i class="fa fa-repeat"></i></a></center></div>
  770.  
  771. <div class="button3"><center><a href="{PhotoURL-HighRes}" rel="prettyPhoto"><i class="fa fa-search"></i></a></center></div>
  772.  
  773. <div class="button2"><center><a href="{Permalink}"><b>{NoteCountwithLabel}</b></center></div>
  774.  
  775. {block:iftwocolumns}
  776. {Video-250}
  777. {/block:iftwocolumns}
  778. {block:ifthreecolumn}
  779. {Video-250}
  780. {/block:ifthreecolumn}
  781. </center>
  782. {/block:IndexPage}
  783. {block:PermalinkPage}
  784. <center>
  785. {Video-400}</center>
  786. {/block:PermalinkPage}
  787. {block:Video}
  788.  
  789. {block:PermalinkPage}
  790. <br>
  791. <div class="eclipsethemes">
  792. {block:Caption}{Caption}{/block:Caption}
  793.  
  794. {block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  795.  
  796. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
  797. {block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  798.  
  799. {block:HasTags}<Br> tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
  800. {/block:PermalinkPage}
  801.  
  802.  
  803.  
  804.  
  805.  
  806. {block:PostNotes}
  807. <span></span>
  808. <br>
  809. <div style="width:auto; max-height:200px; overflow:auto; text-align:left;">{PostNotes}</div>
  810.  
  811. </a>
  812. {/block:PostNotes}
  813. </div>
  814. {/block:posts}
  815.  
  816. </div></div>
  817.  
  818. {block:IndexPage}
  819. {block:Pagination}
  820. <div id="pagination">
  821. {block:NextPage}
  822. <a id="nextPage" href="{NextPage}"></a>
  823. {/block:NextPage}
  824. {block:PreviousPage}
  825. <a href="{PreviousPage}"></a>
  826. {/block:PreviousPage}
  827. </div>
  828. {/block:Pagination}
  829. {/block:IndexPage}
  830.  
  831. <div id="cred">
  832. <a href="http://teenageblog.tumblr.com/"><img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-moon-outline-48.png"></a></div>
  833.  
  834. </body>
  835. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement