astraeacodes

vice city by astraeawrites

Sep 6th, 2017
6,827
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.95 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
  2.  
  3.  
  4. <!-------------✧ ☾ ☆ ☄ ⁛ THEMES BY ASTRAEAWRITES ⁛ ☄ ☾ ✧
  5. DO NOT STEAL OR CLAIM AS YOURS!
  6. report problems or questions @ astraeawrites.tumblr.com
  7.  
  8. TUMBLR CONTROLS BY @CYANISTS, i claim no credit for it !!
  9. CHAT BUBBLES BY ANIMALITES.TUMBLR.COM (DEACTIVATED)
  10. VIDEO RESIZE BY SHYTHEMES
  11. NEW TUMBLR AUDIO POSTS BACKGROUND COLOR TUTORIAL @ROXIESTHEMES------->
  12.  
  13. <html>
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17.  
  18. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  19.  
  20.  
  21. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22.  
  23. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>
  24.  
  25. <script>
  26. $(document).ready(function() { $('iframe.tumblr_audio_player').load( function() { $('iframe.tumblr_audio_player').contents().find("head") .append($("<style type='text/css'> .audio-player{background:{color:accents two} !important} </style>")); }); });</script>
  27.  
  28. <link href="https://fonts.googleapis.com/css?family=Inconsolata|Karla|Roboto|Varela" rel="stylesheet">
  29.  
  30. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  31.  
  32. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  33.  
  34. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  35.  
  36. <meta name="image:sidebar" content="">
  37. <meta name="image:background" content="">
  38.  
  39. <meta name="select:post width" content="400px" title="400px" />
  40. <meta name="select:post width" content="500px" title="500px" />
  41. <meta name="select:post width" content="540px" title="540px" />
  42.  
  43. <meta name="select:font size" content="9px">
  44. <meta name="select:font size" content="10px">
  45. <meta name="select:font size" content="11px">
  46.  
  47. <meta name="select:grayscale" content="none">
  48. <meta name="select:grayscale" content="0.5">
  49. <meta name="select:grayscale" content="0.7">
  50. <meta name="select:grayscale" content="0.9">
  51. <meta name="select:grayscale" content="1">
  52.  
  53. <meta name="if:tags" content="">
  54. <meta name="if:invert controls" content="">
  55.  
  56. <meta name="color:background" content="#000">
  57. <meta name="color:text" content="#c2c2c2">
  58. <meta name="color:links" content="#c27e7e">
  59. <meta name="color:links hover" content="#810000">
  60. <meta name="color:sidebar links" content="#8e8e8e">
  61. <meta name="color:bold" content="#8d5f5f">
  62. <meta name="color:italics" content="#e57878">
  63. <meta name="color:tooltip bg" content="#232323">
  64. <meta name="color:tooltip text" content="#c8c8c8">
  65. <meta name="color:scroll" content="#454545">
  66. <meta name="color:scroll bg" content="#000000">
  67. <meta name="color:selection" content="#b7b7b7">
  68. <meta name="color:title" content="#dedede">
  69. <meta name="color:container" content="#211e1e">
  70. <meta name="color:post bg" content="#0c0b0b">
  71. <meta name="color:borders" content="#252323">
  72. <meta name="color:accents one" content="#1a1a1a">
  73. <meta name="color:accents two" content="#241a1a">
  74.  
  75. <meta name="text:title one" content="title">
  76.  
  77. <meta name="text:extra link one" content="/">
  78. <meta name="text:extra link one name" content="refresh">
  79. <meta name="text:extra link two" content="/ask">
  80. <meta name="text:extra link two name" content="message">
  81. <meta name="text:extra link three" content="/url">
  82. <meta name="text:extra link three name" content="link three">
  83. <meta name="text:extra link four" content="/url">
  84. <meta name="text:extra link four name" content="link four">
  85.  
  86.  
  87.  
  88. <style type="text/css">
  89.  
  90.  
  91.  
  92. /*---------------BASIC BODY & TEXT---------------*/
  93.  
  94. @font-face { font-family: "vincentia"; src: url('https://dl.dropboxusercontent.com/s/lsokt12hrf59863/Vincentia.otf') ;}
  95.  
  96. #s-m-t-tooltip {
  97. max-width:400px;
  98. background-color:{color:tooltip bg};
  99. font-family:"roboto", sans-serif;
  100. font-size:calc({select:font size} - 3px);
  101. color:{color:tooltip text};
  102. letter-spacing:2px;
  103. text-transform:uppercase;
  104. padding:6.5px;
  105. line-height:100%;
  106. margin:18px 0px 0px 18px;
  107. z-index:99999999999999999999999999999999;
  108. border-radius:5px;
  109. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  110. }
  111.  
  112. ::-webkit-scrollbar-thumb:vertical {
  113. background-color:{color:scroll};
  114. height:auto;
  115. border-radius:0px;
  116. }
  117.  
  118. ::-webkit-scrollbar-thumb:horizontal {
  119. height:auto !important;
  120. border-radius:0px;
  121. }
  122.  
  123. ::-webkit-scrollbar {
  124. height:auto;
  125. width:3.5px;
  126. background-color:{color:scroll bg};
  127. border-radius:0px;
  128. }
  129.  
  130. ::selection {
  131. background-color:{color:selection};
  132. color: #fff;
  133. }
  134.  
  135.  
  136. body{
  137. background-color:{color:background};
  138. font-size:{select:font size};
  139. font-family:"roboto";
  140. overflow-y:hidden;
  141. color:{color:text};
  142. background-image:url('{image:background}');
  143. background-size: cover;
  144. -webkit-background-size: cover;
  145. -moz-background-size: cover;
  146. -o-background-size: cover;
  147. background-attachment:fixed;
  148. }
  149.  
  150. img{
  151. max-width:100%;
  152. height:auto;
  153. -webkit-filter: grayscale({select:grayscale});
  154. -webkit-transition: all 0.9s ease-in-out;
  155. -moz-transition: all 0.9s ease-in-out;
  156. -o-transition: all 0.9s ease-in-out;
  157. -ms-transition: all 0.9s ease-in-out;
  158. transition: all 0.9s ease-in-out;
  159. }
  160.  
  161. img:hover {
  162. -webkit-filter: none;
  163. }
  164.  
  165. p{
  166. padding-bottom:5px;
  167. }
  168.  
  169. a{
  170. text-decoration:none;
  171. color:{color:links};
  172. -webkit-transition: all 0.4s ease-in-out;
  173. -moz-transition: all 0.4s ease-in-out;
  174. -o-transition: all 0.4s ease-in-out;
  175. -ms-transition: all 0.4s ease-in-out;
  176. transition: all 0.4s ease-in-out;
  177. }
  178.  
  179. a:hover{
  180. -webkit-transition: all 0.4s ease-in-out;
  181. -moz-transition: all 0.4s ease-in-out;
  182. -o-transition: all 0.4s ease-in-out;
  183. -ms-transition: all 0.4s ease-in-out;
  184. transition: all 0.4s ease-in-out;
  185. color:{color:links hover};
  186. }
  187.  
  188. b, strong{
  189. font-weight:700;
  190. color:{color:bold};
  191. }
  192.  
  193. i,em{
  194. color:{color:italics};
  195. }
  196.  
  197. blockquote{
  198. border-left:1px solid {color:borders};
  199. padding-left:15px;
  200. margin-left:4px;
  201. }
  202.  
  203. pre{
  204. white-space: pre-wrap;
  205. white-space: -moz-pre-wrap;
  206. white-space: -pre-wrap;
  207. white-space: -o-pre-wrap;
  208. word-wrap: break-word;
  209. font-family:"inconsolata";
  210. }
  211.  
  212. small , sub{
  213. font-size:{select:font size};
  214. }
  215.  
  216. h1{
  217. font-size:calc({select:font size} + 8px);
  218. font-family:"karla";
  219. font-weight:500;
  220. text-transform:uppercase;
  221. text-align:center;
  222. line-height:15px;
  223. }
  224.  
  225. h2{
  226. font-size:calc({select:font size} + 6px);
  227. font-family:"karla";
  228. font-weight:500;
  229. line-height:15px;
  230. }
  231.  
  232. h3{
  233. font-size:calc({select:font size} + 4px);
  234. font-family:"karla";
  235. font-weight:500;
  236. line-height:15px;
  237. }
  238.  
  239. ul {
  240. list-style-type: circle;
  241. padding-left:10px;
  242. line-height:13px;
  243. }
  244.  
  245. ol{
  246. list-style-type:lower-roman;
  247. padding-left:10px;
  248. line-height:13px;
  249. }
  250.  
  251. li {
  252. position: relative;
  253. padding-left: 10px;
  254. margin-bottom: 5px
  255. }
  256.  
  257.  
  258.  
  259. /*---------------IFRAMES---------------*/
  260.  
  261. iframe.tmblr-iframe {
  262. z-index:99999999999999!important;
  263. top:0!important;
  264. right:0!important;
  265. opacity:0.4;
  266. {block:IfInvertControls}
  267. filter:invert(1) contrast(150%);
  268. -webkit-filter:invert(1) contrast(150%);
  269. -o-filter:invert(1) contrast(150%);
  270. -moz-filter:invert(1) contrast(150%);
  271. -ms-filter:invert(1) contrast(150%);
  272. {/block:IfInvertControls}
  273. transform:scale(0.65);
  274. transform-origin:100% 0;
  275. -webkit-transform:scale(0.65);
  276. -webkit-transform-origin:100% 0;
  277. -o-transform:scale(0.65);
  278. -o-transform-origin:100% 0;
  279. -moz-transform:scale(0.65);
  280. -moz-transform-origin:100% 0;
  281. -ms-transform:scale(0.65);
  282. -ms-transform-origin:100% 0;}
  283.  
  284. iframe.tmblr-iframe:hover {
  285. opacity:0.6!important;}
  286.  
  287. .html_photoset {
  288. -webkit-filter: grayscale({select:grayscale});
  289. -webkit-transition: all 0.9s ease-in-out;
  290. -moz-transition: all 0.9s ease-in-out;
  291. -o-transition: all 0.9s ease-in-out;
  292. -ms-transition: all 0.9s ease-in-out;
  293. transition: all 0.9s ease-in-out;
  294. }
  295.  
  296. .html_photoset:hover {
  297. -webkit-filter: none;
  298. }
  299.  
  300.  
  301. /*---------------SIDEBAR---------------*/
  302.  
  303. #sidebar{
  304. width:155px;
  305. height:457px;
  306. max-height:457px;
  307. background:{color:post bg};
  308. padding:10px;
  309. border-radius:2px;
  310. margin:20px;
  311. border:1px solid {color:borders};
  312. }
  313.  
  314. #sidebar img{
  315. width:140px;
  316. height:140px;
  317. border:5px solid {color:accents one};
  318. margin:3px 3px 3px 3px;
  319. }
  320.  
  321. .sidebarsubnavi{
  322. font-weight:900;
  323. width:152px;
  324. margin-left:2.5px;
  325. margin-top:-2.5px;
  326. position:absolute;
  327. }
  328.  
  329. .sidebarsubnavi a{
  330. display:block;
  331. padding:7px;
  332. text-transform:uppercase;
  333. font-size:10px;
  334. background:{color:accents one};
  335. color:{color:sidebar links};
  336. border:1px solid {color:borders};
  337. font-family:"roboto";
  338. border-radius:2px;
  339. margin-top:2.5px;
  340. margin-bottom:2.5px;
  341. }
  342.  
  343. .sidebarsubnavi a:hover{
  344. padding-left:15px;
  345. }
  346.  
  347. .sidebarsubnavi i{
  348. font-size:14px;
  349. display:inline-flex;
  350. vertical-align:middle;
  351. padding-right:8px;
  352. margin-top:-1px;
  353. color:{color:sidebar links};
  354. }
  355.  
  356. .sidebardescription{
  357. width:129.5px;
  358. height:120px;
  359. background:{color:accents one};
  360. border:1px solid {color:borders};
  361. text-align:center;
  362. position:absolute;
  363. bottom:55px;
  364. padding:10px;
  365. left:33px;
  366. overflow:hidden;
  367. }
  368.  
  369. .inner{
  370. overflow:auto;
  371. height:100%;
  372. }
  373.  
  374. .inner::-webkit-scrollbar{
  375. display:none;
  376. }
  377.  
  378. .pagination{
  379. padding-left:10px;
  380. padding-right:10px;
  381. text-align:center;
  382. width:136px;
  383. bottom:35px;
  384. position:absolute;
  385. }
  386.  
  387. .pagination a{
  388. font-size:calc({select:font size} + 1px);
  389. font-family:"roboto";
  390. text-transform:uppercase;
  391. font-weight:900;
  392. padding-left:10px;
  393. padding-right:10px;
  394. }
  395.  
  396.  
  397.  
  398. /*---------------POSTS & ENTRIES---------------*/
  399.  
  400. #box{
  401. width:calc({select:post width} + 276px);
  402. height:520px;
  403. top:50%;
  404. left:50%;
  405. margin-top:-230px;
  406. margin-left:calc(({select:post width} + 276px) / -2);
  407. position:fixed;
  408. background:{color:container};
  409. opacity:0.95;
  410. border-radius:2px;
  411. }
  412.  
  413. #posts{
  414. position:absolute;
  415. z-index:99999;
  416. height:477px;
  417. width:calc({select:post width} + 46px);
  418. overflow-y:scroll;
  419. margin:10px;
  420. top:10px;
  421. right:8px;
  422. padding-right:8px;
  423. }
  424.  
  425. #entries{
  426. border:1px solid {color:borders};
  427. background:{color:post bg};
  428. width:{select:post width};
  429. padding:15px;
  430. border-radius:2px;
  431. margin:0px 10px 10px 10px;
  432. }
  433.  
  434. #title{
  435. font-family:"vincentia";
  436. z-index:9999;
  437. width:calc({select:post width} + 276px);
  438. top:50%;
  439. left:50%;
  440. margin-top:-263px;
  441. font-size:45px;
  442. margin-left:calc(({select:post width} + 276px) / -2);
  443. text-align:center;
  444. position:fixed;
  445. color:{color:title};
  446. font-weight:100;
  447. cursor:default;
  448. text-transform:lowercase;
  449. }
  450.  
  451.  
  452.  
  453. /*---------------POST CUSTOMIZATIONS---------------*/
  454.  
  455. .quotes{
  456. font-size:calc({select:font size} + 5.5px);
  457. font-weight:900;
  458. font-family:"amiri";
  459. line-height:20px;
  460. padding-left:1em;
  461. padding-right:1em;
  462. text-indent:-1em;
  463. text-align: center;
  464. }
  465.  
  466. .source{
  467. text-align:center;
  468. padding-top:10px;
  469. padding-right:10px;
  470. padding-left:10px;
  471. font-style:normal;
  472. }
  473.  
  474. .title{
  475. font-size:calc({select:font size} + 10px);
  476. font-family:"karla";
  477. font-weight:500;
  478. text-transform:uppercase;
  479. text-align:center;
  480. padding-bottom:10px;
  481. }
  482.  
  483. .photoset iframe{
  484. width:100%!important;
  485. max-width:100%!important;
  486. }
  487.  
  488. .audio iframe{
  489. max-width:100%;
  490. height:85px;
  491. padding-bottom:0px;
  492. margin-bottom:5px;
  493. }
  494.  
  495. .question{
  496. background:{color:accents one};
  497. padding:20px;
  498. font-size:calc({select:font size} + 1.5px);
  499. font-weight:900;
  500. font-family"karla";
  501. border-radius:5px;
  502. }
  503.  
  504. .questiont{
  505. width:0;
  506. height:0;
  507. border-style:solid;
  508. border-width:20px 15px 0px 15px;
  509. border-color:{color:accents one} transparent transparent transparent;
  510. margin-left:calc({select:post width}/2 + 12px);
  511. position:relative;
  512. }
  513.  
  514. .askers{
  515. position:relative;
  516. text-align:center;
  517. margin-top:-15px;
  518. }
  519.  
  520. .askers img{
  521. border-radius:50%;
  522. }
  523.  
  524. .asker span{
  525. position:absolute;
  526. display:inline-flex;
  527. vertical-align:text-top;
  528. margin-top:5px;
  529. margin-left:10px;
  530. font-size:calc({select:font size} + 1px);
  531. text-transform:uppercase;
  532. font-weight:600;
  533. }
  534.  
  535. .asker span2{
  536. position:absolute;
  537. margin-top:-25px;
  538. margin-left:35px;
  539. font-size:{select:font size};
  540. padding-top:5px;
  541. border-top:1px solid {color:accents one};
  542. text-transform:uppercase;
  543. font-family:"karla";
  544. font-style:italic;
  545. }
  546.  
  547. .answered{
  548. margin-bottom:-10px;
  549. }
  550.  
  551. .answer span,.convo li{
  552. margin-top:0px;
  553. margin-bottom:5px;
  554. border-radius:1em;
  555. padding:8px 10px;
  556. max-width:75%;
  557. clear:both;
  558. position:relative;
  559. }
  560.  
  561. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
  562. float:left;
  563. background:{color:accents one};
  564. color:{color:text};
  565. left:3px;
  566. top:0px;
  567. }
  568.  
  569. .me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{
  570. content:"";
  571. position:absolute;
  572. left:-.5em;
  573. bottom:0;
  574. width:.5em;
  575. height:1em;
  576. border-right:.5em solid {color:accents one};
  577. border-bottom-right-radius:1em .5em;
  578. }
  579.  
  580. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
  581. right:3px;
  582. top:0px;
  583. float:right;
  584. background-color:{color:accents two};
  585. color:{color:text};
  586. }
  587.  
  588. .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{
  589. content:"";
  590. position:absolute;
  591. right:-.5em;
  592. bottom:0;
  593. width:.5em;
  594. height:1em;
  595. border-left:.5em solid {color:accents two};
  596. border-bottom-left-radius:1em .5em;
  597. }
  598.  
  599. .convo {
  600. overflow: hidden;
  601. list-style-type: none;
  602. padding: 10px;
  603. margin: 0;
  604. }
  605.  
  606. .caption{
  607. margin:5px;
  608. }
  609.  
  610.  
  611.  
  612. /*---------------INFORMATION---------------*/
  613.  
  614. .information{
  615. background:{color:accents one};
  616. padding:10px;
  617. border:1px solid {color:borders};
  618. border-radius:2px;
  619. margin-top:20px;
  620. margin-bottom:0px;
  621. }
  622.  
  623. .information span{
  624. text-align:left;
  625. padding-left:10px;
  626. text-transform:uppercase;
  627. font-size:calc({select:font size} - 1px);
  628. }
  629.  
  630. .information span2{
  631. font-size:calc({select:font size} + 1px);
  632. font-weight:900;
  633. display:inline-flex;
  634. vertical-align:middle;
  635. }
  636.  
  637. .information span3{
  638. text-align:left;
  639. padding-left:5px;
  640. text-transform:uppercase;
  641. font-size:calc({select:font size} - 1px);
  642. }
  643.  
  644. .information rb{
  645. right:0%;
  646. position:absolute;
  647. padding-right:55px;
  648. margin-top:-1px;
  649. }
  650.  
  651. .information a{
  652. margin-left:10px;
  653. }
  654.  
  655.  
  656.  
  657. /*---------------TAGS---------------*/
  658.  
  659. .tags{
  660. {block:ifTags}
  661. font-size:calc({select:font size} - 2px);
  662. font-family:"roboto";
  663. margin-top:10px;
  664. padding-right:10px;
  665. padding-left:10px;
  666. line-height:20px;
  667. font-weight:900;
  668. text-align:center;
  669. color:{color:links};
  670. {/block:ifTags}
  671. }
  672.  
  673. .tags i{
  674. font-size:calc({select:font size} - 2px);
  675. display:inline-flex;
  676. vertical-align:middle;
  677. padding-right:2px;
  678. color:{color:links};
  679. }
  680.  
  681. .tags a{
  682. padding-left:5px;
  683. padding-right:5px;
  684. }
  685.  
  686.  
  687. /*---------------NOTES---------------*/
  688.  
  689. .notes{
  690. margin-top:-10px;
  691. }
  692.  
  693. ol.notes, .notes li {
  694. border-bottom:1px solid {color:borders};
  695. font-family:"roboto";
  696. text-transform:uppercase;
  697. list-style:none;
  698. padding:10px;
  699. font-size:calc({select:font size} - 1px);
  700. }
  701.  
  702. .notes img{
  703. width:12px;
  704. height:12px;
  705. overflow:hidden;
  706. border-radius:50%;
  707. vertical-align:middle;
  708. margin-bottom:2px;
  709. }
  710.  
  711. ol.notes, .notes li a {
  712. margin-right:10px;
  713. }
  714.  
  715.  
  716.  
  717. /*---------------CREDIT, DO NOT MOVE OR MAKE LESS VISIBLE!!---------------*/
  718.  
  719. .credit {
  720. position:fixed;
  721. font-weight:900;
  722. text-align:right;
  723. right:20px;
  724. bottom:20px;
  725. background:{color:container};
  726. border-radius:50%;
  727. padding:5px;
  728. opacity:0.8;
  729. }
  730.  
  731. .credit i{
  732. color:{color:title};
  733. font-size:20px;
  734. }
  735.  
  736.  
  737.  
  738.  
  739. {CustomCSS}
  740. </style>
  741. </head>
  742. <body>
  743.  
  744. <div id="title">{text:title one}</div>
  745.  
  746. <div id="box">
  747.  
  748. <div id="sidebar">
  749.  
  750. <img src="{image:sidebar}">
  751.  
  752. <div class="sidebarsubnavi">
  753. <a href="{text:extra link one}"><i class="material-icons">home</i>{text:extra link one name}</a>
  754. <a href="{text:extra link two}"><i class="material-icons">chat</i>{text:extra link two name}</a>
  755. <a href="{text:extra link three}"><i class="material-icons">person</i>{text:extra link three name}</a>
  756. <a href="{text:extra link four}"><i class="material-icons">place</i>{text:extra link four name}</a>
  757. </div>
  758.  
  759. {block:Description}<div class="sidebardescription"><div class="inner">{Description}</div></div>{/block:Description}
  760.  
  761. <div class="pagination">
  762. {block:Pagination}
  763. {block:PreviousPage}
  764. <a href="{PreviousPage}">back</a>
  765. {/block:PreviousPage}
  766. {block:NextPage}
  767. <a href="{NextPage}">next</a>
  768. {/block:NextPage}
  769. {/block:Pagination}
  770. </div>
  771. </div>
  772.  
  773. <div id="posts">
  774. {block:Posts}
  775.  
  776. <div id="entries">
  777.  
  778. {block:Link}
  779. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  780. {block:Description}{Description}{/block:Description}
  781. {/block:Link}
  782.  
  783. {block:Quote}
  784. <div class="quotes">❝ {Quote} ❞</div>
  785. {block:Source}<div class="source">↳ {Source}</div>{/block:Source}
  786. {/block:Quote}
  787.  
  788. {block:Text}
  789. {block:Title}
  790. <div class="title">{Title}</div>{/block:Title}{Body}
  791. {/block:Text}
  792.  
  793. {block:Photo}
  794. {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="{select:post width}">{LinkCloseTag}
  795. {block:Caption}
  796. <div class="caption">{Caption}</div>
  797. {/block:Caption}
  798. {/block:Photo}
  799.  
  800. {block:Photoset}
  801. <div class="photoset">{Photoset}</div>
  802. {block:Caption}
  803. <div class="caption">{Caption}</div>
  804. {/block:Caption}{block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  805. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  806. {/block:Photoset}
  807.  
  808. {block:Video}
  809. <div class="video">{Video-500}</div>
  810. {block:Caption}
  811. <div class="caption">{Caption}</div>
  812. {/block:Caption}
  813. {/block:Video}
  814.  
  815. {block:Audio}
  816. <div class="audio">{AudioEmbed-640}</div>
  817. {block:Caption}
  818. <div class="caption">{Caption}</div>
  819. {/block:Caption}
  820. {/block:Audio}
  821.  
  822. {block:Answer}
  823. <div class="question">{Question}</div>
  824. <div class="questiont"></div>
  825. <div class="askers">
  826. <div class="asker"><img src="{AskerPortraitURL-48}">
  827. <span>{Asker}</span><br><span2>asked a question</span2></div>
  828. </div>
  829. <div class="answered">{Answer}</div>
  830. {block:Caption}
  831. <div class="caption">{Caption}</div>
  832. {/block:Caption}
  833. {/block:Answer}
  834.  
  835. {block:Chat}
  836. {block:Title}
  837. <h1>{Title}</h1>{/block:Title}<br>
  838. <ul class="convo">
  839. {block:Lines}<li class="line_{Alt} user_{UserNumber}">
  840. {block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  841. {Line}</li>
  842. {/block:Lines}</ul>
  843. {block:Caption}
  844. <div class="caption">{Caption}</div>
  845. {/block:Caption}
  846. {/block:Chat}
  847.  
  848. <div class="information">
  849. <span>
  850. {block:Date}<a href="{Permalink}" title="{NoteCountWithLabel}">
  851. <b>{TimeAgo}</b></a></span>
  852. {/block:Date}
  853. <span>
  854. {block:RebloggedFrom}
  855. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  856. {/block:RebloggedFrom}
  857. </span>
  858. <span>
  859. {block:RebloggedFrom}
  860. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  861. {/block:RebloggedFrom}
  862. </span>
  863. <rb>
  864. <span2>
  865. <a href="{ReblogURL}" target="_blank" class="reblog"><span2 class="lnr lnr-sync"></span2>
  866. <span3>reblog</span3></a>
  867. </rb>
  868. </div>
  869.  
  870. <div class="tags">
  871. {block:ifTags}
  872. {block:HasTags}
  873. <div class="tags">{block:Tags}<a href="{TagUrl}">
  874. <i class="material-icons">local_offer</i> {Tag}</a>
  875. {/block:Tags}</div>{/block:HasTags}
  876. {/block:ifTags}
  877. </div>
  878.  
  879. {block:PostNotes}
  880. <div class="notes">
  881. {PostNotes}
  882. </div>
  883. {/block:PostNotes}
  884.  
  885. </div>
  886. {/block:Posts}
  887. </div>
  888. </div>
  889.  
  890.  
  891.  
  892.  
  893. <!---------------CREDIT // DO NOT REMOVE OR ALTER PLS !! --------------- -->
  894.  
  895. <div class="credit"><a href="https://astraeawrites.tumblr.com" title="astraeawrites"><i class="material-icons">bubble_chart</i></a></div>
  896.  
  897.  
  898. </body>
  899. </html>
Advertisement
Add Comment
Please, Sign In to add comment