Advertisement
Sebastianstnn

Theme 11: Princess

Nov 21st, 2015
1,695
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.93 KB | None | 0 0
  1.  
  2. <!DOCTYPE html>
  3. <head>
  4. <!-- Theme 11: Princess
  5. by noahccerny/nemesisthemes
  6. -please don't be a jerk
  7. -don't steal
  8. -don't claim as your own
  9. -don't use as a base code
  10. -thank you
  11. -->
  12.  
  13. <title>{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!--Default Variables-->
  20.  
  21. <meta name="color:Background" content="#f2f2f2"/>
  22. <meta name="color:Text" content="#aaaaaa"/>
  23. <meta name="color:Link" content="#000000"/>
  24. <meta name="color:hover" content="#aaaaaa"/>
  25. <meta name="color:accent" content="#a1a1a1"/>
  26. <meta name="color:scrollbar" content="#ffffff"/>
  27. <meta name="color:scrollbarthingy" content="#a1a1a1"/>
  28. <meta name="color:headertext" content="#ffffff"/>
  29. <meta name="color:header" content="#000000"/>
  30. <meta name="color:Gradient 1" content="#FFCBF8"/>
  31. <meta name="color:Gradient 2" content="#FC7DFF"/>
  32.  
  33. <meta name="select:Background" content="solid color" title="solid color">
  34. <meta name="select:Background" content="gradient" title="gradient">
  35. <meta name="select:Background" content="pattern" title="pattern">
  36. <meta name="select:Background" content="cover" title="cover">
  37.  
  38.  
  39. <meta name="if:Hidden Captions" content="1"/>
  40.  
  41. <meta name="image:Background Image" content=""/>
  42.  
  43. <meta name="text:secondtitle" content="Title here"/>
  44. <meta name="text:Link 1 URL" content="/" />
  45. <meta name="text:Link 1" content="" />
  46. <meta name="text:Link 2 URL" content="/" />
  47. <meta name="text:Link 2" content="" />
  48. <meta name="text:Link 3 URL" content="/" />
  49. <meta name="text:Link 3" content="" />
  50. <meta name="text:Link 4 URL" content="/" />
  51. <meta name="text:Link 4" content="" />
  52. <meta name="text:Link 5 URL" content="/" />
  53. <meta name="text:Link 5" content="" />
  54.  
  55.  
  56.  
  57. <!-- scripts and shit - DON'T TOUCH UNLESS YOU KNOW WHAT YOU ARE DOING -->
  58.  
  59.  
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61.  
  62. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  63.  
  64. <script>
  65.  
  66. (function($){
  67.  
  68. $(document).ready(function(){
  69.  
  70. $("a[title]").style_my_tooltips({
  71.  
  72. tip_follows_cursor:true,
  73.  
  74. tip_delay_time:30,
  75.  
  76. tip_fade_speed:300,
  77.  
  78. attribute:"title"
  79.  
  80. });
  81.  
  82. });
  83.  
  84. })(jQuery);
  85.  
  86. </script>
  87.  
  88.  
  89.  
  90. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  91.  
  92. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  93.  
  94. <link href='http://fonts.googleapis.com/css?family=Roboto:400,100&subset=latin-ext' rel='stylesheet' type='text/css'>
  95.  
  96. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  97.  
  98. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  99.  
  100. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  101. <script>
  102. $(window).scroll(function() {
  103. var scrollTopVal = $(this).scrollTop();
  104. if ( scrollTopVal < 300 ) {
  105. $('#header').css({'opacity':'1'});
  106. } else {
  107. $('#header').css({'opacity':'0'});
  108. }
  109. });
  110. </script>
  111.  
  112. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  113.  
  114.  
  115. <!--CSS customization here. -->
  116.  
  117. <style type="text/css">
  118.  
  119. #s-m-t-tooltip{
  120. max-width:300px;
  121. z-index:10;
  122. margin:24px 14px 7px 12px;
  123. padding:6px;
  124. background:{color:accent};
  125. font-size:11px;
  126. color:#fff;
  127. }
  128.  
  129.  
  130. ::selection {background-color:{color:accent};}
  131.  
  132. ::-webkit-scrollbar { width: 7px; height: 4px; }
  133. ::-webkit-scrollbar-button:start:decrement,
  134. ::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #fff; }
  135. ::-webkit-scrollbar-track-piece { background: {color:scrollbar}; }
  136. ::-webkit-scrollbar-thumb {height: 50px; background-color:{color:scrollbarthingy} }
  137.  
  138.  
  139.  
  140. /*basics*/
  141. blockquote {padding:5px 0 5px 20px;
  142. border-left:1px solid {color:accent};
  143. margin-left:20px;
  144. }
  145.  
  146. body {
  147. background:{color:background};
  148. color:{color:text};
  149. font-family: 'Roboto', sans-serif;
  150. font-size:10px;
  151. text-align:justify;
  152. margin:0;
  153. line-height:16px;
  154. }
  155.  
  156. .solid color {
  157. background:{color:background};
  158. }
  159.  
  160. .cover {
  161. background: url({image:Background Image})
  162. no-repeat center center fixed;
  163. -webkit-background-size: cover;
  164. -moz-background-size: cover;
  165. -o-background-size: cover;
  166. background-size: cover;
  167.  
  168. }
  169.  
  170. .pattern {
  171. background: url({image:Background Image});
  172. background-repeat:repeat;
  173. background-attachment: fixed;
  174.  
  175. }
  176.  
  177. .gradient {
  178. background: {color:Gradient 1}; /* Old browsers */
  179. background: -moz-linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 100%); /* FF3.6+ */
  180. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{color:Gradient 1}), color-stop(100%,{color:Gradient 2})); /* Chrome,Safari4+ */
  181. background: -webkit-linear-gradient(top, {color:Gradient 1} 0%,{color:Gradient 2} 100%); /* Chrome10+,Safari5.1+ */
  182. background: -o-linear-gradient(top, {color:Gradient 1} 0%,{color:Gradient 2} 100%); /* Opera 11.10+ */
  183. background: -ms-linear-gradient(top, {color:Gradient 1} 0%,{color:Gradient 2} 100%); /* IE10+ */
  184. background: linear-gradient(to bottom, {color:Gradient 1} 0%,{color:Gradient 2} 100%); /* W3C */
  185. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Gradient 1}', endColorstr='{color:Gradient 2}',GradientType=0 ); /* IE6-9 */
  186. background-attachment: fixed;
  187. }
  188.  
  189.  
  190. a {
  191. color:{color:link};
  192. text-decoration:none;
  193. -webkit-transition:all 0.2s;
  194. -moz-transition:all 0.2s;
  195. -o-transition:all 0.2s;
  196. transition:all 0.2s;
  197. }
  198.  
  199. a:hover {
  200. text-decoration:none;
  201. text-shadow:1px 2px 1px {color:accent};
  202. -webkit-transition:all 0.2s;
  203. -moz-transition:all 0.2s;
  204. -o-transition:all 0.2s;
  205. transition:all 0.2s;
  206. }
  207.  
  208. img{opacity:1;
  209. border:none;
  210. text-decoration:none}
  211.  
  212.  
  213. small {
  214. font-size:9px;}
  215.  
  216. big {
  217. font-size:12px;}
  218.  
  219.  
  220. #title {font-size:12px;
  221. line-height:18px;
  222. font-weight:bold;
  223. margin-bottom:10px;
  224. text-transform:uppercase;
  225. text-align:left;
  226. }
  227.  
  228.  
  229.  
  230.  
  231. /*header and footer*/
  232. #header {
  233. z-index:1;
  234. top:0;
  235. left:0;
  236. right:0;
  237. text-align:center;
  238. width:100%;
  239. padding-top:20px;
  240. padding-bottom:10px;
  241. position:fixed;
  242. color:{color:headertext};
  243. background-color:{color:header};
  244. opacity:1;
  245. -webkit-transition:all 0.2s;
  246. -moz-transition:all 0.2s;
  247. -o-transition:all 0.2s;
  248. transition:all 0.2s;
  249. }
  250.  
  251.  
  252. #secondtitle {
  253. margin-top:20px;
  254. font-size:24px;
  255. font-weight:bold;
  256. display:inline-block;
  257. font-family: 'Roboto', sans-serif;
  258. text-transform:uppercase;
  259. letter-spacing:10px;
  260. font-style:italic;
  261. -webkit-transition:all 0.2s ease;
  262. -moz-transition:all 0.2s ease;
  263. -o-transition:all 0.2s ease;
  264. transition:all 0.2s ease;
  265. }
  266.  
  267.  
  268. #secondtitle:hover {
  269. text-shadow: 0 0 5px #fff,
  270. 0 0 10px #fff,
  271. 0 0 15px #fff,
  272. 0 0 20px {color:accent},
  273. 0 0 30px {color:accent},
  274. 0 0 40px {color:accent},
  275. 0 0 50px {color:accent},
  276. 0 0 75px {color:accent};
  277. -webkit-transition:all 0.2s ease;
  278. -moz-transition:all 0.2s ease;
  279. -o-transition:all 0.2s ease;
  280. transition:all 0.2s ease;
  281. }
  282.  
  283.  
  284.  
  285. .tabs {
  286. width:100%;
  287. margin-left:-50px;
  288. display:inline-block;
  289. }
  290.  
  291. /*----- Tab Links -----*/
  292.  
  293. /* Clearfix */
  294. .tab-links:after {
  295. display:block;
  296. clear:both;
  297. content:'';
  298. }
  299.  
  300. .tab-links li {
  301. margin:0px 3px;
  302. display:inline-block;
  303. list-style:none;
  304. }
  305.  
  306. .tab-links a {
  307. margin-right:5px;
  308. display:inline-block;
  309. margin-bottom:5px;
  310. padding:5px;
  311. word-spacing:20px;
  312. text-transform:uppercase;
  313. color:{color:headertext};
  314. }
  315.  
  316. .tab-links a:hover {
  317. color:{color:accent};
  318. text-decoration:none;
  319. }
  320.  
  321. li.active a, li.active a:hover {
  322. background:transparent;
  323. color:;
  324. border:1px dotted {color:accent};
  325. -webkit-transition: all .3s;
  326. -moz-transition: all .3s;
  327. -o-transition: all .3s;
  328. -ms-transition: all .3s;
  329. transition: all .3s;
  330. }
  331.  
  332. /*----- Content of Tabs -----*/
  333. .tab-content {
  334. padding:15px;
  335. }
  336.  
  337. .tab {
  338. display:none;
  339. }
  340.  
  341. .tab.active {
  342. display:block;
  343. }
  344.  
  345. #links {
  346. line-height:16px;
  347. text-transform:lowercase;
  348. word-spacing:10px;
  349. font-size:10px;
  350. color:{color:headertext};
  351. }
  352.  
  353.  
  354. #links a {
  355. margin-right:5px;
  356. display:inline-block;
  357. margin-bottom:5px;
  358. padding:5px;
  359. word-spacing:20px;
  360. text-transform:uppercase;
  361. color:{color:headertext};
  362. }
  363.  
  364. #links a:hover {
  365. color:{color:accent};
  366. text-decoration:none;
  367. }
  368.  
  369. #description {
  370. margin:20px 0;
  371. text-align:right;
  372. width:500px;
  373. margin-left:auto;
  374. margin-right:auto;
  375. display:inline-block;
  376. }
  377.  
  378.  
  379. #footer {
  380. bottom:0;
  381. z-index:1;
  382. position:fixed;
  383. background-color:{color:header};
  384. color:{color:headertext};
  385. max-height:50px;
  386. width:100%;
  387. left:0;
  388. text-align:center;
  389. }
  390.  
  391. /*pagination*/
  392. #pagination {
  393. margin:50px 0;
  394. text-transform:uppercase;
  395. font-weight:bold;
  396. text-align:center;
  397. }
  398.  
  399. #pagination a {
  400. padding:0 15px;
  401. letter-spacing:2px;
  402. word-spacing:4px;
  403. text-align:center;
  404. }
  405.  
  406. /*container*/
  407. #con {
  408. left:50%;
  409. margin-left:-200px;
  410. position:absolute;
  411. }
  412.  
  413.  
  414.  
  415. /*posts*/
  416.  
  417. #entries {
  418. margin-top:220px;
  419. width:300px;
  420. }
  421.  
  422.  
  423.  
  424. #posts {
  425. padding:50px 50px 80px 50px;
  426. background:white;
  427. margin-right:20px;
  428. width:250px;
  429. {block:IndexPage}
  430. margin-bottom:75px;
  431. {/block:IndexPage}
  432. {block:PermalinkPage}
  433. margin-bottom:50px;
  434. {/block:PermalinkPage}
  435.  
  436. }
  437. #posts img {
  438. max-width:250px;
  439. }
  440.  
  441. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  442. .caption {width:100%;
  443. margin-top:10px;
  444.  
  445. }
  446.  
  447. /*quote*/
  448.  
  449. #titlequote{text-align:left;
  450. font-size:14px;
  451. line-height:18px;
  452. font-weight:bold;
  453. }
  454. #source {
  455. margin-top:15px;
  456. margin-left:15px;}
  457.  
  458. /*audio*/
  459.  
  460. .playerbuttonbg {
  461. position: absolute;
  462. left: 20px;
  463. top: 20px;
  464. width: 19px;
  465. height: 19px;
  466. background-color: #ffffff;
  467. padding: 10px;
  468. -webkit-border-radius: 40px;
  469. -moz-border-radius: 40px;
  470. border-radius: 40px;
  471. opacity: .4;
  472. filter: alpha(opacity=40);
  473. -moz-opacity: 0.4;
  474. -khtml-opacity: 0.4;
  475. transition: opacity .7s ease-in-out;
  476. -moz-transition: opacity .7s ease-in-out;
  477. -webkit-transition: opacity .7s ease-in-out;
  478. }
  479.  
  480. .playerbuttonbg:hover {
  481. opacity: 1;
  482. filter: alpha(opacity=100);
  483. -moz-opacity: 1;
  484. -khtml-opacity: 1;
  485. }
  486.  
  487. .newplayerbutton {
  488. position: relative;
  489. width: 19px;
  490. height: 19px;
  491. overflow: hidden;
  492. }
  493.  
  494. .playerbuttonhug {
  495. position: absolute;
  496. top: -18px;
  497. left: -7px;
  498. }
  499.  
  500. .tumblr_audio_player {
  501. height: 90px;
  502. width: 270px;
  503. -moz-transform: scale(0.60, 0.60);
  504. -webkit-transform: scale(0.60, 0.60);
  505. -o-transform: scale(0.60, 0.60);
  506. -ms-transform: scale(0.60, 0.60);
  507. transform: scale(0.60, 0.60);
  508. -moz-transform-origin: top left;
  509. -webkit-transform-origin: top left;
  510. -o-transform-origin: top left;
  511. -ms-transform-origin: top left;
  512. transform-origin: top left;
  513. }
  514.  
  515. .audioimgwrapper {
  516. position: absolute;
  517. left: 0px;
  518. top: 0px;
  519. -webkit-border-radius: 40px;
  520. -moz-border-radius: 40px;
  521. border-radius: 40px;
  522. overflow: hidden;
  523. width: 79px;
  524. height: 79px;
  525. }
  526.  
  527. .audioimgwrapper img {
  528. width: 100%;
  529. height: auto;
  530. -webkit-border-radius: 40px;
  531. -moz-border-radius: 40px;
  532. border-radius: 40px;
  533. }
  534.  
  535. .trackdetails {
  536. width: auto;
  537. padding:10px;
  538. margin-top:-10px;
  539. display:inline-block;
  540. margin-left: 90px;
  541. min-height: 85px;
  542. background-color:{color:accent};
  543. z-index:99999;
  544. }
  545.  
  546. .audiowrapper {
  547. position: relative;
  548. display:inline-block;
  549. }
  550.  
  551.  
  552. /*asks*/
  553. .q {
  554. margin-bottom:10px;
  555. background-color:{color:accent};
  556. padding:10px;
  557. }
  558.  
  559. .as {
  560. font-weight:bold;
  561. }
  562.  
  563.  
  564.  
  565. .arrow-down {
  566. width: 0;
  567. height: 0;
  568. border-left: 15px solid transparent;
  569. border-right: 15px solid transparent;
  570. margin-left:140px;
  571. margin-top:-10px;
  572. border-top: 15px solid {color:accent};
  573. }
  574.  
  575.  
  576. .a {
  577. margin-top:10px;
  578. }
  579.  
  580.  
  581. /*chat*/
  582.  
  583. .chat ol {
  584. padding:0;
  585. list-style:none;
  586. }
  587. .line {padding:5px 0;}
  588.  
  589. .label {font-weight:bold;
  590. }
  591.  
  592.  
  593.  
  594.  
  595.  
  596. /*permalink and notes*/
  597.  
  598. #permalink {
  599. margin-top:15px;
  600. font-size:9px;
  601. text-transform:uppercase;
  602. margin-top:-30px;
  603. opacity:0;
  604. -webkit-transition:all 0.2s;
  605. -moz-transition:all 0.2s;
  606. -o-transition:all 0.2s;
  607. transition:all 0.2s;
  608. }
  609.  
  610. #permalink a {
  611. margin-right:10px;
  612.  
  613. }
  614.  
  615. #posts:hover #permalink {
  616. margin-top:10px;
  617. margin-bottom:-50px;
  618. opacity:1;
  619. -webkit-transition:all 0.2s;
  620. -moz-transition:all 0.2s;
  621. -o-transition:all 0.2s;
  622. transition:all 0.2s;
  623. }
  624.  
  625.  
  626. .tags {
  627. word-break:break-all;
  628. max-height:50px;
  629. font-size:9px;
  630. margin-top:-30px;
  631. opacity:0;
  632. -webkit-transition:all 0.2s;
  633. -moz-transition:all 0.2s;
  634. -o-transition:all 0.2s;
  635. transition:all 0.2s;
  636. }
  637.  
  638. .tags a{
  639. background-color:{color:header};
  640. color:{color:headertext};
  641. padding:5px;
  642. word-spacing:5px;
  643. }
  644.  
  645. #posts:hover .tags {
  646. margin-top:10px;
  647. opacity:1;
  648. -webkit-transition:all 0.2s;
  649. -moz-transition:all 0.2s;
  650. -o-transition:all 0.2s;
  651. transition:all 0.2s;
  652. }
  653.  
  654. .pagenotes {
  655. {block:IndexPage}
  656. display: none!important;
  657. {/block:IndexPage}
  658. width:300px;
  659. text-align:left;
  660.  
  661. }
  662. .pagenotes img {
  663. display:none!important;}
  664. .pagenotes li {
  665. list-style-type:none;
  666. padding:5px 0px;
  667. text-align:left;
  668. margin:0 0 0 -40px;
  669. }
  670.  
  671. #cred {
  672. position:fixed;
  673. bottom:10px;
  674. right:15px;
  675. font-size:10px;
  676. padding:5px;
  677. color:{color:text};
  678. transition-duration: 0.8s;
  679. -moz-transition-duration: 0.8s;
  680. -webkit-transition-duration: 0.8s;
  681. -o-transition-duration: 0.8s;
  682. }
  683.  
  684. #cred:hover {
  685. border-radius:100%;
  686. background-color:{color:accent};
  687. transition-duration: 0.8s;
  688. -moz-transition-duration: 0.8s;
  689. -webkit-transition-duration: 0.8s;
  690. -o-transition-duration: 0.8s;
  691. }
  692.  
  693.  
  694.  
  695.  
  696.  
  697. {CustomCSS}
  698.  
  699.  
  700. </style>
  701.  
  702.  
  703.  
  704. </head>
  705.  
  706. <body>
  707. <body class="{select:Background}" class="{select:Font}">
  708.  
  709. <div id="con">
  710.  
  711. <div id="header">
  712. <div id="secondtitle">{text:secondtitle}</div> <div id="description">{Description}</div>
  713. </div>
  714.  
  715.  
  716. <div id="footer">
  717. <div class="tabs">
  718. <ul class="tab-links">
  719. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  720. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  721. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  722. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 3}</a> {/block:ifLink4}
  723. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a> {/block:ifLink5}
  724. </ul>
  725. </div>
  726.  
  727. </div>
  728.  
  729.  
  730. <!-- TAB 1 -->
  731. <div id="tab1" class="tab active">
  732. <div class="tab-content">
  733.  
  734.  
  735. <div id="entries">
  736.  
  737.  
  738.  
  739. {block:Posts}
  740. <div id="posts">
  741.  
  742.  
  743. {block:Quote}
  744.  
  745.  
  746. <div id="titlequote">“{Quote}”</div>
  747. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  748. {/block:Quote}
  749.  
  750.  
  751.  
  752. {block:Text}
  753.  
  754. {block:Title}
  755. <div id="title">{Title}</div>{/block:Title}
  756. {Body}
  757. {/block:Text}
  758.  
  759. {block:Link}
  760. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  761. {/block:Link}
  762.  
  763. {block:Chat}
  764. {block:Title}
  765. <h1>{Title}</h1>
  766. {/block:Title}
  767. <div class="chat">
  768. <ol>{block:Lines}
  769. <li class="line {Alt}">
  770. {block:Label}
  771. <span class="label">
  772. {Label}</span>
  773. {/block:Label}{Line}</li>
  774. {/block:Lines}
  775. </ol></div>
  776. {/block:Chat}
  777.  
  778. {block:Photo}
  779. {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}
  780. {/block:Photo}
  781.  
  782. {block:Photoset}
  783. {Photoset-250}
  784. {/block:Photoset}
  785.  
  786. {block:Video}
  787. {Video-250}
  788. {/block:Video}
  789.  
  790. {block:AudioPlayer}
  791. <div class="audiowrapper">
  792. {block:AlbumArt}
  793. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  794. {/block:AlbumArt}
  795.  
  796. <div class="playerbuttonbg">
  797. <div class="newplayerbutton">
  798. <div class="playerbuttonhug">
  799.  
  800. {AudioPlayerWhite}
  801.  
  802. </div>
  803. </div>
  804. </div>
  805.  
  806. <div class="trackdetails">
  807.  
  808. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  809. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  810. {block:Album}Album: {Album}{/block:Album}<br/>
  811. {PlayCountWithLabel}
  812.  
  813. </div>
  814. </div>
  815. {/block:AudioPlayer}
  816.  
  817.  
  818.  
  819. {block:Answer}
  820. <div class="q">
  821. <div class="as">{Asker} said: </div>
  822. {Question}</div>
  823. <div class="arrow-down"></div>
  824. <div class="a">{Answer}</div>
  825. {/block:Answer}
  826.  
  827. {block:IfNotHiddenCaptions}
  828. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  829. {/block:IfNotHiddenCaptions}
  830.  
  831. {block:IfHiddenCaptions}
  832. {block:PermalinkPage}
  833. <a href="{Permalink}" >{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</a>
  834. {/block:PermalinkPage}
  835. {/block:IfHiddenCaptions}
  836.  
  837. {block:Date}
  838. <div id="permalink">
  839. <a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  840. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  841. </div>
  842. {/block:Date}
  843.  
  844.  
  845.  
  846.  
  847.  
  848. </div>
  849.  
  850.  
  851.  
  852. {block:PostNotes}
  853. <div class="pagenotes">
  854. {PostNotes}
  855. </div>
  856. {/block:PostNotes}
  857.  
  858.  
  859. {/block:Posts}
  860.  
  861.  
  862. <div id="pagination">
  863. {block:Pagination}
  864. {block:PreviousPage}
  865. <a href="{PreviousPage}">&larr; retreat </a>
  866. {/block:PreviousPage}
  867.  
  868.  
  869. {block:NextPage}
  870. <a href="{NextPage}">attack &rarr;</a>
  871. {/block:NextPage}
  872. {/block:Pagination}
  873. </div>
  874.  
  875.  
  876.  
  877.  
  878.  
  879.  
  880. </div>
  881. </div>
  882. </div>
  883.  
  884. </div>
  885.  
  886.  
  887. </div>
  888.  
  889.  
  890.  
  891. </div>
  892.  
  893. {block:ContentSource}
  894. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  895. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  896. {/block:SourceLogo}
  897. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  898. {/block:ContentSource}
  899.  
  900.  
  901. <div id="cred"><a href="http://nemesisthemes.tumblr.com" title="nemesisthemes"><i class="fa fa-code"></i></div>
  902.  
  903. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement