API tools faq
paste
Advertisement
alithegreat2

lucent theme

alithegreat2
Sep 20th, 2019
540
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7.  
  8. dnyl (theme 55) by ali (@scftlcves)
  9.  
  10. ---- ♡ ♡ ♡ ----
  11.  
  12.  
  13. < TIME FOR THE CREDITS !!! >
  14.  
  15. - BODY FONTS > GOOGLE
  16. https://fonts.google.com/
  17.  
  18. - BOLD/TITLE FONTS > ADOBE
  19. https://fonts.adobe.com/
  20.  
  21. - TIMESTAMP > BYCHLOETHEMES
  22. https://bychloethemes.tumblr.com/plugins/timeago
  23.  
  24. - TUMBLR CONTROLS > CYANTISTS
  25. https://cyantists.tumblr.com/post/163728517915/fix-tumblrs-new-controls-i-have-come-up-with-3
  26.  
  27. - READ MORE STYLING > THEMESBYTOMMY
  28. https://themesbytommy.tumblr.com/post/153377255664/style-keep-reading-button
  29.  
  30. - POP-UP > STR-WRS / ACUITE
  31. URL not found
  32.  
  33. - PXU PHOTOSET FIX > SHYTHEMES
  34. http://shythemes.tumblr.com/post/113728114758/tutorial-pixel-union-photosets
  35.  
  36. additional credits can be found at https://scftlcves.tumblr.com/credits
  37.  
  38. -->
  39.  
  40. <title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  41. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  42. <link rel="shortcut icon" href="{Favicon}"/>
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  44.  
  45. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  46.  
  47. <link rel="stylesheet" href="https://use.typekit.net/ykd2fhn.css">
  48.  
  49. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Biryani|Comfortaa|Karla|Quicksand|Ubuntu|Varela+Round" rel="stylesheet">
  50.  
  51. <link href="https://fonts.googleapis.com/css?family=Fira+Mono&display=swap" rel="stylesheet">
  52.  
  53. <link href="https://fonts.googleapis.com/css?family=Lato|Montserrat|Nanum+Gothic" rel="stylesheet">
  54.  
  55. <meta name="image:Background" content="" />
  56. <meta name="image:Icon" content="https://via.placeholder.com/60x60" />
  57. <meta name="image:Sidebar" content="https://via.placeholder.com/250x130" />
  58.  
  59. <meta name="color:Accent one" content="#b8c480" />
  60. <meta name="color:Accent two" content="#f1bb87" />
  61. <meta name="color:Accent text" content="#f3f3f3" />
  62. <meta name="color:Background" content="#f3f3f3" />
  63. <meta name="color:Blockquote" content="#e7e7e7" />
  64. <meta name="color:Bold" content="#b8c480" />
  65. <meta name="color:Border" content="#e7e7e7" />
  66. <meta name="color:Gradient one" content="#b8c480" />
  67. <meta name="color:Gradient two" content="#f1bb87" />
  68. <meta name="color:Gradient text" content="#f8f8f8" />
  69. <meta name="color:Icons" content="#cccccc" />
  70. <meta name="color:Italic" content="#f1bb87" />
  71. <meta name="color:Link" content="#313131" />
  72. <meta name="color:Link hover" content="#313131" />
  73. <meta name="color:Navigation Text" content="#5a5a5a" />
  74. <meta name="color:Posts" content="#f8f8f8" />
  75. <meta name="color:Post shadow" content="#ececec" />
  76. <meta name="color:Text" content="#5a5a5a" />
  77. <meta name="color:Title" content="#5a5a5a"/>
  78. <meta name="color:Title Text" content="#f3f3f3" />
  79. <meta name="color:Title Background" content="#f1bb87" />
  80.  
  81. <meta name="select:Post size" content="540" title="540px" />
  82. <meta name="select:Post size" content="500" title="500px" />
  83. <meta name="select:Post size" content="450" title="450px" />
  84. <meta name="select:Post size" content="400" title="400px" />
  85. <meta name="select:Post size" content="350" title="350px" />
  86. <meta name="select:Post size" content="300" title="300px" />
  87. <meta name="select:Post size" content="250" title="250px" />
  88.  
  89. <meta name="select:Body font" content="ABeeZee" title="ABeeZee" />
  90. <meta name="select:Body font" content="Biryani" title="Biryani" />
  91. <meta name="select:Body font" content="Comfortaa" title="Comfortaa" />
  92. <meta name="select:Body font" content="Karla" title="Karla" />
  93. <meta name="select:Body font" content="Lato" title="Lato" />
  94. <meta name="select:Body font" content="Montserrat" title="Montserrat" />
  95. <meta name="select:Body font" content="Nanum Gothic" title="Nanum Gothic" />
  96. <meta name="select:Body font" content="Quicksand" title="Quicksand" />
  97. <meta name="select:Body font" content="Ubuntu" title="Ubuntu" />
  98. <meta name="select:Body font" content="Varela Round" title="Varela Round" />
  99.  
  100. <meta name="select:Styled bold font" content="cooper-black-std" title="Cooper Black" />
  101. <meta name="select:Styled bold font" content="kepler-std-semicondensed-dis" title="Kepler" />
  102. <meta name="select:Styled bold font" content="poppins" title="Poppins" />
  103. <meta name="select:Styled bold font" content="raleway" title="Raleway" />
  104. <meta name="select:Styled bold font" content="utopia-std-headline" title="Utopia" />
  105.  
  106. <meta name="select:Body letter spacing" content="0px" title="None" />
  107. <meta name="select:Body letter spacing" content=".25px" title=".25" />
  108. <meta name="select:Body letter spacing" content=".50px" title=".5" />
  109. <meta name="select:Body letter spacing" content=".75px" title=".75" />
  110. <meta name="select:Body letter spacing" content="1px" title="1px" />
  111.  
  112. <meta name="select:Body size" content="9px" title="9px" />
  113. <meta name="select:Body size" content="10px" title="10px" />
  114. <meta name="select:Body size" content="11px" title="11px" />
  115.  
  116. <meta name="select:Title size" content="16px" title="16px" />
  117. <meta name="select:Title size" content="20px" title="20px" />
  118. <meta name="select:Title size" content="24px" title="24px" />
  119.  
  120. <meta name="select:Styled bold size" content="12px" title="12px" />
  121. <meta name="select:Styled bold size" content="14px" title="14px" />
  122. <meta name="select:Styled bold size" content="16px" title="16px" />
  123. <meta name="select:Styled bold size" content="18px" title="18px" />
  124. <meta name="select:Styled bold size" content="20px" title="20px" />
  125.  
  126. <meta name="select:Bold option" content="300" title="Normal"/>
  127. <meta name="select:Bold option" content="900" title="Bold"/>
  128.  
  129. <meta name="select:Title transform" content="Uppercase" title="Uppercase" />
  130. <meta name="select:Title transform" content="Lowercase" title="Lowercase" />
  131. <meta name="select:Title transform" content="Capitalize" title="Capitalize" />
  132.  
  133. <meta name="select:Bullet symbol" content="\ebc6" title="Arrow" />
  134. <meta name="select:Bullet symbol" content="\ec56" title="Circle" />
  135. <meta name="select:Bullet symbol" content="\ea55" title="Heart" />
  136. <meta name="select:Bullet symbol" content="\eabe" title="Minus" />
  137. <meta name="select:Bullet symbol" content="\eb21" title="Plus" />
  138. <meta name="select:Bullet symbol" content="\eb2f" title="Push pin" />
  139. <meta name="select:Bullet symbol" content="\eb68" title="Star" />
  140. <meta name="select:Bullet symbol" content="\eca9" title="Quote 1" />
  141. <meta name="select:Bullet symbol" content="\eca8" title="Quote 2" />
  142. <meta name="select:Bullet symbol" content="\eacc" title="X 1" />
  143. <meta name="select:Bullet symbol" content="\ec8e" title="X 2" />
  144.  
  145. <meta name="select:Icon border radius" content="0px" title="0px" />
  146. <meta name="select:Icon border radius" content="3px" title="3px" />
  147. <meta name="select:Icon border radius" content="5px" title="5px" />
  148. <meta name="select:Icon border radius" content="8px" title="8px" />
  149. <meta name="select:Icon border radius" content="10px" title="10px" />
  150. <meta name="select:Icon border radius" content="50px" title="50px" />
  151.  
  152. <meta name="select:Border radius" content="0px" title="0px" />
  153. <meta name="select:Border radius" content="3px" title="3px" />
  154. <meta name="select:Border radius" content="5px" title="5px" />
  155. <meta name="select:Border radius" content="8px" title="8px" />
  156. <meta name="select:Border radius" content="10px" title="10px" />
  157.  
  158. <meta name="select:Blockquote width" content="2px" title="2px" />
  159. <meta name="select:Blockquote width" content="3px" title="3px" />
  160. <meta name="select:Blockquote width" content="4px" title="4px" />
  161. <meta name="select:Blockquote width" content="5px" title="5px" />
  162. <meta name="select:Blockquote width" content="6px" title="6px" />
  163.  
  164. <meta name="select:Photoset gutters" content="0px" title="0px" />
  165. <meta name="select:Photoset gutters" content="1px" title="1px" />
  166. <meta name="select:Photoset gutters" content="2px" title="2px" />
  167. <meta name="select:Photoset gutters" content="3px" title="3px" />
  168.  
  169. <meta name="if:Navigation Popup" content="1"/>
  170. <meta name="if:Update Popup" content="1"/>
  171. <meta name="if:Sidebar Photo" content="1"/>
  172. <meta name="if:Archive Link" content="1"/>
  173. <meta name="if:Ask Style One" content="0"/>
  174. <meta name="if:Ask Style Two" content="0"/>
  175. <meta name="if:Ask Style Three" content="1"/>
  176. <meta name="if:Gradient Accent" content="1"/>
  177. <meta name="if:Grayscale Posts" content="0"/>
  178. <meta name="if:Post Shadow" content="1"/>
  179. <meta name="if:Borders" content="1"/>
  180. <meta name="if:Search Bar" content="1"/>
  181. <meta name="if:Hit Counter" content="1"/>
  182. <meta name="if:Uppercase Description" content="0"/>
  183. <meta name="if:Small Caps Description" content="0"/>
  184. <meta name="if:Styled Bold" content="0"/>
  185.  
  186. <meta name="text:Link URL" content="/link"/>
  187. <meta name="text:Link Label" content="link label"/>
  188.  
  189. <meta name="text:Sidebar Title" content="sidebar title"/>
  190. <meta name="text:Sidebar Subtitle" content="sidebar subtitle for ya"/>
  191.  
  192. <meta name="text:Online FHS" content="10"/>
  193. <meta name="text:Total FHS" content="129312"/>
  194.  
  195. <meta name="text:Description Input" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.">
  196.  
  197. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  198.  
  199. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  200.  
  201. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  202.  
  203. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  204.  
  205.  
  206. <script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
  207.  
  208. <script type="text/javascript">
  209. $(document).ready(function() {
  210. $(".time_ago").timeAgo({
  211. time: "short",
  212. spaces: false,
  213. words: false,
  214. prefix: "",
  215. suffix: "",
  216. });
  217. });
  218. </script>
  219.  
  220. <script>
  221. $(document).ready(function() {
  222. //
  223. $('a.poplight[href^=#]').click(function() {
  224. var popID = $(this).attr('rel');
  225. var popURL = $(this).attr('href');
  226. var query= popURL.split('?');
  227. var dim= query[1].split('&');
  228. var popWidth = dim[0].split('=')[1];
  229. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  230. var popMargTop = ($('#' + popID).height() + 0) / 2;
  231. var popMargLeft = ($('#' + popID).width() + 0) / 2;
  232. $('#' + popID).css({
  233. 'margin-top' : -popMargTop,
  234. 'margin-left' : -popMargLeft
  235. });
  236. $('body').append('<div id="fade"></div>');
  237. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  238. return false;
  239. });
  240. $('a.close, #fade').live('click', function() {
  241. $('#fade , .popup_block').fadeOut(function() {
  242. $('#fade, a.close').remove();
  243. });
  244. return false;
  245. });
  246. });
  247. </script>
  248.  
  249. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  250.  
  251. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  252.  
  253. <script>
  254. (function($){
  255. $(document).ready(function(){
  256. $("[title]").style_my_tooltips({
  257. tip_follows_cursor:true,
  258. tip_delay_time:90,
  259. tip_fade_speed:600,
  260. attribute:"title"
  261. });
  262. });
  263. })(jQuery);
  264. </script>
  265.  
  266. <style type="text/css">
  267.  
  268.  
  269. ::-webkit-scrollbar {
  270. width: 5px;
  271. background: {color:Background};
  272. }
  273.  
  274. ::-webkit-scrollbar-track {
  275. background:{color:posts};
  276. }
  277.  
  278. ::-webkit-scrollbar-thumb {
  279. background-color:{color:bold};
  280. }
  281.  
  282. iframe.tmblr-iframe {
  283. z-index:99999999999999!important;
  284. top:10px!important;
  285. right:25px!important;
  286. opacity:0.4;
  287. /* delete invert(1) from here */
  288. filter:invert(1) contrast(150%);
  289. -webkit-filter:invert(1) contrast(150%);
  290. -o-filter:invert(1) contrast(150%);
  291. -moz-filter:invert(1) contrast(150%);
  292. -ms-filter:invert(1) contrast(150%);
  293. /* to here if your blog has a dark background */
  294. transform:scale(0.65);
  295. transform-origin:100% 0;
  296. -webkit-transform:scale(0.65);
  297. -webkit-transform-origin:100% 0;
  298. -o-transform:scale(0.65);
  299. -o-transform-origin:100% 0;
  300. -moz-transform:scale(0.65);
  301. -moz-transform-origin:100% 0;
  302. -ms-transform:scale(0.65);
  303. -ms-transform-origin:100% 0;}
  304.  
  305. iframe.tmblr-iframe:hover {
  306. opacity:0.6!important;}
  307.  
  308. #s-m-t-tooltip {
  309. background-color:{color:posts};
  310. color:{color:accent two};
  311. font-size:calc({select:body size} + 2px);
  312. border-radius:{select:border radius};
  313. text-transform:lowercase;
  314. padding:10px 20px 10px 20px;
  315. margin:20px 0px 0px 20px;
  316. z-index:9999999999999999999999;
  317. {block:ifBorders}
  318. border-top:1px solid {color:border};
  319. border-left:1px solid {color:border};
  320. border-right:1px solid {color:border};
  321. border-bottom:6px solid {color:accent one};
  322. {/block:ifBorders}
  323. }
  324.  
  325. body {
  326. background-color:{color:background};
  327. color:{color:text};
  328. font-family:{select:body font};
  329. font-size:{select:body size};
  330. line-height:calc({select:body size} + 6px);
  331. letter-spacing:{select:body letter spacing};
  332. background-image:url('{image:Background}');
  333. background-attachment:fixed;
  334. }
  335.  
  336. blockquote {
  337. text-align:justify;
  338. margin: 10px;
  339. padding-left: 10px;
  340. border-left: {select:blockquote width} solid {color:blockquote};
  341. }
  342.  
  343. b,strong {
  344. color:{color:bold};
  345. font-weight:{select:bold option};
  346. {block:ifStyledBold}
  347. text-transform:lowercase;
  348. font-family:{select:Styled bold font};
  349. font-size:{select:Styled Bold Size}
  350. {/block:ifStyledBold}
  351. }
  352.  
  353. i,em {
  354. color:{color:italic};
  355. }
  356.  
  357. h2 {
  358. text-align:center;
  359. font-family:varela round;
  360. font-size:10px;
  361. letter-spacing:1.5px;
  362. text-transform:uppercase;
  363. font-weight:bold;
  364. color:{color:bold};
  365. }
  366.  
  367. h2 b,strong {
  368. color:{color:bold};
  369. }
  370.  
  371. h2 i,em {
  372. color:{color:italic};
  373. }
  374.  
  375. small,sub {
  376. font-size:{select:body size};
  377. }
  378.  
  379. a {
  380. text-decoration: none;
  381. color:{color:link};
  382. -webkit-transition: -webkit-transform .8s ease-in-out;
  383. transition: .8s ease-in-out;
  384. }
  385.  
  386. a:hover {
  387. color:{color:link hover};
  388. -webkit-transition: -webkit-transform .8s ease-in-out;
  389. transition: .8s ease-in-out;
  390. }
  391.  
  392. hr {
  393. display:block;
  394. border-style:solid;
  395. border-color:{color:accent two};
  396. }
  397.  
  398. pre {
  399. display:block;
  400. background-color:{color:background};
  401. border-radius:20px 20px 0px 0px;
  402. border-top:2px solid {color:border};
  403. border-bottom:8px solid {color:accent two};
  404. color:{color:text};
  405. word-wrap:break-word;
  406. white-space: pre-wrap;
  407. padding:15px;
  408. text-align:right;
  409. font-family:inherit;
  410. font-size:inherit;
  411. }
  412.  
  413. u {
  414. display:inline-block;
  415. padding:0px 3px 0px 3px;
  416. text-decoration:none;
  417. color:{color:accent color};
  418. text-transform:uppercase;
  419. background-color:{color:accent one};
  420. {block:IfGradientAccent}
  421. color:{color:gradient text};
  422. background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  423. {/block:IfGradientAccent}
  424. }
  425.  
  426. ul {
  427. list-style-type: circle;
  428. padding-left:24px;
  429. line-height:180%;
  430. }
  431.  
  432. li {
  433. padding-left: 0px;
  434. margin-bottom: 0px;
  435. list-style: none;
  436. }
  437.  
  438. li:before {
  439. color: {color:bold};
  440. content: "{select:bullet symbol}";
  441. font-family: 'honeybee';
  442. font-size:7px;
  443. display: inline-block;
  444. margin-left: -2.2em;
  445. width: 2.2em;
  446. }
  447.  
  448. .post_titles, h1 {
  449. font-size:{select:title size};
  450. text-transform:{select:title transform};
  451. color:{color:title text};
  452. text-align:right;
  453. line-height:130%;
  454. padding:15px;
  455. background-color:{color:title background};
  456. border-bottom:1px solid {color:border};
  457. }
  458.  
  459.  
  460. .link_main {
  461. font-size:{select:title size};
  462. text-transform:{select:title transform};
  463. color:{color:title text};
  464. text-align:right;
  465. line-height:110%;
  466. padding:15px;
  467. background-color:{color:title background};
  468. border-bottom:1px solid {color:border};
  469. }
  470.  
  471. .link_host {
  472. text-align:right;
  473. font-family:varela round;
  474. font-size:7px;
  475. letter-spacing:1.5px;
  476. text-transform:uppercase;
  477. font-weight:bold;
  478. color:{color:title text};
  479. }
  480.  
  481. .link_main a {
  482. color:{color:title text};
  483. }
  484.  
  485. .link_desc {
  486. display:block;
  487. padding:10px 20px 10px 20px;
  488. text-align:justify;
  489. }
  490.  
  491. .quote_full {
  492. display:block;
  493. padding:10px 20px 10px 20px;
  494. }
  495.  
  496. .quote_q {
  497. display:block;
  498. border-bottom:1px solid {color:border};
  499. padding-bottom:10px;
  500. font-size:{select:title size};
  501. text-transform:{select:title transform};
  502. color:{color:accent one};
  503. text-align:left;
  504. line-height:130%;
  505. }
  506.  
  507. .quote_source {
  508. display:block;
  509. text-align:right;
  510. }
  511.  
  512. .quote_source a {
  513. font-size:12px;
  514. font-weight:bold;
  515. font-family:varela round;
  516. text-transform:uppercase;
  517. }
  518.  
  519. #container {
  520. margin:70px auto;
  521. width:calc({select:post size}px + 350px);
  522. height:635px;
  523. }
  524.  
  525. picons {
  526. margin-left:15px;
  527. font-size:8px;
  528. color:{color:icons};
  529. }
  530.  
  531. .sidebar_desc {
  532. margin-top:-5px;
  533. text-align:justify;
  534. padding:20px;
  535. max-height:150px;
  536. overflow:auto;
  537. border-radius:0px 0px {select:border radius} {select:border radius};
  538. background-color:{color:posts};
  539. border-top:10px solid {color:accent one};
  540. {block:ifBorders}
  541. border-left:1px solid {color:border};
  542. border-right:1px solid {color:border};
  543. border-bottom:1px solid {color:border};
  544. {/block:ifBorders}
  545. {block:ifPostShadow}
  546. box-shadow: 2px 2px 9px {color:post shadow};
  547. {/block:ifPostShadow}
  548. }
  549.  
  550. .sidebar_desc shit {
  551. margin-top:10px;
  552. text-align:center;
  553. display:block;
  554. text-transform:uppercase;
  555. font-family:karla;
  556. font-size:7px;
  557. letter-spacing:2px;
  558. word-spacing:10px;
  559. }
  560.  
  561. .side {
  562. display:block;
  563. text-align:center;
  564. }
  565.  
  566. .side img {
  567. width:220px;
  568. height:130px;
  569. border-radius:{select:border radius} {select:border radius} 0px 0px;
  570. -webkit-filter: grayscale(0%);
  571. -webkit-transition: all 0.6s ease-in-out;
  572. -moz-transition: all 0.6s ease-in-out;
  573. -o-transition: all 0.6s ease-in-out;
  574. -ms-transition: all 0.6s ease-in-out;
  575. transition: all 0.6s ease-in-out;
  576. }
  577.  
  578. .icon {
  579. position:fixed;
  580. margin-top:-30px;
  581. width:200px;
  582. padding-left:10px;
  583. padding-right:10px;
  584. }
  585.  
  586. .icon img {
  587. float:right;
  588. background-color:{color:posts};
  589. border:1px solid {color:border};
  590. display:inline-block;
  591. padding:3px;
  592. width:40px;
  593. height:40px;
  594. border-radius:50%;
  595. border:1px solid {color:border};
  596. -webkit-transition: -webkit-transform .8s ease-in-out;
  597. transition: .8s ease-in-out;
  598. -webkit-filter: grayscale(0%);
  599. }
  600.  
  601. .icon img:hover {
  602. margin-top:-6px;
  603. background-color:{color:accent one};
  604. border:4px solid {color:accent two};
  605. -webkit-transform: rotate(360deg);
  606. transform: rotate(360deg);
  607. -webkit-transition: -webkit-transform .8s ease-in-out;
  608. transition: .8s ease-in-out;
  609. }
  610.  
  611. .icon text {
  612. margin-top:15px;
  613. font-size:26px;
  614. font-style:italic;
  615. letter-spacing:2px;
  616. font-family:{select:styled bold font};
  617. float:left;
  618. color:{color:accent text};
  619. text-shadow:1px 0px 5px #705f57;
  620. }
  621.  
  622. #navigation {
  623. margin-top:10px;
  624. display:block;
  625. text-align:center;
  626. word-spacing:18px;
  627. }
  628.  
  629. #navigation a {
  630. font-size:11px;
  631. color:{color:navigation text};
  632. font-style:italic;
  633. text-align:center;
  634. display:inline-block;
  635. border-bottom:3px solid {color:accent one};
  636. -webkit-transition: -webkit-transform .8s ease-in-out;
  637. transition: .8s ease-in-out;
  638. }
  639.  
  640. #navigation a:hover {
  641. color:{color:accent one};
  642. border-bottom:3px solid {color:accent two};
  643. -webkit-transition: -webkit-transform .8s ease-in-out;
  644. transition: .8s ease-in-out;
  645. }
  646.  
  647. #postcontain {
  648. margin-left:350px;
  649. width:{select:post size}px;
  650. }
  651.  
  652. .posts {
  653. position:relative;
  654. width:{select:post size}px;
  655. display:block;
  656. margin-bottom:60px;
  657. border-radius:{select:border radius} {select:border radius} {select:border radius} {select:border radius};
  658. background-color:{color:posts};
  659. {block:ifBorders}
  660. border:1px solid {color:border};
  661. {/block:ifBorders}
  662. {block:ifPostShadow}
  663. box-shadow: 2px 2px 9px {color:post shadow};
  664. {/block:ifPostShadow}
  665. }
  666.  
  667. .video {
  668. width:350px!important;}
  669.  
  670. .video iframe {
  671. width:350px!important;}
  672.  
  673. img {
  674. max-width: 100%;
  675. {block:IfGrayscalePosts}
  676. -webkit-filter: grayscale(100%);
  677. -webkit-transition: all 0.6s ease-in-out;
  678. -moz-transition: all 0.6s ease-in-out;
  679. -o-transition: all 0.6s ease-in-out;
  680. -ms-transition: all 0.6s ease-in-out;
  681. transition: all 0.6s ease-in-out;
  682. {/block:IfGrayscalePosts}
  683. }
  684.  
  685. .caption {
  686. padding:15px;
  687. font-family:inherit;
  688. font-size:inherit;
  689. }
  690.  
  691. .time_ago {
  692. float:left;
  693. display:inline-block;
  694. }
  695.  
  696. .info {
  697. height:15px;
  698. font-family:abeezee;
  699. font-size:9px;
  700. display:block;
  701. text-align:left;
  702. text-transform:uppercase;
  703. background-color:{color:posts};
  704. color:{color:text};
  705. border-radius:{select:border radius} {select:border radius} 0px 0px;
  706. padding:10px 15px 10px 15px;
  707. border-bottom:1px solid {color:border};
  708. width:calc({select:post size}px - 30px);
  709. }
  710.  
  711. .info a {
  712. letter-spacing:.5px;
  713. margin-left:15px;
  714. color:{color:text};
  715. }
  716.  
  717. .tags {
  718. margin-left:-1px;
  719. font-family:abeezee;
  720. font-size:7px;
  721. display:block;
  722. text-align:left;
  723. text-transform:uppercase;
  724. background-color:{color:posts};
  725. color:{color:text};
  726. border-top:1px solid {color:border};
  727. border-radius:0px 0px {select:border radius} {select:border radius};
  728. padding:10px 15px 10px 15px;
  729. width:calc({select:post size}px - 30px);
  730. {block:ifBorders}
  731. border-left:1px solid {color:border};
  732. {/block:ifBorders}
  733. }
  734.  
  735. .tags a {
  736. letter-spacing:1px;
  737. color:{color:text};
  738. }
  739.  
  740. #post_info {
  741. padding:30px;
  742. margin-top:-15px;
  743. }
  744.  
  745. #post_info ol.notes {
  746. list-style-type: none;
  747. margin: 0;
  748. padding: 0;
  749. }
  750.  
  751. #post_info li {
  752. list-style-type:none;
  753. padding:5px;
  754. }
  755.  
  756. #post_info li.note.like:before {
  757. text-align:center;
  758. font-size:8px;
  759. width:8px;
  760. height:8px;
  761. line-height:8px;
  762. padding:8px;
  763. color:{color:posts};
  764. background-color:{color:accent one};
  765. content:'\ea55';
  766. border-radius:50%;
  767. text-shadow:0px 1px 2px #6c6c6c;
  768. }
  769.  
  770. #post_info li.note.reblog:before {
  771. text-align:center;
  772. font-size:8px;
  773. width:8px;
  774. height:8px;
  775. line-height:8px;
  776. padding:8px;
  777. color:{color:posts};
  778. background-color:{color:accent two};
  779. content:'\ebc2';
  780. border-radius:50%;
  781. text-shadow:0px 1px 2px #6c6c6c;
  782. }
  783.  
  784. #post_info li.note.reply:before {
  785. text-align:center;
  786. font-size:8px;
  787. width:8px;
  788. height:8px;
  789. line-height:8px;
  790. padding:8px;
  791. color:{color:posts};
  792. background-color:{color:icons};
  793. content:'\eca8';
  794. border-radius:50%;
  795. text-shadow:0px 1px 2px #6c6c6c;
  796. }
  797.  
  798. #post_info img.avatar {
  799. margin-right: 5px;
  800. border-radius:{select:border radius};
  801. width: 0px;
  802. height: 0px;
  803. }
  804.  
  805. .ask {
  806. float:right;
  807. z-index:10;
  808. text-align:center;
  809. font-size:10px;
  810. font-weight:bold;
  811. text-transform:uppercase;
  812. font-family:karla;
  813. {block:ifPostShadow}
  814. box-shadow: 2px 2px 10px {color:post shadow};
  815. {/block:ifPostShadow}
  816. border-bottom:2px solid {color:accent two};
  817. color:{color:accent text};
  818. background-color:{color:accent one};
  819. margin-top:-15px;
  820. margin-right:0px;
  821. margin-left:0px;
  822. border-radius:20px;
  823. padding:8px 15px 8px 15px;
  824. {block:IfGradientAccent}
  825. color:{color:gradient text};
  826. background-image: linear-gradient(to bottom right, {color:gradient one}, {color:gradient two});
  827. {/block:IfGradientAccent}
  828. }
  829.  
  830. .ask a {
  831. color:{color:accent text};
  832. font-size:10px;
  833. font-weight:bold;
  834. text-transform:uppercase;
  835. font-family:karla;
  836. {block:IfGradientAccent}
  837. color:{color:gradient text};
  838. {/block:IfGradientAccent}
  839. }
  840.  
  841. .ask_line {
  842. height:1px;
  843. margin-top:5px;
  844. margin-left:0px;
  845. background-color:{color:border};
  846. z-index:-1;
  847. word-wrap:break-word;
  848. }
  849.  
  850. .question {
  851. color:{color:text};
  852. padding:15px;
  853. display:block;
  854. text-align:justify;
  855. margin-left:5px;
  856. word-wrap:break-word;
  857. }
  858.  
  859. #question_box {
  860. word-wrap:break-word;
  861. padding:10px;
  862. }
  863.  
  864. .q2_question {
  865. margin:10px 10px 0px 10px;
  866. display:block;
  867. background-color:{color:background};
  868. padding:15px;
  869. text-align:justify;
  870. border-radius:{select:border radius} {select:border radius} 0px 0px;
  871. {block:ifBorders}
  872. border-top:1px solid {color:border};
  873. border-right:1px solid {color:border};
  874. border-left:1px solid {color:border};
  875. {/block:ifBorders}
  876. }
  877.  
  878. .q2_asker {
  879. margin:0px 10px 0px 10px;
  880. display:block;
  881. padding:8px;
  882. text-align:right;
  883. border-radius:0px 0px {select:border radius} {select:border radius};
  884. text-transform:lowercase;
  885. {block:IfGradientAccent}
  886. color:{color:gradient text};
  887. background-image: linear-gradient(to bottom right, {color:gradient one}, {color:gradient two});
  888. {/block:IfGradientAccent}
  889. }
  890.  
  891. .q2_asker a {
  892. color:{color:accent text};
  893. }
  894.  
  895. #q3 {
  896. word-wrap:break-word;
  897. padding:20px;
  898. }
  899.  
  900. .q3_asker {
  901. text-transform:lowercase;
  902. font-size:calc({select:body size} + 3px);
  903. font-weight:bold;
  904. margin-top:15px;
  905. display:block;
  906. text-align:right;
  907. color:{color:bold};
  908. }
  909.  
  910. .q3_asker a {
  911. color:{color:bold};
  912. }
  913.  
  914. .q3_icon1 {
  915. display:inline-block;
  916. float:left;
  917. width:50px;
  918. height:50px;
  919. line-height:50px;
  920. font-family:{select:styled bold font};
  921. font-size:26px;
  922. z-index:10;
  923. text-align:center;
  924. text-transform:uppercase;
  925. color:{color:accent text};
  926. background-color:{color:accent one};
  927. border-radius:50%;
  928. {block:IfGradientAccent}
  929. color:{color:gradient text};
  930. background-image: linear-gradient(to bottom right, {color:gradient one}, {color:gradient two});
  931. {/block:IfGradientAccent}
  932. }
  933.  
  934. .q3_icon1 a {
  935. color:{color:accent text};
  936. {block:IfGradientAccent}
  937. color:{color:gradient text};
  938. {/block:IfGradientAccent}
  939. }
  940.  
  941. .q3_icon2:before {
  942. content: "";
  943. margin-left:-38px;
  944. position: absolute;
  945. background-color:{color:border};
  946. height:1px;
  947. width:21px;
  948. margin-top:27px;
  949. }
  950.  
  951. .q3_icon2 {
  952. display:inline-block;
  953. float:right;
  954. width:50px;
  955. height:50px;
  956. line-height:50px;
  957. font-family:{select:styled bold font};
  958. font-size:26px;
  959. z-index:10;
  960. text-align:center;
  961. text-transform:uppercase;
  962. color:{color:accent text};
  963. background-color:{color:accent two};
  964. border-radius:50%;
  965. {block:IfGradientAccent}
  966. color:{color:gradient text};
  967. background-image: linear-gradient(to bottom right, {color:gradient one}, {color:gradient two});
  968. {/block:IfGradientAccent}
  969. }
  970.  
  971. .q3_icon2 a {
  972. color:{color:accent text};
  973. {block:IfGradientAccent}
  974. color:{color:gradient text};
  975. {/block:IfGradientAccent}
  976. }
  977.  
  978. .q3_question:before {
  979. content: "";
  980. margin-left:-36px;
  981. position: absolute;
  982. background-color:{color:border};
  983. height:1px;
  984. width:21px;
  985. margin-top:9px;
  986. }
  987.  
  988. .q3_question {
  989. color:{color:text};
  990. margin-left:70px;
  991. padding:15px;
  992. display:block;
  993. text-align:justify;
  994. word-wrap:break-word;
  995. background-color:{color:background};
  996. border:1px solid {color:border};
  997. border-radius:{select:border radius};
  998. }
  999.  
  1000. .q3_answer {
  1001. margin-right:70px;
  1002. color:{color:text};
  1003. margin-left:0px;
  1004. padding:15px;
  1005. display:block;
  1006. text-align:justify;
  1007. word-wrap:break-word;
  1008. background-color:{color:background};
  1009. border:1px solid {color:border};
  1010. border-radius:{select:border radius};
  1011. }
  1012.  
  1013. .q3_answer pre {
  1014. border-bottom:2px solid {color:border};
  1015. border-radius:20px;
  1016. background-color:{color:posts};
  1017. word-wrap:break-word;
  1018. opacity:0.8;
  1019. }
  1020.  
  1021. .more-btn-wrap {
  1022. position: relative;
  1023. padding-bottom:25px;
  1024. width: 100%;
  1025. }
  1026.  
  1027. .more-btn-wrap a:link {
  1028. position: relative;
  1029. left: calc(50% - 55px);
  1030. width:85px;
  1031. display:inline-block;
  1032. font-size:10px;
  1033. font-weight:bold;
  1034. font-family:karla;
  1035. font-family:{select:body font};
  1036. text-align:center;
  1037. text-transform:uppercase;
  1038. line-height:18px;
  1039. {block:ifPostShadow}
  1040. box-shadow: 2px 2px 9px {color:post shadow};
  1041. {/block:ifPostShadow}
  1042. border-bottom:2px solid {color:accent one};
  1043. color:{color:accent text};
  1044. background-color:{color:accent two};
  1045. border-radius:30px;
  1046. padding:8px 15px 8px 15px;
  1047. {block:IfGradientAccent}
  1048. color:{color:gradient text};
  1049. background-image: linear-gradient(to bottom right, {color:gradient one}, {color:gradient two});
  1050. {/block:IfGradientAccent}
  1051. }
  1052.  
  1053. .more-btn-wrap a {
  1054. position: relative;
  1055. left: calc(50% - 37px);
  1056. display:inline-block;
  1057. font-size:10px;
  1058. font-family:{select:body font};
  1059. text-align:center;
  1060. text-transform:lowercase;
  1061. line-height:18px;
  1062. letter-spacing:.25px;
  1063. {block:ifPostShadow}
  1064. box-shadow: 2px 2px 9px {color:post shadow};
  1065. {/block:ifPostShadow}
  1066. border-bottom:2px solid {color:accent one};
  1067. color:{color:accent text};
  1068. background-color:{color:accent two};
  1069. border-radius:20px;
  1070. padding:8px 15px 8px 15px;
  1071. {block:IfGradientAccent}
  1072. color:{color:gradient text};
  1073. background-image: linear-gradient(to bottom right, {color:gradient one}, {color:gradient two});
  1074. {/block:IfGradientAccent}
  1075. }
  1076.  
  1077. #socials {
  1078. text-align:center;
  1079. }
  1080.  
  1081. #socials a {
  1082. color:{color:accent one};
  1083. font-size:12px;
  1084. width:30px;
  1085. height:30px;
  1086. padding:10px;
  1087. border-radius:{select:border radius};
  1088. background-color:{color:posts};
  1089. border:1px solid {color:border};
  1090. box-shadow: 2px 2px 9px {color:post shadow};
  1091. }
  1092.  
  1093. #credit {
  1094. float:center;
  1095. position:fixed;
  1096. bottom:25px;
  1097. right:25px;
  1098. }
  1099.  
  1100. #credit set1 {
  1101. margin-top:20px;
  1102. text-align:center;
  1103. display:block;
  1104. padding:15px;
  1105. border-radius:{select:border radius} {select:border radius} 0px 0px;
  1106. background-color:{color:posts};
  1107. border-bottom:10px solid {color:accent two};
  1108. {block:ifBorders}
  1109. border-left:1px solid {color:border};
  1110. border-top:1px solid {color:border};
  1111. border-right:1px solid {color:border};
  1112. {/block:ifBorders}
  1113. {block:ifPostShadow}
  1114. box-shadow: 2px 2px 9px {color:post shadow};
  1115. {/block:ifPostShadow}
  1116.  
  1117. }
  1118.  
  1119. #credit set2 {
  1120. text-align:center;
  1121. display:block;
  1122. padding:15px;
  1123. border-radius:0px 0px {select:border radius} {select:border radius};
  1124. background-color:{color:posts};
  1125. {block:ifBorders}
  1126. border-left:1px solid {color:border};
  1127. border-bottom:1px solid {color:border};
  1128. border-right:1px solid {color:border};
  1129. {/block:ifBorders}
  1130. {block:ifPostShadow}
  1131. box-shadow: 2px 2px 9px {color:post shadow};
  1132. {/block:ifPostShadow}
  1133.  
  1134. }
  1135.  
  1136. #sidebar_info {
  1137. margin-top:80px;
  1138. width:220px;
  1139. position:fixed;
  1140. display:block;
  1141. }
  1142.  
  1143. .typing, .typing::placeholder, #searchentries, #searchentries a, .enter {
  1144. background-color:{color:posts};
  1145. padding:5px;
  1146. color:{color:text};
  1147. font-family:{select:body font};
  1148. font-size:{select:body size};
  1149. letter-spacing:{select:body letter spacing};
  1150. {block:ifUppercaseDescription}
  1151. text-transform:uppercase;
  1152. font-family:karla;
  1153. font-size:8px;
  1154. letter-spacing:2px;
  1155. {/block:ifUppercaseDescription}
  1156. {block:ifSmallCapsDescription}
  1157. text-transform:uppercase;
  1158. font-family:karla;
  1159. font-size:8px;
  1160. letter-spacing:2px;
  1161. {/block:ifSmallCapsDescription}
  1162. }
  1163.  
  1164. .typing, #searchentries {
  1165. width:100px;
  1166. }
  1167.  
  1168. .typing {
  1169. margin-bottom:0px;
  1170. outline:none;
  1171. border:0px solid transparent;
  1172. }
  1173.  
  1174. .typing::placeholder {
  1175. padding:0px;!important;
  1176. }
  1177.  
  1178. .enter {
  1179. margin-left:4px;
  1180. margin-bottom:0px;
  1181. outline:none;
  1182. border:0px solid transparent;
  1183. cursor:pointer;
  1184. color:{color:bold};
  1185. font-weight:bold;
  1186. text-transform:uppercase;
  1187. }
  1188.  
  1189. .audio {
  1190. display:block;
  1191. border-radius:{select:border radius};
  1192. margin:10px 10px 10px 10px;
  1193. background-color:{color:background};
  1194. padding:25px;
  1195. height:40px;
  1196. {block:ifBorders}
  1197. border:1px solid {color:border};
  1198. {/block:ifBorders}
  1199. }
  1200.  
  1201. .playbutton {
  1202. width:26px;
  1203. height:26px;
  1204. overflow:hidden;
  1205. position:relative;
  1206. z-index:9;
  1207. border-radius:50%;
  1208. opacity:.7;
  1209. float:left;
  1210. }
  1211.  
  1212. .albumart img {
  1213. height:40px;
  1214. width:40px;
  1215. position:relative;
  1216. float:right;
  1217. }
  1218.  
  1219. .details {
  1220. margin-top:-8px;
  1221. margin-left:15px;
  1222. text-align:left;
  1223. float:left;
  1224. padding:5px;
  1225. text-transform:lowercase;
  1226. }
  1227.  
  1228. .chats {
  1229. display:block;
  1230. padding:15px;
  1231. }
  1232.  
  1233. .user_1, .user_3, .user_5 {
  1234. text-align:left;
  1235. display:block;
  1236. padding:10px;
  1237. }
  1238.  
  1239. .user_2, .user_4, .user_6 {
  1240. text-align:right;
  1241. display:block;
  1242. padding:10px;
  1243. }
  1244.  
  1245. </style>
  1246.  
  1247. </head>
  1248.  
  1249. <body>
  1250.  
  1251. <div id="container">
  1252.  
  1253. <div id="sidebar_info">
  1254.  
  1255. <div class="side"><img src="{image:sidebar}"></div>
  1256.  
  1257. <div class="icon"><text>lucent;</text><img src="{image:icon}"></div>
  1258.  
  1259. <div class="sidebar_desc">
  1260. <b>ali, lili or mo</b> &mdash; 25 years old, new yorker. i like to code sometimes. i love soft things, soothing voices and my gf. she/her pronouns if you need them for something!
  1261. {block:Pagination}
  1262. <shit>
  1263. {block:PreviousPage}
  1264. <a href="{PreviousPage}">previous</a>
  1265. {/block:PreviousPage}
  1266. &nbsp;&nbsp;
  1267. {block:NextPage}
  1268. <a href="{NextPage}">next</a>
  1269. {/block:NextPage}
  1270. {/block:Pagination}
  1271.  
  1272. <!-- Statcounter code for scftlcves
  1273. http://scftlcves.tumblr.com/ on Tumblr -->
  1274. <script type="text/javascript">
  1275. var sc_project=11750856;
  1276. var sc_invisible=1;
  1277. var sc_security="ce866e6c";
  1278. var sc_https=1;
  1279. </script>
  1280. <script type="text/javascript"
  1281. src="https://www.statcounter.com/counter/counter.js"
  1282. async></script>
  1283. <noscript><div class="statcounter"><a title="Web Analytics"
  1284. href="https://statcounter.com/" target="_blank"><img
  1285. class="statcounter"
  1286. src="https://c.statcounter.com/11750856/0/ce866e6c/1/"
  1287. alt="Web Analytics"></a></div></noscript>
  1288. <!-- End of Statcounter Code -->
  1289.  
  1290. </shit>
  1291. </div>
  1292.  
  1293. <div id="navigation">
  1294. <a href="/">index</a>
  1295. <a href="/ask">mssg</a>
  1296. <a href="/codedirectory">codes</a>
  1297. <a href="/navigation">nav</a>
  1298. </div>
  1299.  
  1300. </div>
  1301.  
  1302. <div id="postcontain">
  1303.  
  1304. {block:ContentSource}
  1305. <!– {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1306. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1307. {/block:SourceLogo}
  1308. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –>
  1309. {/block:ContentSource}
  1310.  
  1311. {block:Posts}
  1312.  
  1313. <article class="posts">
  1314.  
  1315.  
  1316. {block:Date}
  1317. <div class="info">
  1318. <div class="time_ago"><a href="{Permalink}">{TimeStamp}</a></div> {block:RebloggedFrom} <picons><span class="th th-reblog"></span></picons><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  1319. <span style="float:right">
  1320. <a href="{Permalink}">{NoteCount}</a><picons><span class="th th-heart-1-o"></span></picons>
  1321. </span>
  1322. </div>
  1323. {/block:Date}
  1324.  
  1325. {block:Text}
  1326. {block:Title}<div class="post_titles">{Title}</div>{/block:Title}
  1327. <div class="caption">
  1328. {Body}
  1329. </div>
  1330. {block:More}
  1331. <div class="more-btn-wrap">
  1332. <a href="{Permalink}" class="more-btn">Read More</a>
  1333. </div>
  1334. {/block:More}
  1335. {/block:Text}
  1336.  
  1337. {block:Photo}
  1338. <img src="{PhotoURL-500}" width="100%">
  1339. {block:Caption}<div class="caption">{Caption} {block:More}
  1340. <div class="more-btn-wrap">
  1341. <a href="{Permalink}" class="more-btn">
  1342. Read More
  1343. </a>
  1344. </div>
  1345. {/block:More}</div>{/block:Caption}
  1346. {/block:Photo}
  1347.  
  1348. {block:Photoset}
  1349. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1350. {block:Caption}<div class="caption">{Caption} {block:More}
  1351. <div class="more-btn-wrap">
  1352. <a href="{Permalink}" class="more-btn">
  1353. Read More
  1354. </a>
  1355. </div>
  1356. {/block:More}</div>{/block:Caption}
  1357. {/block:Photoset}
  1358.  
  1359. {block:Video}
  1360. <div class="video">{Video-500}</div>
  1361. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1362. {/block:Video}
  1363.  
  1364. {block:Link}
  1365. <div class="link_main">
  1366. <a href="{URL}">{Name}</a>
  1367. {block:Host}
  1368. <div class="link_host">
  1369. {Host}
  1370. </div>
  1371. {/block:Host}
  1372. </div>
  1373. {block:Description}<div class="link_desc">{Description}</div>{/block:Description}
  1374. {/block:Link}
  1375.  
  1376. {block:Chat}
  1377. {block:Title}<div id="post_titles">{Title}</div>{/block:Title}
  1378. <div class="chats">
  1379. {block:Lines}
  1380. <span class="line_{Alt} user_{UserNumber}">
  1381. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  1382. </span>
  1383. {/block:Lines}
  1384. </div>
  1385. {/block:Chat}
  1386.  
  1387. {block:Quote}
  1388. <div class="caption">
  1389. <div class="quote_full">
  1390. <div class="quote_q">{Quote}</div>
  1391. {block:Source}<br><div class="quote_source">{Source}</div>{/block:Source}
  1392. </div></div>
  1393. {/block:Quote}
  1394.  
  1395. {block:Audio}
  1396. {block:AudioPlayer}
  1397. <div class="audio">
  1398. <div class="playbutton">{AudioPlayerGrey}</div>
  1399. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1400. <div class="details">
  1401. {block:TrackName}{TrackName}{/block:TrackName}<br>
  1402. {block:Artist}{Artist}{/block:Artist}
  1403. </div></div>
  1404. <div class="caption">
  1405. {block:Caption}{Caption}{/block:Caption}
  1406. </div>
  1407. {/block:AudioPlayer}
  1408. {/block:Audio}
  1409.  
  1410.  
  1411. {block:Answer}
  1412.  
  1413. <div id="q3">
  1414. <div class="q3_icon1">q</div>
  1415. <div class="q3_question">{Question} <br><div class="q3_asker">&mdash; {Asker}</div>
  1416. </div>
  1417.  
  1418. <div class="caption">
  1419. <div class="q3_icon2">a</div>
  1420. <div class="q3_answer">
  1421. {Answer}
  1422. {block:More}
  1423. <div class="more-btn-wrap">
  1424. <a href="{Permalink}" class="more-btn">Read More</a>
  1425. </div>
  1426. {/block:More}
  1427. </div>
  1428. </div>
  1429. </div>
  1430.  
  1431.  
  1432. {/block:Answer}
  1433.  
  1434. {block:HasTags} <div class="tags">{block:Tags} <a href="{TagURL}"># &nbsp;&nbsp;{Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  1435.  
  1436. </article>
  1437.  
  1438. {/block:Posts}
  1439.  
  1440. {block:PostNotes}
  1441. <div id="post_info">{PostNotes}</div>
  1442. {/block:PostNotes}
  1443.  
  1444. </div>
  1445. </div>
  1446.  
  1447.  
  1448. <div id="credit">
  1449.  
  1450. <div id="socials">
  1451. <a href="https://www.pinterest.com/scftlcves/" title="scftlcves"><span class="th th-pinterest-o"></span></a>
  1452. <a href="https://twitter.com/_scftlcves" title="_scftlcves"><span class="th th-twitter-o"></span></a>
  1453. <a href="/" title="ask me off-anon"><span class="th th-discord"></span></a>
  1454. <a href="/byf" title="before you follow">BYF</a>
  1455. </div>
  1456.  
  1457. <set1>
  1458. {text:online fhs} online &mdash; {text:total fhs} total visits
  1459. </set1>
  1460.  
  1461. <set2>
  1462. <form class="find" action="/search" method="get">
  1463. <a class="expand"><input class="typing" type="text" name="q" value="{SearchQuery}" placeholder="enter keyword..." autocomplete="off"/></a>
  1464. <input class="enter" type="submit" value="search"/>
  1465. </form>
  1466. </set2>
  1467. </div>
  1468.  
  1469. <script>
  1470. $(document).ready(function(){
  1471. $('.photo-slideshow').pxuPhotoset({
  1472. lightbox: true,
  1473. rounded: false,
  1474. gutter: '{select:photoset gutters}',
  1475. borderRadius: '0px',
  1476. photoset: '.photo-slideshow',
  1477. photoWrap: '.photo-data',
  1478. photo: '.pxu-photo',
  1479. });
  1480. });
  1481. </script>
  1482.  
  1483. </body>
  1484.  
  1485.  
  1486. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!