6THEMES

ALLY ( 2 ) — THEME BY SIX.

Nov 24th, 2017
2,500
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.55 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6. ✱ khevinday.tumblr.com -- codes by six. ✱
  7.  
  8. - do not redistribute
  9. - do not copy any parts of the following code
  10.  
  11. ✱ thank you for using my themes! ✱
  12.  
  13.  
  14.  
  15.  
  16. -->
  17. <html>
  18. <head>
  19.  
  20. <!-- META TAGS, SCRIPTS & GOOGLE FONTS -->
  21.  
  22.  
  23. <meta name="color:background" content="#eaeaea">
  24. <meta name="color:container" content="#f5f5f5" />
  25. <meta name="color:container border" content="#e2e2e2"/>
  26. <meta name="color:sidebar" content="#f0f0f0"/>
  27. <meta name="color:posts" content="#f8f8f8" />
  28. <meta name="color:borders" content="#e7e7e7"/>
  29. <meta name="color:accent" content="#c0bdb8" />
  30. <meta name="color:accent shadow" content="#bbb9b4" />
  31. <meta name="color:text" content="#c0bdb8" />
  32. <meta name="color:link" content="#c0bdb8" />
  33. <meta name="color:link hover" content="#fdfdfd" />
  34. <meta name="color:bold" content="#777777" />
  35. <meta name="color:italic" content="#bbbbbb"/>
  36.  
  37. <meta name="image:page bg" content=""/>
  38. <meta name="image:icon1" content=""/>
  39. <meta name="image:icon2" content=""/>
  40. <meta name="image:icon3" content=""/>
  41. <meta name="image:icon4" content=""/>
  42.  
  43. <meta name="if:grayscale" content="1"/>
  44.  
  45. <meta name="text:link1" content="/URLHERE" />
  46. <meta name="text:link1 title" content="first link title" />
  47. <meta name="text:link2" content="/URLHERE" />
  48. <meta name="text:link2 title" content="second link title" />
  49. <meta name="text:title" content="Title Here" />
  50. <meta name="text:subtitle" content="this is the subtitle" />
  51. <meta name="text:bottom subtitle" content="second subtitle." />
  52.  
  53. <link rel="shortcut icon" href="{Favicon}" />
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  55. <title>{Title}</title>
  56. {block:Description}<meta name="description" content="{MetaDescription}" /> {/block:Description}
  57.  
  58. <script>
  59. function openCity(evt, cityName) {
  60. var i, tabcontent, tablinks;
  61. tabcontent = document.getElementsByClassName("tabcontent");
  62. for (i = 0; i < tabcontent.length; i++) {
  63. tabcontent[i].style.display = "none";
  64. }
  65. tablinks = document.getElementsByClassName("tablinks");
  66. for (i = 0; i < tablinks.length; i++) {
  67. tablinks[i].className = tablinks[i].className.replace(" active", "");
  68. }
  69. document.getElementById(cityName).style.display = "block";
  70. evt.currentTarget.className += " active";
  71. }
  72. </script>
  73.  
  74. <script type="text/javascript">
  75. $(document).ready(function(){
  76.  
  77. $('ul.tabs li').click(function(){
  78. var tab_id = $(this).attr('data-tab');
  79.  
  80. $('ul.tabs li').removeClass('current');
  81. $('.tab-content').removeClass('current');
  82.  
  83. $(this).addClass('current');
  84. $("#"+tab_id).addClass('current');
  85. })
  86.  
  87. })
  88. </script>
  89.  
  90. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  91. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  92.  
  93. <script>
  94. (function($){
  95. $(document).ready(function() {
  96. $("a[title]").style_my_tooltips({
  97. tip_follows_cursor:true,
  98. tip_delay_time:90,
  99. tip_fade_speed:600,
  100. attribute:"title"
  101. });
  102. });
  103. })(jQuery);
  104. </script>
  105.  
  106. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  107.  
  108. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  109.  
  110. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  111.  
  112. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  113.  
  114. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  115.  
  116. <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
  117. rel="stylesheet">
  118.  
  119. <link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
  120.  
  121. <style type="text/css">
  122.  
  123. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{ position:fixed; white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; margin-top:2px; z-index:999999999999999;}
  124.  
  125. #s-m-t-tooltip { max-width:300px; border-radius: 8px; padding:0px 5px; margin:25px 20px 5px 0px; color:{color:text}; background: {color:container}; border:1px solid {color:borders}; z-index:99999; font-size:7px; text-transform:uppercase; font-family:arial; letter-spacing:2px; font-weight:bold; z-index:999999999999999; }
  126.  
  127. ::-webkit-scrollbar { width: 1px; height:3px; background: transparent;}
  128. ::-webkit-scrollbar-thumb { background-color: transparent; -webkit-border-radius: 1ex; }
  129.  
  130. /* ---- tumblr controls by @CYANTISTS ---- */
  131.  
  132. iframe.tmblr-iframe { z-index:99999999999999!important; top:0!important; right:0!important; opacity:0.4;
  133.  
  134. transform:scale(0.75); transform-origin:100% 0; -webkit-transform:scale(0.75); -webkit-transform-origin:100% 0; -o-transform:scale(0.75); -o-transform-origin:100% 0; -moz-transform:scale(0.75); -moz-transform-origin:100% 0; -ms-transform:scale(0.75); -ms-transform-origin:100% 0; }
  135.  
  136. iframe.tmblr-iframe:hover { opacity:0.6!important; }
  137.  
  138.  
  139. /* ---- TEXTS & CUSTOM FONTS ----*/
  140.  
  141. @font-face{ font-family:"astronout"; src: url('https://dl.dropboxusercontent.com/s/v6587r3a6m8y5eh/Astronout.ttf’)'); }
  142.  
  143. a:link, a:active, a:visited { color: {color:link}; text-decoration:none; }
  144.  
  145. a:hover { color:{color:link hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  146.  
  147. small, sub, sup { font-size:9px; }
  148.  
  149. big { font-size:auto; }
  150.  
  151. b, strong { color:{color:bold} }
  152.  
  153. h1 { background-color:{color:sidebar}; border-radius:8px; font-size:18px; text-align:center; font-family: 'Montserrat'; text-transform:uppercase; letter-spacing:3px; color:{color:text}; font-size:7px; padding:10px; }
  154.  
  155. h2 { text-transform:uppercase; text-align:center; font-family: 'Montserrat'; letter-spacing:4px; font-size:7px; color:{color:italic}; }
  156.  
  157. i, em { color:{color:italic}; }
  158.  
  159. p { margin-top:6px; margin-bottom:6px; }
  160.  
  161. blockquote { padding:0px; padding-left:10px; margin:8px; border-left:1px solid {color:borders}; }
  162.  
  163. img a { border:none; width:100%; }
  164.  
  165.  
  166. /* ---- BODY & CONTAINER ---- */
  167.  
  168.  
  169. body {color:{color:text}; background-color:{color:background}; font-family:arial; font-size:10px; line-height:17px; text-align:justify; background-image:url('{image:page bg}');}
  170.  
  171. #holder { width:630px; height:440px; margin: auto; left:0; top:0; bottom:0; right:0; background-color:{color:container}; position:absolute; padding: 35px; border-radius: 15px; }
  172.  
  173.  
  174. /* ---- SIDEBAR ---- */
  175.  
  176.  
  177. #sidebar { position:absolute; width:250px; height:510px; left: 0px; top:0px; background-color:{color:sidebar}; border-radius: 15px; border-top-right-radius:0px; border-bottom-right-radius:0px; border-right:1px solid {color:borders}; }
  178.  
  179. #topbox { position:absolute; width:250px; height:250px; left: 0px; top:0px; background-color:{color:accent}; border-top-left-radius:10px;}
  180.  
  181. #title { position:absolute; width:250px; left: 0px; bottom:15px; font-family:'astronout'; font-size:90px; color:{color:posts}; text-shadow: 1px 1px 2px {color:accent shadow}; text-align:center; letter-spacing:1px; transform: rotate(-5deg);}
  182.  
  183. .icons { position:absolute; width:215px; padding:10px; left:9px; top:20px; border-radius:30px; background-color:{color:accent}; padding-bottom:35px; }
  184.  
  185. .icons li { float:left; list-style:none; width:85px; height:85px; background-color:{color:sidebar}; margin-right:8px; margin-left:10px; margin-bottom: 15px; border-radius:10px; overflow:hidden; box-shadow: 2px 2px 2px {color:accent shadow};}
  186.  
  187. .icons img { width:85px; height:85px; }
  188.  
  189. #subztitle { position:absolute; width:250px; left: 0px; top:10px; font-family:'arial'; font-size:7px; text-transform:uppercase; font-style:italic; color:{color:accent shadow}; text-align:center; letter-spacing:4px; text-shadow: 4px 4px 4px {color:accent};}
  190.  
  191. #description { position:absolute; width:220px; height:240px; left: 15px; bottom:30px; border: 1px solid {color:accent}; border-radius:10px; border-top:none; }
  192.  
  193. #desc { position:absolute; width:170px; left: 0px; top:3px; height:145px; padding:25px; padding-top:45px;font-family: 'arial', sans-serif; font-size:7px; letter-spacing:1px; text-transform:uppercase; text-align:justify; line-height:18px; overflow:hidden;}
  194.  
  195. #subtitle { position:absolute; width:180px; height:20px; left: 30px; padding:5px; bottom:15px; background-color:{color:sidebar}; border: 1px solid {color:accent}; border-radius:5px; font-family:'arial'; font-size:7px; text-transform:uppercase; color:{color:accent shadow}; text-align:center; letter-spacing:4px; line-height:20px; }
  196.  
  197. #pagination { margin-top: auto; width: 360px; font-size:9px; padding:5px; text-align:center; letter-spacing:5px;}
  198.  
  199. #pagination a { font-family:arial; font-size:7px; font-style:italic; text-transform:uppercase; color:{color:accent shadow}; font-weight:bold; background:{color:accent}; padding:6px; padding-left:9px; border-radius:100px; }
  200.  
  201. /* ---- l i n k s / t a b s ---- */
  202.  
  203. #links { position: absolute; width:240px; height:80px; right:45px; top:245px; }
  204.  
  205. ul.tab { position:absolute; overflow:hidden; list-style-type: none; margin: 0; padding: 0; background-color: transparent; right:5px; top:5px; z-index:999999999; }
  206.  
  207. ul.tab li { width: 28px; float:left; margin-left:15px; }
  208.  
  209. ul.tab li a{ display:inline-block; color:{color:posts}; font-size:14px; width:14px; height:14px; padding:7px; border-radius:100px; text-shadow: 4px 3px 2px #eaeaea; background-color:{color:sidebar};}
  210.  
  211. .close { position:absolute; top:10px; right:20px; font-weight:bold; color:#a59f93; z-index:9999999; }
  212. .close:hover { cursor: pointer; }
  213.  
  214. .tabcontent { display: none; height:375; width:360px; padding:0px; margin-left:292px; margin-top:0px; background-color:transparent; z-index:99999999999; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; }
  215.  
  216. .tabcontent.current{ display: inherit; }
  217.  
  218. @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  219.  
  220. @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  221.  
  222.  
  223. /* ---- P O S T S ---- */
  224.  
  225.  
  226. #container { position:absolute; width: 390px; height:425px; right:35px; top:35px; overflow:auto; padding-top:15px; }
  227.  
  228. .posts { width:350px; text-align: justify; padding: 10px; padding-top:40px; background-color:{color:posts}; margin:-10px 15px 45px 15px; float:left; border:1px solid {color:borders}; border-radius:10px; }
  229.  
  230. .posts a{ {color:link}; }
  231.  
  232. .posts img { max-width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  233.  
  234. .photoset { max-width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  235.  
  236. .video { {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  237.  
  238. #info { position:absolute; margin-left:-11px; margin-top:-41px; margin-bottom:10px; width:364px; padding:3px; height:24px; overflow:hidden; background-color: {color:sidebar}; text-align:right; font-size:12px; font-weight:bold; border:1px solid {color:borders}; overflow:hidden; border-top-left-radius:10px; border-top-right-radius:10px;}
  239.  
  240. #information { position:absolute; margin-left:-4px; margin-top:-4px; width:296px; padding:3px 10px; height:24px; overflow:hidden; background-color: {color:sidebar}; text-align:right; font-family: 'Montserrat', sans-serif; font-size:7px; letter-spacing:3px; text-transform:uppercase; line-height:26px; border:1px solid {color:borders}; overflow:hidden;}
  241.  
  242. #information i { font-size:10px; letter-spacing:3px;}
  243.  
  244. #tags { padding-top:0px; width:350px;letter-spacing:2px; text-align:justify; font-weight:bold; margin-top:10px; margin-left:-11px; margin-bottom:-11px; background:{color:sidebar}; padding:10px; line-height:12px; border:1px solid {color:borders}; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
  245.  
  246. #tags a { font-family: 'Montserrat', sans-serif; font-size:7px; padding:0px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; }
  247.  
  248. #tags i { color:{color:text}; font-size:12px; text-shadow:none; }
  249.  
  250. #tags b { font-family:'arial'; letter-spacing:4px; font-size:7px; text-transform:uppercase; font-style:italic; color:{color:italic};}
  251.  
  252. /* ---- a s k s ---- */
  253.  
  254. #question { padding:25px; margin:-11px; margin-bottom:10px; text-align:justify; background-color:{color:posts}; border: 1px solid {color:borders}; }
  255.  
  256. #question b { color:{color:italic}; font-size:7px; text-transform:uppercase; font-family:arial; letter-spacing:2px; font-weight:bold; }
  257.  
  258. #question i { font-size:12px; color:{color:italic}; letter-spacing:8px; }
  259.  
  260. #question tt { font-family:sacramento; font-size:20px; text-transform:lowercase; letter-spacing:1px; }
  261.  
  262. /* ---- a u d i o ---- */
  263.  
  264. .playwrapper { height:60px; padding-bottom:5px; overflow:hidden; position:relative; padding:5px; background:{color:page border}; border:5px solid {color:accent}; border-radius:4px; }
  265.  
  266. .coverart { width:60px; height:60px; position:relative; display:inline-block; background-size:cover; border-top-left-radius:7px; border-bottom-left-radius:7px; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  267.  
  268. .audio { position:absolute; display:inline-block; top:0px; bottom:0px; left:0px; right:0px; text-align:left; }
  269.  
  270. .player { width:50px; height:50px; margin-top:5px; margin-left:5px; padding:5px; position:absolute; overflow:hidden; background-color:#fff; opacity:0; -o-transition:opacity .25s ease-out; -moz-transition:opacity .25s ease-out; -webkit-transition:opacity .25s ease-out; transition:opacity .25s ease-out; }
  271.  
  272. .player:hover { opacity:.8; }
  273.  
  274. .player .audio_player { width:30px; height:30px; margin-top:15px; margin-left:10px; overflow:hidden; }
  275.  
  276. .songinfo { border-left:5px solid {color:accent}; position:absolute; overflow:hidden; width:200px; height:40px; padding:15px; background:{color:page border}; margin-left:70px; margin-top:0px; text-align:left; font-size:7px; line-height:10px; font-family: 'Montserrat', sans-serif; text-transform:uppercase;letter-spacing:1px; color:{color:text}; text-shadow: 0 0 0.1em {color:text}; }
  277.  
  278. /* ---- q u o t e s ---- */
  279.  
  280. #quote{ text-align:center; font-size:18px; font-family:'georgia'; letter-spacing:1px; padding:15px; font-style:italic;}
  281.  
  282. #source { font-size:7px; font-family: 'Montserrat', sans-serif; text-transform:uppercase;letter-spacing:1px; padding:5px; text-align:right; margin-bottom:-10px;}
  283.  
  284. /* ---- c h a t s ---- */
  285.  
  286. .answer span,.convo li{margin:0 0 10px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:{color:container};color:{color:text};left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid {color:container} ;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:{color:sidebar};color:{color:text}}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid {color:sidebar};border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  287. .asked p { text-align: left; margin: 0 0px 10px 0px; padding: 0; color: {color:bold}; font-family: 'Inconsolata', Inconsolata; font-size: 12px; line-height: 0px; }
  288. .footerright .viasrc { float: left; }
  289. .asked a { margin:0;padding:0; }
  290. .convo { overflow: hidden; list-style-type: none; padding: 0; margin: 0; }
  291.  
  292.  
  293. /* ---- p e r m a l i n k ----*/
  294.  
  295. #notecontainer { margin-top: auto; width: 400px; font-size:9px; padding:10px;}
  296.  
  297. #notecontainer img.avatar { margin-right: 10px; width: 16px; height: 16px; border-radius:100px; -webkit-filter:grayscale(100%); }
  298.  
  299. /* ---- credit, do not delete unless you want these hands ---- */
  300.  
  301. #credit { position:fixed; bottom:10px; left:10px; font-size:14px; width:14px; height:14px; font-family:arial; color:{color:text}; font-weight:bold; text-transform:uppercase; letter-spacing: 0px; font-style:normal; background:{color:sidebar}; border-radius:100px; padding:8px;}
  302. #credit a { color:{color:text}; font-weight:bold;letter-spacing:1px; }
  303. #credit i { color:{color:text}; font-size:14px; }
  304.  
  305. /* ---- l i k e & r e b l o g ---- */
  306.  
  307. .buttons { width:50px; height:44px; padding:3px; margin:0px; margin-left:304px; margin-top:-17px; font-size:13px; }
  308.  
  309. svg { width:13px; height:auto; opacity:.5; padding:1px; display:block; overflow:visible; }
  310.  
  311. .controls a { position:relative; display:inline-block; overflow:hidden; padding:5px 0px; width:15px; height:26px; color:{color:link}; text-shadow: 0 0 0.1em {color:link}; }
  312.  
  313. .controls .reblog svg { width:11px; margin-top:1px; }
  314.  
  315. .controls .like .liked + svg path { margin-top:-20px; fill:#ec5a5a; }
  316.  
  317. .controls .like .like_button { position:relative; }
  318.  
  319. .controls .like .like_button iframe { position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; opacity:0; }
  320.  
  321. </style>
  322. </head>
  323.  
  324.  
  325. <body>
  326.  
  327. <div id="holder">
  328.  
  329.  
  330. <div id="sidebar">
  331.  
  332. <div id="topbox">
  333.  
  334. <div class="icons">
  335. <li><img src="{image:icon1}"></li>
  336. <li><img src="{image:icon2}"></li>
  337. <li><img src="{image:icon3}"></li>
  338. <li><img src="{image:icon4}"></li>
  339. </div>
  340.  
  341. <div id="title">{text:title}</div>
  342. <div id="subztitle">{text:subtitle}</div>
  343.  
  344. <div id="links">
  345.  
  346. <ul class="tab">
  347. <li><a href="/" class="tablinks" title="refresh"> <i class="icon-home"></i></a></li>
  348. <li><a href="/" class="tablinks" title="message"> <i class="icon-bubbles"></i></a></li>
  349. <li><a href="{text:link1}" class="tablinks" title="{text:link1 title}"> <i class="icon-globe"></i></a></li>
  350. <li><a href="{text:link2}" class="tablinks" title="{text:link2 title}"> <i class="icon-heart"></i></a></li>
  351. </ul>
  352. </div>
  353.  
  354. </div>
  355.  
  356. <div id="description"> <div id="desc">{Description}</div></div>
  357. <div id="subtitle"> {text:bottom subtitle} </div>
  358.  
  359. </div>
  360.  
  361.  
  362. <!-- PLEASE DO NOT REMOVE MY CREDIT -->
  363.  
  364. <div id="credit"><a href="http://khevinday.tumblr.com/" title="codes by six"><i class="icon-star"></i></span></a></div>
  365.  
  366. <!-- YOU CAN TOUCH THE REST IF U WANT THO LMAO -->
  367.  
  368.  
  369.  
  370. <div id="container">
  371. {block:posts}
  372.  
  373. <div class="posts" id="{PostID}">
  374.  
  375. {block:Date}<div id="info">
  376.  
  377. <div id="information"> <i class="icon-graph"></i> <a href="{Permalink}">{TimeAgo} {block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount} </a> {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  378. {/block:NoRebloggedFrom}</div>
  379. <div class="buttons"><div class="controls">
  380. <a href="{ReblogURL}" target="_blank" class="reblog">
  381. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><span class="lnr lnr-redo"></span></g></g></svg>
  382. </a>
  383. <a href="#" class="like">{LikeButton}
  384. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><span class="lnr lnr-heart"></span></g></g></svg>
  385. </a>
  386. </div></div>
  387.  
  388. </div>{/block:Date}
  389.  
  390.  
  391. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  392.  
  393. {block:Quote}<div id="quote">“{Quote}” </div> <div id="source">— {Source}</div>{/block:Quote}
  394.  
  395. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  396. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  397.  
  398. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  399. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  400.  
  401. {block:Photoset}<center>{Photoset-500}</center>
  402. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  403.  
  404. {block:Chat} {block:Title}
  405. <h1>{Title}</h1>{/block:Title}<br>
  406. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  407. {Line}</li>{/block:Lines}</ul> {/block:Chat}
  408.  
  409. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  410.  
  411. {block:Answer}<div id="question"><i class="fa fa-user" aria-hidden="true"> </i><b>{Asker} says: </b> {Question}</div>{Answer}{/block:Answer}
  412.  
  413. {block:Audio}<div class="playwrapper"><div class="coverart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}<div class="songinfo"> {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/> {block:Album}Album: {Album}{/block:Album}<br/> {PlayCountWithLabel}</div></div></div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  414.  
  415. {block:HasTags}
  416. <div id="tags">
  417. <b>filed under:</b> {block:Tags} <a href="{TagURL}">{Tag},</a> {/block:Tags}
  418. </div>{/block:HasTags}
  419.  
  420. </div> <!---posts div--->
  421.  
  422. {block:PostNotes}
  423. <div id="notecontainer">{PostNotes}</div>
  424. {/block:PostNotes}
  425. {/block:Posts}
  426. {block:ContentSource}{SourceURL}
  427. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  428. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  429. {/block:ContentSource}
  430.  
  431.  
  432. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev</a> {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a><br />{/block:NextPage}</div>{/block:Pagination}
  433.  
  434. </div> <!---container div--->
  435. </div> <!--- holder div --->
  436.  
  437.  
  438. </body>
  439. </html>
Add Comment
Please, Sign In to add comment