Advertisement
feiinho

Isis Atlas Designs atlasdesigns.co

May 3rd, 2018
495
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.12 KB | None | 0 0
  1. <!--
  2.  
  3. Isis Premium Theme by Atlas Designs
  4. http://atlasdesigns.co/
  5.  
  6. Do not remove credit or use as a base code.
  7.  
  8. Updated July 2013:
  9. - new drop-down description
  10. - post background
  11. - like/reblog buttons
  12. - formatted audio/chat posts
  13. - optional captions
  14. - larger posts
  15.  
  16. Updated November 2013:
  17. - auto-sizing columns
  18. - redesigned text posts
  19. - new colors/customizability options
  20. - bug fixes
  21.  
  22. -->
  23.  
  24. <html>
  25. <head>
  26.  
  27. <title>{title}</title>
  28.  
  29. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  30.  
  31. <link rel="shortcut icon" href="{Favicon}">
  32.  
  33. <script type="text/javascript"
  34. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35.  
  36. {block:IndexPage}
  37.  
  38. <script type="text/javascript"
  39. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  40. </script>
  41. <script type="text/javascript" language="javascript">
  42. $(function () {
  43. $('#scrlBotm').click(function () {
  44. $('html, body').animate({
  45. scrollTop: $(document).height()
  46. },
  47. 1500);
  48. return false;
  49. });
  50.  
  51. $('#scrlTop').click(function () {
  52. $('html, body').animate({
  53. scrollTop: '0px'
  54. },
  55. 1500);
  56. return false;
  57. });
  58. });
  59. </script>
  60.  
  61. <script type="text/javascript"
  62. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  63.  
  64. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  65.  
  66. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  67. <script type="text/javascript">
  68. $(window).load(function () {
  69. var $content = $('#content');
  70. $content.masonry({itemSelector: '.entry'}),
  71. $content.infinitescroll({
  72. navSelector : 'div#pagination',
  73. nextSelector : 'div#pagination a#nextPage',
  74. itemSelector : '.entry',
  75. loading: {
  76. finishedMsg: '',
  77. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  78. },
  79. bufferPx : 600,
  80. debug : false,
  81. },
  82. // call masonry as a callback.
  83. function( newElements ) {
  84. var $newElems = $( newElements );
  85. $newElems.hide();
  86. // ensure that images load before adding to masonry layout
  87. $newElems.imagesLoaded(function(){
  88. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  89. {/block:IndexPage}
  90.  
  91. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
  92.  
  93. <meta name="color:background" content="#ffffff" />
  94. <meta name="color:post background" content="#f0f0f0" />
  95. <meta name="color:header" content="#f0f0f0" />
  96. <meta name="color:post title" content="#ffffff" />
  97. <meta name="color:post title background" content="#0aa8e8" />
  98. <meta name="color:text" content="#000000" />
  99. <meta name="color:link" content="#828282" />
  100. <meta name="color:top links" content="#000000" />
  101. <meta name="color:link hover" content="#828282" />
  102. <meta name="color:scrollbar" content="#dddddd" />
  103. <meta name="color:description" content="#000000">
  104.  
  105. <meta name="text:message link" content="message">
  106. <meta name="text:archive link" content="index">
  107. <meta name="text:post top margin" content="100px">
  108.  
  109. <meta name="if:black arrow button" content="1">
  110. <meta name="if:header text center" content="1">
  111. <meta name="if:three columns" content="0">
  112. <meta name="if:four columns" content="0">
  113. <meta name="if:five columns" content="1">
  114. <meta name="if:nav hover" content="0">
  115. <meta name="if:visible description" content="1">
  116. <meta name="if:post shadow" content="0">
  117. <meta name="if:header shadow" content="1">
  118. <meta name="if:fixed header" content="0">
  119. <meta name="if:show captions" content="0">
  120. <meta name="if:three columns" content="0">
  121. <meta name="if:four columns" content="0">
  122. <meta name="if:show banner" content="0">
  123.  
  124. <meta name="image:background" content="" />
  125. <meta name="image:header" content="">
  126. <meta name="image:banner" content="">
  127.  
  128. <style type="text/css">
  129.  
  130. ::-webkit-scrollbar {width: 7px; height: 0px; background:{color:background};}
  131. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-radius:10px;}
  132.  
  133. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  134. .navigation {display:none!important;}
  135.  
  136. body {
  137. background-color: {color:background};
  138. background-image:url('{image:Background}');
  139. background-attachment: fixed;
  140. background-repeat: repeat;
  141. font-size:12px;
  142. font-family:arial;
  143. line-height:14px;
  144. text-transform:none;
  145. color: {color:text};
  146. }
  147.  
  148. #head{
  149. {block:ifnotfixedheader}
  150. position:absolute;
  151. {/block:ifnotfixedheader}
  152. {block:iffixedheader}
  153. position:fixed;
  154. {/block:iffixedheader}
  155. top:55px;
  156. {block:ifshowbanner}
  157. top:185px;
  158. {/block:ifshowbanner}
  159. {block:ifnotvisibledescription}
  160. {block:ifheadershadow}
  161. top:53px;
  162. {block:ifshowbanner}
  163. top:183px;
  164. {/block:ifshowbanner}
  165. {/block:ifheadershadow}
  166. {/block:ifnotvisibledescription}
  167. left:0px;
  168. width:40%;
  169. padding-left:30%;
  170. padding-right:30%;
  171. text-align:center;
  172. {block:ifnotheadertextcenter}
  173. width:70%;
  174. text-align:left;
  175. padding-left:40px;
  176. {/block:ifnotheadertextcenter}
  177. color:{color:description};
  178. padding-bottom:15px;
  179. background-color:{color:header};
  180. background-image:url('{image:header}');
  181. z-index:999;
  182. {block:ifvisibledescription}
  183. {block:ifheadershadow}
  184. box-shadow:0 .2em .2em rgba(0,0,0,.2);
  185. {/block:ifheadershadow}
  186. {/block:ifvisibledescription}
  187. {block:ifnotvisibledescription}
  188. {block:ifheadershadow}
  189. box-shadow:0 .2em .2em rgba(0,0,0,.2);
  190. {/block:ifheadershadow}
  191. {/block:ifnotvisibledescription}
  192. z-index:999999999999;
  193. }
  194.  
  195. .down{
  196. position:relative;
  197. top:3px;
  198. margin-left:-55px;
  199. padding-right:20px;
  200. cursor:pointer;
  201. }
  202.  
  203. .blogtitle{
  204. font-weight:400;
  205. {block:ifnotvisibledescription}
  206. margin-right:32px;
  207. {/block:ifnotvisibledescription}
  208. }
  209.  
  210. #nav{
  211. font-family:lato;
  212. {block:ifnotfixedheader}
  213. position:absolute;
  214. {/block:ifnotfixedheader}
  215. {block:iffixedheader}
  216. position:fixed;
  217. {/block:iffixedheader}
  218. top:0px;
  219. left:0px;
  220. width:100%;
  221. font-size:17px;
  222. line-height:55px;
  223. letter-spacing:1px;
  224. word-spacing:20px;
  225. text-align:center;
  226. {block:ifnotheadertextcenter}
  227. text-align:left;
  228. padding-left:40px;
  229. {/block:ifnotheadertextcenter}
  230. font-weight:300;
  231. text-transform:uppercase;
  232. color:{color:top links};
  233. background-color:{color:header};
  234. {block:ifheadershadow}
  235. box-shadow:0 0 5px #a3a3a3;
  236. {/block:ifheadershadow}
  237. background-image:url('{image:header}');
  238. -moz-transition: all 0.4s ease-in-out;
  239. -webkit-transition: all 0.4s ease-in-out;
  240. -o-transition: all 0.4s ease-in-out;
  241. -ms-transition: all 0.4s ease-in-out;
  242. transition: all 0.4s ease-in-out;
  243. z-index:9;
  244. }
  245.  
  246. #nav a{
  247. color:{color:top links};
  248. padding:3px;
  249. border-radius:3px;
  250. }
  251.  
  252. #nav a:hover{
  253. {block:ifnavhover}
  254. background-color:white;
  255. {/block:ifnavhover}
  256. color:{color:link hover};
  257. }
  258.  
  259. .answer img {
  260. width:100%;
  261. height:auto;
  262. {block:permalinkpage}
  263. width:auto;
  264. height:auto;
  265. {/block:permalinkpage}
  266. }
  267.  
  268. a{
  269. text-decoration:none;
  270. color:{color:link};
  271. -webkit-transition: all 0.4s linear;
  272. -moz-transition: all 0.4s linear;
  273. transition: all 0.4s linear;
  274. }
  275.  
  276. a:link, a:active, a:visited{
  277. color:{color:link};
  278. }
  279. a:hover{
  280. color:{color:link hover};
  281. }
  282.  
  283. #content {
  284. position: fixed;
  285. width:100%;
  286. left:40px;
  287. {block:ifthreecolumns}
  288. margin-left:10px;
  289. {block:ifthreecolumns}
  290. {block:iffourcolumns}
  291. margin-left:0px;
  292. {/block:iffourcolumns}
  293. margin-top:70px;
  294. {block:ifshowbanner}
  295. margin-top:200px;
  296. {/block:ifshowbanner}
  297. {block:ifvisibledescription}
  298. margin-top:{text:post top margin};
  299. {/block:ifvisibledescription}
  300. }
  301.  
  302. {block:IndexPage}
  303. #over{
  304. height:900px!important;
  305. position:absolute;
  306. top:0px;
  307. left:0px;
  308. width: 100%;
  309. }
  310. {/block:IndexPage}
  311.  
  312. .entry{
  313. margin:1%;
  314. float:left;
  315. height:auto;
  316. {block:IndexPage}
  317. width:17%;
  318. {block:iffourcolumns}
  319. width:22%;
  320. {/block:iffourcolumns}
  321. {block:ifthreecolumns}
  322. width:30%;
  323. {/block:ifthreecolumns}
  324. {/block:IndexPage}
  325. {block:PermalinkPage}
  326. top:20px;
  327. left:50%;
  328. margin-left:-555px;
  329. position:absolute;
  330. width:500px;
  331. height:auto;
  332. {/block:PermalinkPage}
  333. }
  334.  
  335. .answer{
  336. width:90%;
  337. padding:5%;
  338. background:{color:post background};
  339. {block:ifpostshadow}
  340. -webkit-box-shadow: 0 .2em .2em rgba(0,0,0,.2);
  341. -moz-box-shadow: 0 .2em .2em rgba(0,0,0,.2);
  342. box-shadow: 0 .2em .2em rgba(0,0,0,.2);
  343. {/block:ifpostshadow}
  344. }
  345.  
  346. .title{
  347. font-family:lato;
  348. font-size:18px;
  349. font-weight:700;
  350. line-height:22px;
  351. text-transform:none;
  352. color: {color:text};
  353. width:102%;
  354. padding:5%;
  355. color:{color:post title};
  356. background-color:{color:post title background};
  357. margin-left:-6%;
  358. margin-top:-6%;
  359. }
  360.  
  361. blockquote{
  362. padding:3px;
  363. margin:2px;
  364. border-left:2px solid #dddddd;
  365. }
  366.  
  367. .chat ul{
  368. list-style:none;
  369. margin-left:-40px;
  370. }
  371. .chat li{
  372. list-style:none;
  373. margin-left:-40px;
  374. border-bottom:2px solid {color:post title background};
  375. padding-top:7px;
  376. padding-bottom:7px;
  377. }
  378.  
  379. .label{
  380. font-weight:600;
  381. }
  382.  
  383. .play{
  384. position:absolute;
  385. left:50%;
  386. margin-left:-24px;
  387. top:50%;
  388. margin-top:-42px;
  389. border:10px solid white;
  390. height:27px;
  391. width:27px;
  392. border-radius:100%;
  393. overflow:hidden;
  394. }
  395.  
  396. .like_and_reblog_buttons {
  397. position:absolute;
  398. top:-7px;
  399. left:-33px;
  400. list-style: none;
  401. opacity:0;
  402. -webkit-transition: all 0.2s linear;
  403. -webkit-transition: all 0.2s linear;
  404. -moz-transition: all 0.2s linear;
  405. transition: all 0.2s linear;
  406. }
  407. .entry:hover .like_and_reblog_buttons{
  408. opacity:1;
  409. -webkit-transition: all 0.2s linear;
  410. -webkit-transition: all 0.2s linear;
  411. -moz-transition: all 0.2s linear;
  412. transition: all 0.2s linear;
  413. }
  414.  
  415. .like_and_reblog_buttons li {
  416. float: left;
  417. height:15px;
  418. width:15px;
  419. padding:6px;
  420. background:rgba(0,0,0,.2);
  421. border-radius:100%;
  422. margin-right:4px;
  423. }
  424.  
  425. .textbuttons ul{
  426. list-style:none;
  427. position:relative;
  428. }
  429. .answer .textbuttons ul{
  430. margin-top:7px;
  431. }
  432. .textbuttons li {
  433. list-style:None;
  434. float: right;
  435. }
  436. .textbuttons li:first-child {
  437. margin-left:12px;
  438. }
  439.  
  440. .textnote{
  441. position:absolute;
  442. left:0px;
  443. bottom:0px;
  444. font-weight:600;
  445. font-size:11px;
  446. }
  447. .answer .textnote{
  448. bottom:8px;
  449. left:5%;
  450. }
  451. .textnote a{
  452. color:#a3a3a3;
  453. {block:ifwhitebuttonsontextposts}
  454. color:white;
  455. {/block:ifwhitebuttonsontextposts}
  456. }
  457.  
  458. .permaside{
  459. position:absolute;
  460. left:510px;
  461. top:-20px;
  462. }
  463. .notess,.permacap,.permatime{
  464. width:450px;
  465. padding:20px;
  466. margin:20px;
  467. background-color:{color:post background};
  468. {block:ifpostshadow}
  469. -webkit-box-shadow: 0 .2em .2em rgba(0,0,0,.2);
  470. -moz-box-shadow: 0 .2em .2em rgba(0,0,0,.2);
  471. box-shadow: 0 .2em .2em rgba(0,0,0,.2);
  472. {/block:ifpostshadow}
  473. }
  474. .permatitle{
  475. font-family:pt sans;
  476. font-size:16px;
  477. line-height:18px;
  478. font-weight:600;
  479. }
  480. .notess{
  481. height:200px;
  482. overflow-y:auto;
  483. }
  484. .notess li{
  485. list-style-type:none;
  486. line-height:35px;
  487. margin-left:-40px;
  488. }
  489.  
  490. #question{
  491. font-weight:600;
  492. font-size:14px;
  493. width:90%;
  494. padding:5%;
  495. border-top-left-radius:3px;
  496. border-top-right-radius:3px;
  497. background-color:{color:post background};
  498. }
  499. #question .questriangle{
  500. position: absolute;
  501. margin-top:14px;
  502. left: 20px;
  503. width: 0px;
  504. height: 0px;
  505. border-style: solid;
  506. border-width: 18px 18px 0 18px;
  507. border-color: {color:post background} transparent transparent transparent;
  508. }
  509. .answerr{
  510. width:90%;
  511. padding:5%;
  512. background:{color:post background};
  513. {block:ifpostshadow}
  514. -webkit-box-shadow: 0 .2em .2em rgba(0,0,0,.2);
  515. -moz-box-shadow: 0 .2em .2em rgba(0,0,0,.2);
  516. box-shadow: 0 .2em .2em rgba(0,0,0,.2);
  517. {/block:ifpostshadow}
  518. }
  519.  
  520. {block:IndexPage}
  521. .entry .gradient{
  522. position: absolute;
  523. left:0px;
  524. top:0px;
  525. width:100%;
  526. height:37px;
  527. background:rgba(0,0,0,.2);
  528. opacity:0;
  529. -webkit-transition: all 0.2s linear;
  530. -webkit-transition: all 0.2s linear;
  531. -moz-transition: all 0.2s linear;
  532. transition: all 0.2s linear;
  533. }
  534. .entry:hover .gradient{
  535. opacity:1;
  536. -webkit-transition: all 0.2s linear;
  537. -webkit-transition: all 0.2s linear;
  538. -moz-transition: all 0.2s linear;
  539. transition: all 0.2s linear;
  540. }
  541. .permanote{
  542. position:absolute;
  543. top:11px;
  544. right:5px;
  545. font-weight:600;
  546. font-size:12px;
  547. opacity:0;
  548. }
  549. .permanote a{
  550. color:white;
  551. }
  552. .entry:hover .permanote{
  553. opacity:1;
  554. -webkit-transition: all 0.2s linear;
  555. -webkit-transition: all 0.2s linear;
  556. -moz-transition: all 0.2s linear;
  557. transition: all 0.2s linear;
  558. }
  559. {/block:IndexPage}
  560.  
  561. .caption{
  562. margin-top:-3px;
  563. width:94%;
  564. padding:3%;
  565. border-bottom-left-radius:3px;
  566. border-bottom-right-radius:3px;
  567. background:{color:captions};
  568. {block:ifpostshadow}
  569. -webkit-box-shadow: 0 .2em .2em rgba(0,0,0,.2);
  570. -moz-box-shadow: 0 .2em .2em rgba(0,0,0,.2);
  571. box-shadow: 0 .2em .2em rgba(0,0,0,.2);
  572. {/block:ifpostshadow}
  573. }
  574. .caption:before{
  575. content: "";
  576. display: block;
  577. position: absolute;
  578. margin-top:-16px;
  579. left: 20px;
  580. width: 0px;
  581. height: 0px;
  582. border-style: solid;
  583. border-width: 0 18px 18px 18px;
  584. border-color: transparent transparent {color:post background} transparent;
  585. }
  586.  
  587. .speclink{
  588. word-spacing:normal;
  589. }
  590.  
  591. #infscr-loading{
  592. opacity:0;
  593. }
  594.  
  595. iframe#tumblr_controls {position:fixed; z-index:9999999999999999999999999999999999999999 !Important; -webkit-filter: invert(100%);
  596. {block:PermalinkPage}
  597. top:{text:post top margin} !Important;
  598. right:50% !Important;
  599. margin-right:-510px !Important;
  600. {/block:PermalinkPage}
  601. }
  602.  
  603. {CustomCSS}
  604. </style>
  605.  
  606. </head>
  607. <body>
  608.  
  609. {block:ifnotvisibledescription}
  610. <script type="text/javascript">
  611. $(document).ready(function(){
  612. $("#head").hide(0);
  613. $(".down").click(function(){
  614. $("#head").slideToggle(300);
  615. });
  616. });
  617. </script>
  618. {/block:ifnotvisibledescription}
  619.  
  620. <div id="fb-root"></div>
  621. <script>(function(d, s, id) {
  622. var js, fjs = d.getElementsByTagName(s)[0];
  623. if (d.getElementById(id)) return;
  624. js = d.createElement(s); js.id = id;
  625. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  626. fjs.parentNode.insertBefore(js, fjs);
  627. }(document, 'script', 'facebook-jssdk'));</script>
  628.  
  629. <span id="nav">
  630. {block:ifshowbanner}<div style="padding-bottom:10px;"></div><a href="/"><img src="{image:banner}" height="100px"></a></div><br>{/block:ifshowbanner}
  631. <span class="blogtitle"><a href="/"><span class="speclink">{title}</span></a></span>
  632. {block:ifnotvisibledescription}<span class="down">{block:ifnotblackarrowbutton}<img src="http://static.tumblr.com/qqwi01i/Sxjnl5tkn/arrow-207-xxl.png" width=22px>{/block:ifnotblackarrowbutton}{block:ifblackarrowbutton}<img src="http://static.tumblr.com/qqwi01i/5iMnl5tsi/arrow-207-xxl__1_.png" width=22px>{/block:ifblackarrowbutton}</span>{/block:ifnotvisibledescription}
  633. <a href="/ask"><span class="speclink">{text:message link}</span></a>
  634. <a href="/archive"><span class="speclink">{text:archive link}</span></a>
  635. {block:HasPages}{block:Pages}<a href="{URL}"><span class="speclink">{Label}</span></a> {/block:Pages}{/block:HasPages}
  636. <a href="http://atlasdesigns.tumblr.com/"><span class="speclink">theme</span></a>
  637. </span>
  638.  
  639. <div id="head">
  640. {Description}
  641. </div>
  642.  
  643. <div id="content">
  644. <div id="over">
  645.  
  646. {block:Posts}
  647.  
  648. <div class="entry">
  649. {block:IndexPage}
  650. {/block:IndexPage}
  651.  
  652. {block:Text}
  653. <div class="answer">
  654. {block:Title}<div class="title">{Title}</div>{/block:Title}
  655. {Body}
  656. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  657. <ul class="textbuttons">
  658. <li>{ReblogButton color="gray" size=14}</li>
  659. <li>{LikeButton color="gray" size=14}</li>
  660. </ul><br>
  661. {/block:IndexPage}
  662. </div>
  663. {/block:Text}
  664.  
  665. {block:Link}
  666. <div class="answer"><a href="{URL}"><div class="title">{Name} →</div></a>
  667. {block:Description}{Description}{/block:Description}
  668. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  669. <ul class="textbuttons">
  670. <li>{ReblogButton color="gray" size=14}</li>
  671. <li>{LikeButton color="gray" size=14}</li>
  672. </ul><br>
  673. {/block:IndexPage}
  674. </div>
  675. {block:Link}
  676.  
  677. {block:Photo}
  678. {block:IndexPage}
  679. <div class="gradient"></div>
  680. <div class="permanote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  681. <ul class="like_and_reblog_buttons">
  682. <li>{ReblogButton color="white" size=15}</li>
  683. <li>{LikeButton color="white" size=15}</li>
  684. </ul>
  685. {/block:IndexPage}
  686. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=100%/></a></div>{LinkCloseTag}
  687. {block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  688. {/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/>{LinkCloseTag}{/block:PermalinkPage}
  689. {/block:Photo}
  690.  
  691. {block:Photoset}
  692. <center>
  693. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  694. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  695. </center>
  696. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  697. <ul class="textbuttons">
  698. <li>{ReblogButton color="gray" size=14}</li>
  699. <li>{LikeButton color="gray" size=14}</li>
  700. </ul><br>
  701. {/block:IndexPage}
  702. {/block:Photoset}
  703.  
  704. {block:Quote}
  705. <div class="answer"><div class="title"><i>"{Quote}"</i></div><br>- {Source}
  706. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  707. <ul class="textbuttons">
  708. <li>{ReblogButton color="gray" size=14}</li>
  709. <li>{LikeButton color="gray" size=14}</li>
  710. </ul><br>
  711. {/block:IndexPage}
  712. </div>
  713. {/block:Quote}
  714.  
  715. {block:Chat}
  716. <div class="answer">
  717. <div style="margin-left:3px;">
  718. {block:Title}<span class="title">{Title}</span>{/block:Title}
  719. <ul class="chat">
  720. {block:Lines}
  721. <li class="user_{UserNumber}">
  722. {block:Label}
  723. <span class="label">{Label}</span>
  724. {/block:Label}
  725. {Line}
  726. </li>
  727. {/block:Lines}
  728. </ul>
  729. </div>
  730. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  731. <ul class="textbuttons">
  732. <li>{ReblogButton color="gray" size=14}</li>
  733. <li>{LikeButton color="gray" size=14}</li>
  734. </ul><br>
  735. {/block:IndexPage}
  736. </div>
  737. {/block:Chat}
  738.  
  739. {block:Audio}
  740. {block:AlbumArt}
  741. <center><a href="{Permalink}"><img src="{AlbumArtURL}" width="100%"></a></center>
  742. {/block:AlbumArt}
  743. <div class="play">{AudioPlayerWhite}</div>
  744. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  745. <div class="gradient"></div>
  746. <div class="permanote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  747. <ul class="like_and_reblog_buttons">
  748. <li>{ReblogButton color="white" size=15}</li>
  749. <li>{LikeButton color="white" size=15}</li>
  750. </ul>
  751. {/block:IndexPage}
  752. {/block:Audio}
  753.  
  754. {block:Answer}
  755. <div class="answer"><div class="title"><div style="font-size:11px;line-height:11px;font-style:italic;color:{color:post title}"><i>{Asker} asked:</i></div>{Question}</div>{Answer}
  756. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  757. <ul class="textbuttons">
  758. <li>{ReblogButton color="gray" size=14}</li>
  759. <li>{LikeButton color="gray" size=14}</li>
  760. </ul><br>
  761. {/block:IndexPage}
  762. </div>
  763. {/block:Answer}
  764.  
  765. {block:Video}
  766. {block:IndexPage}
  767. <center>
  768. {Video-250}</center>
  769. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  770. <ul class="textbuttons">
  771. <li>{ReblogButton color="gray" size=14}</li>
  772. <li>{LikeButton color="gray" size=14}</li>
  773. </ul><br>
  774. {/block:IndexPage}
  775. {/block:IndexPage}
  776. {block:PermalinkPage}
  777. <center>
  778. {Video-500}</center>
  779. {/block:PermalinkPage}
  780. {block:Video}
  781.  
  782. {block:PostNotes}
  783. <div class="permaside">
  784. {block:Caption}<div class="permacap"><span class="permatitle">Caption:</span><br>{Caption}</div>{/block:Caption}
  785. <div class="permatime">{block:Date}<span class="permatitle">Posted:</span><br>{TimeAgo}{/block:Date}</div>
  786. <div class="notess"><span class="permatitle">{NoteCount} Notes:</span><br>{PostNotes}</div></div>
  787. {/block:PostNotes}
  788. </div>
  789.  
  790. {/block:Posts}
  791.  
  792. {block:IndexPage}
  793. {block:Pagination}
  794. <div id="pagination">
  795. {block:NextPage}
  796. <a id="nextPage" href="{NextPage}"></a>
  797. {/block:NextPage}
  798. {block:PreviousPage}
  799. <a href="{PreviousPage}"></a>
  800. {/block:PreviousPage}
  801. </div>
  802. {/block:Pagination}
  803. {/block:IndexPage}
  804. </div>
  805.  
  806. <a id="scrlTop" title="Top" href="#" style="position: fixed; bottom: 0px; right: 20px; padding:10px; z-index:99999999; background:{color:post background}; -webkit-box-shadow: 0 -.1em .2em rgba(0,0,0,.2); -moz-box-shadow: 0 -.1em .2em rgba(0,0,0,.2); box-shadow: 0 -.1em .2em rgba(0,0,0,.2);{/block:ifpostshadow} ">Scroll to Top</a>
  807.  
  808. </body>
  809. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement