Advertisement
ogaraster

Glass Theme v.3

Feb 2nd, 2013
16,727
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.68 KB | None | 0 0
  1. <!--
  2.  
  3. Glass Theme brought to you by Atlas Designs
  4. http://atlasdesigns.co/
  5.  
  6. Do not remove credits unless given permission to do so.
  7.  
  8. Updated September 2013:
  9. - title/banner moved above posts
  10. - like/reblog buttons fixed
  11. - new permalink page
  12. - updated text post design
  13. - big fixed and minor design changes
  14.  
  15. -->
  16.  
  17. <!DOCTYPE html>
  18.  
  19. <head>
  20.  
  21. {block:IndexPage}
  22.  
  23. <script type="text/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25.  
  26. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  27.  
  28. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  29. <script type="text/javascript">
  30. $(window).load(function () {
  31. var $content = $('#content');
  32. $content.masonry({itemSelector: '.entry'}),
  33. $content.infinitescroll({
  34. navSelector : 'div#pagination',
  35. nextSelector : 'div#pagination a#nextPage',
  36. itemSelector : '.entry',
  37. loading: {
  38. finishedMsg: '',
  39. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  40. },
  41. bufferPx : 600,
  42. debug : false,
  43. },
  44. // call masonry as a callback.
  45. function( newElements ) {
  46. var $newElems = $( newElements );
  47. $newElems.hide();
  48. // ensure that images load before adding to masonry layout
  49. $newElems.imagesLoaded(function(){
  50. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  51. {/block:IndexPage}
  52.  
  53. <title>{title}</title>
  54.  
  55. <meta name="color:background" content="#ffffff"/>
  56. <meta name="color:text" content="#000000"/>
  57. <meta name="color:title" content="#000000"/>
  58. <meta name="color:link" content="#000000"/>
  59. <meta name="color:link hover" content="#d4ff00"/>
  60. <meta name="color:box border" content="#E0E0E0"/>
  61. <meta name="color:scrollbar" content="#E0E0E0"/>
  62. <meta name="color:sidebar boxes" content="#ffffff">
  63. <meta name="color:sidebar titles" content="#000000">
  64. <meta name="color:captions" content="#f0f0f0" />
  65. <meta name="color:post background" content="#f0f0f0" />
  66.  
  67. <meta name="if:show title" content="1"/>
  68. <meta name="if:show submit" content="1"/>
  69. <meta name="if:show banner image" content="0"/>
  70. <meta name="if:show networks" content="0">
  71. <meta name="if:font lato" content="">
  72. <meta name="if:font satisfy" content="1">
  73. <meta name="if:font architects daughter" content="">
  74. <meta name="if:banner" content="0">
  75. <meta name="if:show captions" content="0">
  76.  
  77. <meta name="text:link one title" content="link one">
  78. <meta name="text:link two title" content="link two">
  79. <meta name="text:link three title" content="link three">
  80. <meta name="text:link one url" content="http://">
  81. <meta name="text:link two url" content="http://">
  82. <meta name="text:link three url" content="http://">
  83.  
  84. <meta name="image:banner" content=""/>
  85. <meta name="image:background" content="" />
  86.  
  87. <link href='http://fonts.googleapis.com/css?family=Lato:100,300|Architects+Daughter|Satisfy' rel='stylesheet' type='text/css'></script>
  88.  
  89.  
  90. <style type="text/css">
  91.  
  92. ::-webkit-scrollbar {width: 7px; height: 0px; background:{color:background}; }
  93. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-radius:10px;}
  94.  
  95. iframe#tumblr_controls {position:fixed; z-index:9999999999; top: 3px !Important; margin: 0 0 0 0; right:4px; -webkit-filter: invert(100%);}
  96.  
  97. body{
  98. margin:5px;
  99. background-color: {color:Background};
  100. background-image:url({image:Background});
  101. background-attachment: fixed;
  102. background-repeat: repeat;
  103. font-size: 12px;
  104. font-family: Lato;
  105. font-weight:400;
  106. line-height:14px;
  107. color:{color:Text};
  108. }
  109.  
  110. #blogtitle{
  111. font-size:50px;
  112. {block:iffontlato}
  113. font-family: Lato;
  114. font-weight: 100;
  115. {/block:iffontlato}
  116. {block:iffontsatisfy}
  117. font-family: satisfy;
  118. {/block:iffontsatisfy}
  119. {block:iffontarchitectsdaughter}
  120. font-family: architects daughter;
  121. {/block:iffontarchitectsdaughter}
  122. line-height:50px;
  123. }
  124. #blogtitle a{
  125. color:{color:title};
  126. }
  127.  
  128. .answer{
  129. width:90%;
  130. padding:5%;
  131. background-color:{color:post background};
  132. }
  133. .answer img {
  134. max-width:100%;
  135. {block:permalinkpage}
  136. width:auto;
  137. {/block:permalinkpage}
  138. }
  139.  
  140. a {
  141. text-decoration:none;
  142. color:{color:link};
  143. -moz-transition: all 0.1s ease-in-out;
  144. -webkit-transition: all 0.1s ease-in-out;
  145. -o-transition: all 0.1s ease-in-out;
  146. -ms-transition: all 0.1s ease-in-out;
  147. transition: all 0.1s ease-in-out;
  148. }
  149.  
  150. a:link, a:active, a:visited{
  151. text-decoration:none;
  152. color: {color:link};
  153. -moz-transition: all 0.1s ease-in-out;
  154. -webkit-transition: all 0.1s ease-in-out;
  155. -o-transition: all 0.1s ease-in-out;
  156. -ms-transition: all 0.1s ease-in-out;
  157. transition: all 0.1s ease-in-out;
  158. }
  159.  
  160. a:hover{
  161. color: {color:link hover};
  162. -moz-transition: all 0.1s ease-in-out;
  163. -webkit-transition: all 0.1s ease-in-out;
  164. -o-transition: all 0.1s ease-in-out;
  165. -ms-transition: all 0.1s ease-in-out;
  166. transition: all 0.1s ease-in-out;
  167. }
  168.  
  169. div#content {
  170. width: 1160px;
  171. left:50%;
  172. margin-left:-580px;
  173. {block:ifshowtitle}
  174. margin-top:100px;
  175. {/block:ifshowtitle}
  176. {block:ifshowbannerimage}
  177. margin-top:150px;
  178. {/block:ifshowbannerimage}
  179. position: absolute;
  180. background-color:{post background};
  181. }
  182.  
  183. .entry{
  184. margin:20px;
  185. height:auto;
  186. background-color: #trans;
  187. {block:IndexPage}
  188. width:250px;
  189. overflow:hidden;
  190. {/block:IndexPage}
  191. {block:PermalinkPage}
  192. position:absolute;
  193. left:50%;
  194. margin-left:-250px;
  195. width:500px;
  196. {/block:PermalinkPage}
  197. }
  198.  
  199. .title{
  200. font-size:18px;
  201. line-height:19px;
  202. letter-spacing:0px;
  203. color: {color:text};
  204. font-weight:700;
  205. }
  206.  
  207. blockquote{
  208. padding:0px 0px 0px 3px;
  209. margin:0px 0px 0px 2px;
  210. border-left: 3px solid {color:box border};
  211. }
  212.  
  213. #cubehome{
  214. position:fixed;
  215. left:-1px;
  216. top:120px;
  217. height:20px;
  218. padding:5px;
  219. padding-left:7px;
  220. overflow:hidden;
  221. background-color:{color:sidebar boxes};
  222. border:2px solid {color:box border};
  223. {block:ifshowbannerimage}
  224. margin-top:80px;
  225. {/block:ifshowbannerimage}
  226. {block:ifshowtitle}
  227. margin-top:50px;
  228. {/block:ifshowtitle}
  229. -webkit-transition: opacity 0.4s linear;
  230. -webkit-transition: all 0.4s ease-in-out;
  231. -moz-transition: all 0.4s ease-in-out;
  232. -o-transition: all 0.4s ease-in-out;
  233. z-index:999999;}
  234.  
  235. #cubeabout{
  236. position:fixed;
  237. left:-1px;
  238. top:159px;
  239. height:20px;
  240. padding:5px;
  241. padding-left:7px;
  242. width:95px;
  243. overflow:hidden;
  244. background-color:{color:sidebar boxes};
  245. border:2px solid {color:box border};
  246. {block:ifshowbannerimage}
  247. margin-top:80px;
  248. {/block:ifshowbannerimage}
  249. {block:ifshowtitle}
  250. margin-top:50px;
  251. {/block:ifshowtitle}
  252. -webkit-transition: opacity 0.5s linear;
  253. -webkit-transition: all 0.5s ease-in-out;
  254. -moz-transition: all 0.5s ease-in-out;
  255. -o-transition: all 0.5s ease-in-out;
  256. background-color:{color:boxes};
  257. z-index:9999;}
  258.  
  259. #cubeabout:hover{
  260. height:135px;
  261. width:265px;
  262. overflow:auto;
  263. z-index:999999999;
  264. }
  265.  
  266. #cubeask{
  267. position:fixed;
  268. left:-1px;
  269. top:198px;
  270. height:20px;
  271. padding:5px;
  272. padding-left:7px;
  273. overflow:hidden;
  274. background-color:{color:sidebar boxes};
  275. border:2px solid {color:box border};
  276. {block:ifshowbannerimage}
  277. margin-top:80px;
  278. {/block:ifshowbannerimage}
  279. {block:ifshowtitle}
  280. margin-top:50px;
  281. {/block:ifshowtitle}
  282. -webkit-transition: all 0.5s ease-in-out;
  283. -moz-transition: all 0.5s ease-in-out;
  284. -o-transition: all 0.5s ease-in-out;
  285. z-index:999999;}
  286.  
  287. #cubearchive{
  288. position:fixed;
  289. left:-1px;
  290. top:238px;
  291. height:20px;
  292. padding:5px;
  293. padding-left:7px;
  294. overflow:hidden;
  295. background-color:{color:sidebar boxes};
  296. border:2px solid {color:box border};
  297. {block:ifshowbannerimage}
  298. margin-top:80px;
  299. {/block:ifshowbannerimage}
  300. {block:ifshowtitle}
  301. margin-top:50px;
  302. {/block:ifshowtitle}
  303. -webkit-transition: all 0.5s ease-in-out;
  304. -moz-transition: all 0.5s ease-in-out;
  305. -o-transition: all 0.5s ease-in-out;
  306. z-index:999999;}
  307.  
  308. #cubesubmit{
  309. position:fixed;
  310. left:-1px;
  311. top:278px;
  312. height:20px;
  313. padding:5px;
  314. padding-left:7px;
  315. overflow:hidden;
  316. background-color:{color:sidebar boxes};
  317. border:2px solid {color:box border};
  318. {block:ifshowbannerimage}
  319. margin-top:80px;
  320. {/block:ifshowbannerimage}
  321. {block:ifshowtitle}
  322. margin-top:50px;
  323. {/block:ifshowtitle}
  324. -webkit-transition: all 0.5s ease-in-out;
  325. -moz-transition: all 0.5s ease-in-out;
  326. -o-transition: all 0.5s ease-in-out;
  327. z-index:999999;}
  328.  
  329. #cubelinks{
  330. position:fixed;
  331. left:-1px;
  332. top:278px;
  333. {block:ifshowsubmit}
  334. top:318px;
  335. {/block:ifshowsubmit}
  336. height:20px;
  337. padding:5px;
  338. padding-left:7px;
  339. width:80px;
  340. overflow:hidden;
  341. background-color:{color:sidebar boxes};
  342. border:2px solid {color:box border};
  343. {block:ifshowbannerimage}
  344. margin-top:80px;
  345. {/block:ifshowbannerimage}
  346. {block:ifshowtitle}
  347. margin-top:50px;
  348. {/block:ifshowtitle}
  349. -webkit-transition: opacity 0.5s linear;
  350. -webkit-transition: all 0.5s ease-in-out;
  351. -moz-transition: all 0.5s ease-in-out;
  352. -o-transition: all 0.5s ease-in-out;
  353. z-index:9999;}
  354.  
  355. #cubelinks:hover{
  356. height:125px;
  357. width:150px;
  358. }
  359.  
  360. #sidebar{
  361. position:absolute;
  362. left:0px;
  363. top:30px;
  364. {block:ifshowbannerimage}
  365. top:22px;
  366. {/block:ifshowbannerimage}
  367. width:100%;
  368. text-align:center;
  369. }
  370.  
  371. .boxtitles{
  372. color:{color:sidebar titles};
  373. letter-spacing:5px;
  374. font-size:20px;
  375. line-height:20px;
  376. text-transform:uppercase;
  377. }
  378. .boxtitles a{
  379. color:{color:sidebar titles};
  380. }
  381.  
  382. .boxcontents{
  383. color:{color:text};
  384. font-size:13px;
  385. line-height:14px;
  386. letter-spacing:0px;
  387. text-transform:none;
  388. }
  389.  
  390. .chat li {
  391. list-style-type:none;
  392. margin-left:-40px;
  393. padding:5px;
  394. border-bottom:1px solid #dddddd;
  395. }
  396. .label{
  397. font-weight:700;
  398. }
  399.  
  400. .notess{
  401. height:300px;
  402. width:500px;
  403. overflow:scroll;
  404. }
  405. .notess li{
  406. list-style:none;
  407. line-height:30px;
  408. margin-left:-40px;
  409. }
  410. .notess img{
  411. border-radius:100%;
  412. }
  413.  
  414. .play{
  415. position:absolute;
  416. left:50%;
  417. margin-left:-24px;
  418. top:50%;
  419. margin-top:-42px;
  420. border:10px solid white;
  421. height:27px;
  422. width:27px;
  423. border-radius:100%;
  424. overflow:hidden;
  425. }
  426.  
  427. .textbuttons ul{
  428. list-style:none;
  429. position:relative;
  430. }
  431. .textbuttons li {
  432. list-style:None;
  433. float: right;
  434. }
  435. .textbuttons li:first-child {
  436. margin-left:12px;
  437. }
  438.  
  439. .textnote{
  440. position:absolute;
  441. left:5%;
  442. bottom:13px;
  443. font-weight:700;
  444. }
  445. .textnote a{
  446. font-family:helvetica;
  447. font-size:11px;
  448. color:#c9c9c9;
  449. }
  450. .textnoteaudio{
  451. position:absolute;
  452. left:0px;
  453. bottom:5px;
  454. font-weight:700;
  455. }
  456. .textnoteaudio a{
  457. font-family:helvetica;
  458. font-size:11px;
  459. color:#c9c9c9;
  460. }
  461.  
  462. .caption{
  463. width:90%;
  464. padding:5%;
  465. background:{color:captions};
  466. margin-top:-3px;
  467. }
  468.  
  469. .like_and_reblog_buttons {
  470. list-style: none;
  471. }
  472.  
  473. .like_and_reblog_buttons li {
  474. float: left;
  475. border-radius: 3px;
  476. padding:5px;
  477. height:14px;
  478. width:15px;
  479. background-color:rgba(0,0,0,.5);
  480. }
  481.  
  482. .like_and_reblog_buttons li:first-child{
  483. margin-right:5px;
  484. }
  485.  
  486. .nnote{
  487. margin-left:5px;
  488. float: left;
  489. border-radius: 3px;
  490. padding:5px;
  491. height:14px;
  492. width:auto;
  493. background-color:rgba(0,0,0,.5);
  494. }
  495. .nnote a{
  496. font-size:11px;
  497. color:white;
  498. line-height:15px;
  499. }
  500.  
  501. .perma{
  502. position:absolute;
  503. bottom:9px;
  504. left:-30px;
  505. opacity: 0;
  506. -webkit-transition: 0.1s linear;
  507. -webkit-transition: all 0.1s ease-in-out;
  508. -moz-transition: all 0.1s ease-in-out;
  509. -o-transition: all 0.1s ease-in-out;
  510. }
  511.  
  512. .entry:hover .perma{
  513. opacity:1;
  514. }
  515.  
  516. </style>
  517. <title>{title}</title>
  518.  
  519. <link rel="shortcut icon" href="{Favicon}">
  520. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  521. <meta name="viewport" content="width=720" />
  522.  
  523. </head>
  524. <body>
  525.  
  526. <div id="sidebar">
  527. {block:ifshowtitle}
  528. {block:ifnotshowbannerimage}
  529. <div id="blogtitle">
  530. <a href="/">{title}</a>
  531. </div>
  532. {/block:ifnotshowbannerimage}
  533. {/block:ifshowtitle}
  534. {block:ifshowbannerimage}
  535. <a href="/" target="_blank"> <img src="{image:banner}" height=120px /></a>
  536. {/block:ifshowbannerimage}
  537. </div>
  538. </div>
  539.  
  540. <div id="cubehome">
  541. <span class="boxtitles"><a href="/">HOME</a></div></span>
  542.  
  543. <div id="cubeabout">
  544. <span class="boxtitles">ABOUT<BR><p></span>
  545. <div id="box">
  546. <span class="boxcontents">{description}</span>
  547. </div></div>
  548.  
  549. <div id="cubeask">
  550. <span class="boxtitles"><a href="/ask">MESSAGE</a><p></span>
  551. </div>
  552.  
  553. <div id="cubearchive">
  554. <span class="boxtitles"><a href="/archive">ARCHIVE</a><p></span>
  555. </div>
  556.  
  557. {block:ifshowsubmit}
  558. <div id="cubesubmit">
  559. <span class="boxtitles"><a href="/submit">SUBMIT</a><p></span>
  560. </div>
  561. {/block:ifshowsubmit}
  562.  
  563. <div id="cubelinks">
  564. <span class="boxtitles">LINKS<p></span>
  565. <div id="box"><span class="boxcontents">
  566. <a href="{text:link one url}">{text:link one title}</a><br>
  567. <a href="{text:link two url}">{text:link two title}</a><br>
  568. <a href="{text:link three url}">{text:link three title}</a><br>
  569. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a><br>{/block:Pages}{/block:HasPages}
  570. <a href="http://atlasdesigns.tumblr.com/">theme</a>
  571. </span></div></div>
  572.  
  573.  
  574. <div id="content">
  575. {block:Posts}
  576.  
  577. <div class="entry">
  578.  
  579. {block:Text}
  580. <div class="answer">{block:Title}<span class="title">{Title}</span>{/block:Title}
  581. {Body}
  582. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  583. <ul class="textbuttons">
  584. <li>{ReblogButton color="gray" size=15}</li>
  585. <li>{LikeButton color="gray" size=15}</li>
  586. </ul><br>
  587. {/block:IndexPage}
  588. </div>
  589. {/block:Text}
  590.  
  591. {block:Link}
  592. <div class="answer"><a href="{URL}"><span class="title">{Name}</span></a>
  593. {block:Description}{Description}{/block:Description}
  594. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  595. <ul class="textbuttons">
  596. <li>{ReblogButton color="gray" size=15}</li>
  597. <li>{LikeButton color="gray" size=15}</li>
  598. </ul><br>
  599. {/block:IndexPage}
  600. </div>
  601. {block:Link}
  602.  
  603. {block:Photo}
  604. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a></div>{LinkCloseTag}
  605. <div class="perma">
  606. <ul class="like_and_reblog_buttons">
  607. <li>{ReblogButton color="white" size="14"}</li>
  608. <li>{LikeButton color="white" size="14"}</li>
  609. <div class="nnote"><a href="{Permalink}">{NoteCount}</a></div>
  610. </ul>
  611. </div>
  612. {block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{LinkCloseTag}{/block:PermalinkPage}
  613. {/block:Photo}
  614.  
  615. {block:Photoset}
  616. <center>
  617. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  618. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  619. </center>
  620. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  621. <ul class="textbuttons">
  622. <li>{ReblogButton color="gray" size=15}</li>
  623. <li>{LikeButton color="gray" size=15}</li>
  624. </ul><br>
  625. {/block:IndexPage}
  626. {/block:Photoset}
  627.  
  628. {block:Quote}
  629. <div class="answer"><div class="title">{Quote}</div>- {Source}
  630. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  631. <ul class="textbuttons">
  632. <li>{ReblogButton color="gray" size=15}</li>
  633. <li>{LikeButton color="gray" size=15}</li>
  634. </ul><br>
  635. {/block:IndexPage}
  636. </div>
  637. {/block:Quote}
  638.  
  639. {block:Chat}
  640. <div class="answer">
  641. <div style="margin-left:3px;">
  642. {block:Title}<span class="title">{Title}</span>{/block:Title}
  643. <ul class="chat">
  644. {block:Lines}
  645. <li class="user_{UserNumber}">
  646. {block:Label}
  647. <span class="label">{Label}</span>
  648. {/block:Label}
  649. {Line}
  650. </li>
  651. {/block:Lines}
  652. </ul>
  653. </div>
  654. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  655. <ul class="textbuttons">
  656. <li>{ReblogButton color="gray" size=15}</li>
  657. <li>{LikeButton color="gray" size=15}</li>
  658. </ul><br>
  659. {/block:IndexPage}
  660. </div>
  661. {/block:Chat}
  662.  
  663. {block:Audio}
  664. {block:AlbumArt}
  665. <center><a href="{Permalink}"><img src="{AlbumArtURL}" width="100%"></a></center>
  666. {/block:AlbumArt}
  667. <div class="play">{AudioPlayerWhite}</div>
  668. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  669. {block:IndexPage}<div class="textnoteaudio"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  670. <ul class="textbuttons">
  671. <li>{ReblogButton color="gray" size=15}</li>
  672. <li>{LikeButton color="gray" size=15}</li>
  673. </ul><br>
  674. {/block:IndexPage}
  675. {/block:IndexPage}
  676. {/block:Audio}
  677.  
  678. {block:Answer}
  679. <div class="answer"><div style="font-size:11px;line-height:11px;font-style:italic;color:{color:links}"><i>{Asker} asked:</i></div><br><span class="title">{Question}</span><hr color={color:title}>{Answer}
  680. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  681. <ul class="textbuttons">
  682. <li>{ReblogButton color="gray" size=15}</li>
  683. <li>{LikeButton color="gray" size=15}</li>
  684. </ul><br>
  685. {/block:IndexPage}
  686. </div>
  687. {/block:Answer}
  688.  
  689. {block:Video}
  690. {block:IndexPage}
  691. <center>
  692. {Video-250}</center>
  693. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  694. <ul class="textbuttons">
  695. <li>{ReblogButton color="gray" size=15}</li>
  696. <li>{LikeButton color="gray" size=15}</li>
  697. </ul><br>
  698. {/block:IndexPage}
  699. {/block:IndexPage}
  700. {block:PermalinkPage}
  701. <center>
  702. {Video-500}</center>
  703. {/block:PermalinkPage}
  704. {block:Video}
  705.  
  706. {block:PermalinkPage}
  707.  
  708. <div class="permaside">
  709. {block:PostNotes}
  710. {block:Caption}{Caption}<br>{/block:caption}
  711. <center>
  712. <img src="http://static.tumblr.com/twte3d7/qg3lo2lcg/heart_fill_8x7.png"> {block:NoteCount}{NoteCountwithLabel}{/block:NoteCount}<br>
  713. <img src="http://static.tumblr.com/twte3d7/xn4lo2lba/clock_8x8.png"> {Timeago}<br><br></center>
  714. <div class="notess">{PostNotes}</div>
  715. {/block:PostNotes}
  716. </div>
  717.  
  718. {/block:PermalinkPage}
  719.  
  720. </div>
  721.  
  722. {/block:Posts}
  723.  
  724. {block:IndexPage}
  725. {block:Pagination}
  726. <div id="pagination">
  727. {block:NextPage}
  728. <a id="nextPage" href="{NextPage}"></a>
  729. {/block:NextPage}
  730. {block:PreviousPage}
  731. <a href="{PreviousPage}"></a>
  732. {/block:PreviousPage}
  733. </div>
  734. {/block:Pagination}
  735. {/block:IndexPage}
  736. </div>
  737.  
  738. <div style="position:fixed;z-index:99999999999999999999999999999999999; !important;top:28px;right:6px;-webkit-filter:invert(100%);"><a href="http://atlasdesigns.tumblr.com/"><img src="http://static.tumblr.com/2w7y46r/wuvmba8c2/installtheme.png"></a></div>
  739.  
  740. </body>
  741. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement