astraeacodes

stars by astraeawrites

Apr 9th, 2017
8,464
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.37 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. <!----------------------✧ ☾ ☆ ☄ ⁛ CREDITS !! ⁛ ☄ ☾ ✧
  9. LIKE & REBLOG BUTTON TUTORIAL BY SHYTHEMES.TUMBLR.COM
  10. HOVER TAGS TUTORIAL BY OCTOMOOSEY.TUMBLR.COM
  11. CHAT BUBBLES BY ANIMALITES.TUMBLR.COM (DEACTIVATED)
  12. NEW TUMBLR AUDIO POSTS BACKGROUND COLOR TUTORIAL @ROXIESTHEMES
  13. ---->
  14.  
  15. <html>
  16. <head>
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19.  
  20.  
  21.  
  22. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  23.  
  24. <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>
  25.  
  26. <script type="text/javascript">
  27. $(document).ready(function(){
  28. var $posts = $(".posts"); // change .posts to your post div
  29. var $postIDs = $posts.map(function(){
  30. return this.id;
  31. }).get();
  32. console.log($posts, $postIDs);
  33. Tumblr.LikeButton.get_status_by_post_ids($postIDs);
  34. });
  35. </script>
  36.  
  37. <script>
  38. $(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:permalink} !important} </style>")); }); });</script>
  39.  
  40. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  41.  
  42. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  43.  
  44. <link href="https://fonts.googleapis.com/css?family=Lato|Montserrat|Muli|Raleway|Roboto|Inconsolata" rel="stylesheet">
  45.  
  46.  
  47.  
  48.  
  49.  
  50. <meta name="image:sidebar" content="">
  51.  
  52. <meta name="text:sidebar title" content="this is your title">
  53. <meta name="text:sidebar subtitle" content="& this is your subtitle">
  54.  
  55. <meta name="text:link one" content="/">
  56. <meta name="text:link one name" content="home">
  57. <meta name="text:link two" content="/ask">
  58. <meta name="text:link two name" content="mssg">
  59. <meta name="text:link three" content="/">
  60. <meta name="text:link three name" content="link">
  61. <meta name="text:link four" content="/">
  62. <meta name="text:link four name" content="link">
  63. <meta name="text:link five" content="/">
  64. <meta name="text:link five name" content="link">
  65.  
  66. <meta name="color:background" content="#fff">
  67. <meta name="color:border" content="#dddddd">
  68. <meta name="color:scroll" content="#000">
  69. <meta name="color:scroll bg" content="#e9e9e9">
  70. <meta name="color:selection" content="#ffe8e8">
  71. <meta name="color:title" content="#000">
  72. <meta name="color:text" content="#424242">
  73. <meta name="color:text shadow" content="#565656">
  74. <meta name="color:links" content="#000">
  75. <meta name="color:links hover" content="#ffdbdb">
  76. <meta name="color:bold" content="#000">
  77. <meta name="color:italics" content="#342d2d">
  78. <meta name="color:tooltips" content="#ffebeb">
  79. <meta name="color:chat accent" content="#d4d4d4">
  80. <meta name="color:permalink" content="#f9f9f9">
  81. <meta name="color:permalink info" content="#686868">
  82.  
  83. <meta name="if:tags" content="">
  84. <meta name="if:hover tags" content="">
  85. <meta name="if:text shadow" content="">
  86. <meta name="if:grayscale" content="">
  87. <meta name="if:400px posts" content="">
  88. <meta name="if:500px posts" content="1">
  89. <meta name="if:540px posts" content="">
  90.  
  91. <style type="text/css">
  92.  
  93.  
  94.  
  95.  
  96.  
  97. /*---------------BASICS---------------*/
  98. @font-face{font-family:"nightingale";src:url('https://dl.dropboxusercontent.com/s/zq4q9qip16p9dbw/ng.otf?dl=0');}
  99.  
  100. #s-m-t-tooltip {
  101. max-width:400px;
  102. background-color:{color:tooltips};
  103. font-family:"Roboto", sans-serif;
  104. font-size:7px;
  105. color:{color:text};
  106. letter-spacing:2px;
  107. text-transform:uppercase;
  108. padding:7.5px 3px 7.5px 3px;
  109. line-height:100%;
  110. margin:20px 0px 0px 20px;
  111. z-index:999999999999999999999999999999999999;
  112. border-radius:1px;
  113. }
  114.  
  115. ::-webkit-scrollbar-thumb:vertical {
  116. background-color: {color:scroll};
  117. height:auto;
  118. border-radius:0px;
  119. }
  120. ::-webkit-scrollbar-thumb:horizontal {
  121. height:auto !important;
  122. border-radius:0px;
  123. }
  124. ::-webkit-scrollbar {
  125. height:auto;
  126. width:5px;
  127. background-color: {color:scroll bg};
  128. border-radius:0px;
  129. }
  130.  
  131. ::selection {
  132. background-color:{color:selection};
  133. color: #fff;
  134. }
  135.  
  136. body{
  137. background-color:{color:background};
  138. font-family:"monsterrat", sans-serif;
  139. font-size:10.5px;
  140. line-height:24px;
  141. color:{color:text};
  142. letter-spacing:0.5px;
  143. }
  144.  
  145. b, strong{
  146. font-weight:700;
  147. color:{color:bold};
  148. {block:ifTextShadow}
  149. text-shadow:0px 0px 0.5px {color:text shadow};
  150. {/block:ifTextShadow}
  151. }
  152.  
  153. i, em{
  154. color:{color:italics};
  155. }
  156.  
  157. a{
  158. text-decoration:none;
  159. color:{color:links};
  160. -webkit-transition: all 0.7s ease-in-out;
  161. -moz-transition: all 0.7s ease-in-out;
  162. -o-transition: all 0.7s ease-in-out;
  163. -ms-transition: all 0.7s ease-in-out;
  164. transition: all 0.7s ease-in-out;
  165. }
  166.  
  167. a:hover{
  168. color:{color:links hover};
  169. -webkit-transition: all 0.7s ease-in-out;
  170. -moz-transition: all 0.7s ease-in-out;
  171. -o-transition: all 0.7s ease-in-out;
  172. -ms-transition: all 0.7s ease-in-out;
  173. transition: all 0.7s ease-in-out;
  174. }
  175.  
  176. blockquote{
  177. border-left:2px solid {color:border};
  178. padding-left:20px;
  179. margin-left:4px;
  180. }
  181.  
  182. pre{
  183. {block:if400pxPosts}
  184. max-width:500px;
  185. {/block:if400pxPosts}
  186.  
  187. {block:if500pxPosts}
  188. max-width:500px;
  189. {/block:if500pxPosts}
  190.  
  191. {block:if540pxPosts}
  192. max-width:500px;
  193. {/block:if540pxPosts}
  194. width:100%;
  195. overflow:auto;white-space: pre-wrap;
  196. white-space: -moz-pre-wrap;
  197. white-space: -pre-wrap;
  198. white-space: -o-pre-wrap;
  199. word-wrap: break-word;
  200. font-family:"inconsolata";
  201. }
  202.  
  203. small , sub{
  204. font-size:10px;
  205. }
  206.  
  207. h1, h2, h3{
  208. text-align:center;
  209. font-family:"muli";
  210. font-size:18px;
  211. margin-bottom:20px;
  212. {block:ifTextShadow}
  213. text-shadow:0px 0px 1px {color:text shadow};
  214. {/block:ifTextShadow}
  215. }
  216.  
  217. ul {
  218. list-style-type: circle;
  219. padding-left:10px;
  220. line-height:19px;
  221. }
  222.  
  223. ol{
  224. list-style-type:lower-roman;
  225. padding-left:10px;
  226. line-height:19px;
  227. }
  228.  
  229. li {
  230. position: relative;
  231. padding-left: 10px;
  232. margin-bottom: 5px
  233. }
  234.  
  235.  
  236.  
  237.  
  238. /*---------------SIDEBAR---------------*/
  239. container{
  240. width:855px;
  241. margin-left:auto;
  242. margin-right:auto;
  243. display:block;
  244. }
  245.  
  246.  
  247.  
  248.  
  249. /*---------------SIDEBAR---------------*/
  250. #sidebar{
  251. width:255px;
  252. height:auto;
  253. border-right:1px solid {color:border};
  254. position:fixed;
  255. top:50%;
  256. margin-top:-250px;
  257. padding-right:20px;
  258. }
  259.  
  260. .sbimg{
  261. padding-bottom:10px;
  262. }
  263.  
  264. .sbimg img{
  265. max-width:245px;
  266. width:245px;
  267. height:auto;
  268. padding-left:10px;
  269. }
  270.  
  271. .navi{
  272. border-bottom:1px solid {color:border};
  273. padding-bottom:10px;
  274. width:245px;
  275. padding-left:10px;
  276. text-align:center;
  277. }
  278.  
  279. .navi a{
  280. font-size:10.5px;
  281. text-transform:uppercase;
  282. padding-right:5px;
  283. padding-left:5px;
  284. font-family:"lato";
  285. {block:ifTextShadow}
  286. text-shadow:0px 0px 1px {color:text shadow};
  287. {/block:ifTextShadow}
  288. letter-spacing:1px;
  289. color:{color:links};
  290. }
  291.  
  292. .navi a:hover{
  293. text-shadow:none;
  294. letter-spacing:1.5px;
  295. }
  296.  
  297. .sbtitle{
  298. font-size:12px;
  299. margin-bottom:-5px;
  300. padding-top:30px;
  301. font-family:"nightingale";
  302. text-align:right;
  303. color:{color:title};
  304. width:245px;
  305. }
  306.  
  307. .sbsubtitle{
  308. font-size:9.2px;
  309. padding-bottom:10px;
  310. color:{color:title};
  311. text-align:right;
  312. text-transform:uppercase;
  313. width:245px;
  314. padding-left:10px;
  315. {block:ifTextShadow}
  316. text-shadow:0px 0px 1px {color:text shadow};
  317. {/block:ifTextShadow}
  318. }
  319.  
  320. .desc{
  321. width:245px;
  322. padding-left:10px;
  323. padding-right:15px;
  324. padding-top:10px;
  325. text-align:center;
  326. line-height:18px;
  327. font-size:10px;
  328. font-family:"calibri";
  329. }
  330.  
  331. .pagination{
  332. padding-bottom:20px;
  333. padding-top:20px;
  334. padding-left:10px;
  335. text-align:center;
  336. width:245px;
  337. }
  338.  
  339. .pagination a{
  340. font-size:12.5px;
  341. font-family:"muli";
  342. text-transform:uppercase;
  343. padding-left:10px;
  344. padding-right:10px;
  345. -webkit-transition: all 0.9s ease-in-out;
  346. -moz-transition: all 0.9s ease-in-out;
  347. -o-transition: all 0.9s ease-in-out;
  348. -ms-transition: all 0.9s ease-in-out;
  349. transition: all 0.9s ease-in-out;
  350. }
  351.  
  352. .pagination a:hover{
  353. letter-spacing:3px;
  354. text-shadow:none;
  355. -webkit-transition: all 0.9s ease-in-out;
  356. -moz-transition: all 0.9s ease-in-out;
  357. -o-transition: all 0.9s ease-in-out;
  358. -ms-transition: all 0.9s ease-in-out;
  359. transition: all 0.9s ease-in-out;
  360. }
  361.  
  362.  
  363.  
  364.  
  365.  
  366. /*---------------ENTRIES---------------*/
  367. #entries{
  368. {block:if400pxPosts}
  369. width:400px;
  370. max-width:400px;
  371. {/block:if400pxPosts}
  372.  
  373. {block:if500pxPosts}
  374. width:500px;
  375. max-width:500px;
  376. {/block:if500pxPosts}
  377.  
  378.  
  379. {block:if540pxPosts}
  380. width:540px;
  381. max-width:540px;
  382. {/block:if540pxPosts}
  383. z-index:9;
  384. margin-top:20px;
  385. margin-left:350px;
  386. }
  387.  
  388. .posts{
  389. {block:if400pxPosts}
  390. width:400px;
  391. max-width:400px;
  392. {/block:if400pxPosts}
  393.  
  394. {block:if500pxPosts}
  395. width:500px;
  396. max-width:500px;
  397. {/block:if500pxPosts}
  398.  
  399. {block:if540pxPosts}
  400. width:540px;
  401. max-width:540px;
  402. {/block:if540pxPosts}
  403. padding-top:50px;
  404. padding-bottom:50px;
  405. }
  406.  
  407. img {
  408. max-width:100%;
  409. {block:IfGrayscale}
  410. -webkit-filter: grayscale(100%);
  411. -webkit-transition: all 0.9s ease-in-out;
  412. -moz-transition: all 0.9s ease-in-out;
  413. -o-transition: all 0.9s ease-in-out;
  414. -ms-transition: all 0.9s ease-in-out;
  415. transition: all 0.9s ease-in-out;
  416. {/block:IfGrayscale}
  417. }
  418.  
  419. img:hover {
  420. {block:IfGrayscale}
  421. -webkit-filter: none;
  422. {/block:IfGrayscale}
  423. }
  424.  
  425. .html_photoset {
  426. {block:IfGrayscale}
  427. -webkit-filter: grayscale(100%);
  428. -webkit-transition: all 0.9s ease-in-out;
  429. -moz-transition: all 0.9s ease-in-out;
  430. -o-transition: all 0.9s ease-in-out;
  431. -ms-transition: all 0.9s ease-in-out;
  432. transition: all 0.9s ease-in-out;
  433. {/block:IfGrayscale}
  434. }
  435.  
  436. .html_photoset:hover {
  437. {block:IfGrayscale}
  438. -webkit-filter: none;
  439. {/block:IfGrayscale}
  440. }
  441.  
  442. #permalink{
  443. background-color:{color:permalink};
  444. padding-left:11px;
  445. padding-right:11px;
  446. padding-top:11px;
  447. padding-bottom:14px;
  448. border-radius:1px;
  449. margin-top:20px;
  450. height:18px;
  451. }
  452.  
  453. #permalink a{
  454. margin-right:13px;
  455. margin-left:13px;
  456. position:relative;
  457. }
  458.  
  459. #permalink i{
  460. color:{color:permalink info};
  461. font-weight:500;
  462. }
  463.  
  464. svg {
  465. width:10px;
  466. opacity:.5;
  467. padding:1px;
  468. display:inline-block;
  469. overflow:visible;
  470. fill:{color:permalink info};
  471. }
  472. .controls{
  473. position:absolute;
  474. display:inline-block;
  475. text-align:right;
  476. {block:if400pxPosts}
  477. width:380px;
  478. max-width:380px;
  479. {/block:if400pxPosts}
  480.  
  481.  
  482. {block:if500pxPosts}
  483. width:480px;
  484. max-width:480px;
  485. {/block:if500pxPosts}
  486.  
  487.  
  488. {block:if540pxPosts}
  489. width:520px;
  490. max-width:520px;
  491. {/block:if540pxPosts}
  492. margin-top:-3px;
  493. }
  494. .controls a {
  495. display:inline-block;
  496. overflow:hidden;
  497. padding:5px;
  498. }
  499. .controls .reblog {
  500. opacity:.93;
  501. }
  502. .controls .reblog svg {
  503. width:9px;
  504. margin-top:1px;
  505. }
  506. .controls .like .liked + svg {
  507. opacity:1;
  508. }
  509. .controls .like .liked + svg path {
  510. fill:#ec5a5a;
  511. }
  512. .controls .like .like_button {
  513. position:absolute;
  514. }
  515. .controls .like .like_button iframe {
  516. position:absolute;
  517. top:0;
  518. left:0;
  519. bottom:0;
  520. right:0;
  521. z-index:2;
  522. opacity:0;
  523. }
  524.  
  525. .tags{
  526. {block:ifTags}
  527. font-size:8px;
  528. font-family:"muli";
  529. font-style:italic;
  530. padding-left:15px;
  531. padding-right:15px;
  532. padding-top:10px;
  533. line-height:15px;
  534. {/block:ifTags}
  535.  
  536. {block:ifHoverTags}
  537. font-size:8px;
  538. line-height:15px;
  539. font-family:"muli";
  540. font-style:italic;
  541. padding-left:15px;
  542. padding-right:15px;
  543. opacity:0;
  544. height:20px;
  545. max-height:10px;
  546. margin-top:-10px;
  547. -webkit-transition: all 0.7s ease-in-out;
  548. -moz-transition: all 0.7s ease-in-out;
  549. -o-transition: all 0.7s ease-in-out;
  550. -ms-transition: all 0.7s ease-in-out;
  551. transition: all 0.7s ease-in-out;
  552. {/block:ifHoverTags}
  553. }
  554.  
  555. .tags a{
  556. {block:ifHoverTags}
  557. color:{color:links};
  558. font-weight:700;
  559. text-transform:uppercase;
  560. -webkit-transition: all 0.7s ease-in-out;
  561. -moz-transition: all 0.7s ease-in-out;
  562. -o-transition: all 0.7s ease-in-out;
  563. -ms-transition: all 0.7s ease-in-out;
  564. transition: all 0.7s ease-in-out;
  565. padding-left:0px;
  566. padding-right:15px;
  567. {/block:ifHoverTags}
  568.  
  569. {block:ifTags}
  570. color:{color:links};
  571. font-weight:700;
  572. text-transform:uppercase;
  573. -webkit-transition: all 0.7s ease-in-out;
  574. -moz-transition: all 0.7s ease-in-out;
  575. -o-transition: all 0.7s ease-in-out;
  576. -ms-transition: all 0.7s ease-in-out;
  577. transition: all 0.7s ease-in-out;
  578. padding-left:0px;
  579. padding-right:15px;
  580. {/block:ifTags}
  581. }
  582.  
  583. .tags a:hover{
  584. {block:ifHoverTags}
  585. color:{color:links hover};
  586. -webkit-transition: all 0.7s ease-in-out;
  587. -moz-transition: all 0.7s ease-in-out;
  588. -o-transition: all 0.7s ease-in-out;
  589. -ms-transition: all 0.7s ease-in-out;
  590. transition: all 0.7s ease-in-out;
  591. {/block:ifHoverTags}
  592.  
  593. {block:ifTags}
  594. color:{color:links hover};
  595. -webkit-transition: all 0.7s ease-in-out;
  596. -moz-transition: all 0.7s ease-in-out;
  597. -o-transition: all 0.7s ease-in-out;
  598. -ms-transition: all 0.7s ease-in-out;
  599. transition: all 0.7s ease-in-out;
  600. {/block:ifTags}
  601. }
  602.  
  603. .tags i{
  604. {block:ifHoverTags}
  605. color:{color:text};
  606. {/block:ifHoverTags}
  607.  
  608. {block:ifTags}
  609. color:{color:text};
  610. {/block:ifTags}
  611. }
  612.  
  613. .posts:hover .tags{
  614. {block:ifHoverTags}
  615. margin-top:10px;
  616. max-height:100px;
  617. opacity:1;
  618. height:50px;
  619. padding-bottom:10px;
  620. -webkit-transition: all 0.7s ease-in-out;
  621. -moz-transition: all 0.7s ease-in-out;
  622. -o-transition: all 0.7s ease-in-out;
  623. -ms-transition: all 0.7s ease-in-out;
  624. transition: all 0.7s ease-in-out;
  625. {/block:ifHoverTags}
  626. }
  627.  
  628.  
  629.  
  630.  
  631.  
  632. /*---------------ENTRY STYLES---------------*/
  633. .quotes{
  634. font-size:15px;
  635. line-height:20px;
  636. font-family:"roboto";
  637. }
  638.  
  639. .source{
  640. padding-top:10px;
  641. padding-left:25px;
  642. font-size:13px;
  643. }
  644.  
  645. .title{
  646. text-align:center;
  647. font-family:"muli";
  648. font-size:23px;
  649. margin-bottom:20px;
  650. color:{color:title};
  651. {block:ifTextShadow}
  652. text-shadow:0px 0px 1px {color:text shadow};
  653. {/block:ifTextShadow}
  654. }
  655.  
  656. .answer span,.convo li{
  657. margin:0 0 0px;
  658. border-radius:1em;
  659. padding:8px 10px;
  660. max-width:75%;
  661. clear:both;
  662. position:relative;
  663. }
  664.  
  665. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
  666. float:left;
  667. background:{color:permalink};
  668. color:{color:text};
  669. left:3px;
  670. top:0px;
  671. }
  672.  
  673. .me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{
  674. content:"";
  675. position:absolute;
  676. left:-.5em;
  677. bottom:0;
  678. width:.5em;
  679. height:1em;
  680. border-right:.5em solid {color:permalink};
  681. border-bottom-right-radius:1em .5em;
  682. }
  683.  
  684. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
  685. right:3px;
  686. top:5px;
  687. float:right;
  688. background-color:{color:chat accent};
  689. color:{color:text};
  690. }
  691.  
  692. .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{
  693. content:"";
  694. position:absolute;
  695. right:-.5em;
  696. bottom:0;
  697. width:.5em;
  698. height:1em;
  699. border-left:.5em solid {color:chat accent};
  700. border-bottom-left-radius:1em .5em;
  701. }
  702.  
  703. .convo {
  704. overflow: hidden;
  705. list-style-type: none;
  706. padding: 10px;
  707. margin: 0;
  708. }
  709.  
  710. .audio{
  711. {block:if400pxPosts}
  712. height:85px;
  713. overflow:hidden;
  714. padding-bottom:5px;
  715. {block:if400pxPosts}
  716.  
  717. {block:if500pxPosts}
  718. height:85px;
  719. overflow:hidden;
  720. padding-bottom:5px;
  721. {block:if500pxPosts}
  722.  
  723. }
  724.  
  725. .audio2 iframe{
  726. {block:if540pxPosts}
  727. max-width:100%;
  728. height:85px;
  729. padding-bottom:5px;
  730. {/block:if540pxPosts}
  731. }
  732.  
  733. .asker{
  734. font-size:10.5px;
  735. text-transform:uppercase;
  736. font-family:"muli";
  737. font-weight:500;
  738. display:inline-block;
  739. padding-bottom:1px;
  740. }
  741.  
  742. .askersh{
  743. {block:ifTextShadow}
  744. text-shadow:0px 0px 1px {color:text shadow};
  745. {/block:ifTextShadow}
  746. display:inline-block;
  747. }
  748.  
  749. .question{
  750. font-size:12.5px;
  751. padding:13px;
  752. line-height:17px;
  753. text-transform:lowercase;
  754. background-color:{color:permalink};
  755. font-family:"roboto";
  756. }
  757.  
  758. .answer{
  759. padding-top:10px;
  760. }
  761.  
  762. .caption{
  763. padding-top:5px;
  764. }
  765.  
  766.  
  767.  
  768.  
  769.  
  770. /*---------------NOTES---------------*/
  771. .notes{
  772. margin-top:-10px;
  773. }
  774.  
  775. ol.notes, .notes li {
  776. border-bottom:1px solid {color:border};
  777. font-family:"roboto";
  778. text-transform:uppercase;
  779. list-style:none;
  780. padding:10px;
  781. font-size:9px;
  782. }
  783.  
  784. .notes img{
  785. width:12px;
  786. height:12px;
  787. overflow:hidden;
  788. border-radius:50%;
  789. vertical-align:bottom;
  790. margin-bottom:2px;
  791. }
  792.  
  793. ol.notes, .notes li a {
  794. margin-right:10px;
  795. }
  796.  
  797. .video{
  798. width:100%!important;
  799. max-width:100%!important;
  800. }
  801.  
  802. .video iframe{
  803. width:100%!important;
  804. max-width:100%!important;
  805. }
  806.  
  807. .photos{
  808. width:100%!important;
  809. max-width:100%!important;
  810. }
  811.  
  812. .photos iframe{
  813. width:100%!important;
  814. max-width:100%!important;
  815. }
  816.  
  817. .photoset{
  818. width:100%!important;
  819. max-width:100%!important;
  820. }
  821.  
  822. .photoset iframe{
  823. width:100%!important;
  824. max-width:100%!important;
  825. }
  826.  
  827.  
  828. /*---------------CREDIT, DO NOT TOUCH OR TAMPER WITH!!---------------*/
  829. .credit a{
  830. font-size:11px;
  831. position:fixed;
  832. font-family:"lato";
  833. font-weight:900;
  834. color:{color:links};
  835. text-align:right;
  836. right:25px;
  837. bottom:25px;
  838. }
  839.  
  840. .credit a:hover{
  841. color:{color:links};
  842. }
  843.  
  844.  
  845.  
  846.  
  847. {CustomCSS}
  848. </style>
  849. </head>
  850. <body>
  851.  
  852. <container>
  853.  
  854. <div id="sidebar">
  855. <div class="sbtitle">{text:sidebar title}</div>
  856. <div class="sbsubtitle">{text:sidebar subtitle}</div>
  857. <div class="sbimg"><img src="{image:sidebar}"></div>
  858. <div class="navi">
  859. {block:ifLinkOne}<a href="{text:link one}">{text:link one name}</a>{/block:ifLinkOne}
  860. {block:ifLinkTwo}<a href="{text:link two}">{text:link two name}</a>{block:ifLinkTwo}
  861. {block:ifLinkThree}<a href="{text:link three}">{text:link three name}</a>{block:ifLinkThree}
  862. {block:ifLinkFour}<a href="{text:link four}">{text:link four name}</a>{block:ifLinkFour}
  863. {block:ifLinkFive}<a href="{text:link five}">{text:link five name}</a>{block:ifLinkFive}
  864. </div>
  865. <div class="desc">{Description}</div>
  866. <div class="pagination">
  867. {block:Pagination}
  868. {block:PreviousPage}
  869. <a href="{PreviousPage}">swim</a>
  870. {/block:PreviousPage}
  871. {block:NextPage}
  872. <a href="{NextPage}">sink</a>
  873. {/block:NextPage}
  874. {/block:Pagination}
  875. </div>
  876. </div>
  877. </div>
  878.  
  879.  
  880.  
  881. <div id="entries">
  882. {block:Posts}
  883. <div class="posts">
  884.  
  885.  
  886. {block:Link}
  887. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  888. {block:Description}{Description}{/block:Description}
  889. {/block:Link}
  890.  
  891. {block:Quote}
  892.  
  893. <div class="quotes">❝ {Quote} ❞</div>
  894. {block:Source}<div class="source">↳ {Source}</div>{/block:Source}
  895. {/block:Quote}
  896.  
  897. {block:Text}
  898.  
  899. {block:Title}
  900. <div class="title">{Title}</div>{/block:Title}
  901. {Body}
  902. {/block:Text}
  903.  
  904. {block:Link}
  905. {block:Description}{Description}{/block:Description}
  906. {/block:Link}
  907.  
  908. {block:Chat}
  909. {block:Title}
  910. <h1>{Title}</h1>{/block:Title}<br>
  911. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  912. {Line}</li>{/block:Lines}</ul>
  913. {/block:Chat}
  914.  
  915.  
  916. {block:if400pxPosts}
  917. {block:Photo}
  918. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  919. {/block:Photo}
  920. {block:Photoset}
  921. {Photoset-400}
  922. {/block:Photoset}
  923. {block:Video}
  924. {Video-400}
  925. {/block:Video}
  926. {block:Audio}<div class="audio">{AudioEmbed-400}</div>
  927. {/block:Audio}
  928. {/block:if400pxPosts}
  929.  
  930.  
  931. {block:if500pxPosts}
  932. {block:Photo}
  933. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  934. {/block:Photo}
  935. {block:Photoset}
  936. {Photoset-500}
  937. {/block:Photoset}
  938. {block:Video}
  939. {Video-500}
  940. {/block:Video}
  941. {block:Audio}<div class="audio">{AudioEmbed-500}</div>
  942. {/block:Audio}
  943. {/block:if500pxPosts}
  944.  
  945.  
  946. {block:if540pxPosts}
  947. {block:Photo}
  948. {LinkOpenTag}<div class="photos"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>{LinkCloseTag}
  949. {/block:Photo}
  950. {block:Photoset}<div class="photoset">
  951. {Photoset}</div>
  952. {/block:Photoset}
  953. {block:Video}
  954. <div class="video">{Video-500}</div>
  955. {/block:Video}
  956. {block:Audio}<div class="audio2">{AudioEmbed-640}</div>
  957. {/block:Audio}
  958. {/block:if540pxPosts}
  959.  
  960.  
  961. {block:Answer}
  962. <div class="asker"><div class="askersh">{Asker}</div> whispered . . .</div>
  963. <div class="question"><big>❝</big> {Question} <big>❞</big></div>
  964. <div class="answer">{Answer}</div>{/block:Answer}
  965.  
  966. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  967.  
  968. {block:Date}
  969. <div id="permalink">
  970. <div class="postinfo">
  971. <div class="controls">
  972. <a href="{ReblogURL}" target="_blank" class="reblog">
  973. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  974. </a>
  975. <a href="#" class="like">{LikeButton}
  976. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  977. </a>
  978.  
  979. </div>
  980. <a href="{Permalink}" title="{TimeAgo}">
  981. <i class="lnr lnr-clock"></i></a>
  982. {block:NoteCount}
  983. <a href="{Permalink}" title="{NoteCount} notes">
  984. <i class="lnr lnr-list"></i>{/block:NoteCount}
  985. {block:RebloggedFrom}
  986. <a href="{ReblogParentURL}" title="via">
  987. <i class="lnr lnr-users"></i></a>
  988. {/block:RebloggedFrom}
  989. {block:ContentSource}
  990. <a href="{SourceURL}" title="src">
  991. <i class="lnr lnr-pencil"></i></a>
  992. {/block:ContentSource}
  993. </div>
  994.  
  995. </div>
  996. {block:ifTags}
  997. {block:HasTags}
  998. <div class="tags">{block:Tags}<a href="{TagUrl}"><i class="fa fa-tag"></i> {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  999. {/block:ifTags}
  1000.  
  1001. {block:ifHoverTags}
  1002. {block:HasTags}
  1003. <div class="tags">{block:Tags}<a href="{TagUrl}"><i class="fa fa-tag"></i> {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1004. {/block:ifHoverTags}
  1005.  
  1006. {/block:Date}
  1007.  
  1008. </div>
  1009.  
  1010. {block:PostNotes}
  1011. <div class="notes">
  1012. {PostNotes}
  1013. </div>
  1014. {/block:PostNotes}
  1015.  
  1016. </container>
  1017. {/block:Posts}
  1018.  
  1019. </div>
  1020.  
  1021. <div class="credit"><a href="https://astraeawrites.tumblr.com/" title="astraeawrites">AW</a></div>
  1022.  
  1023. </container>
  1024. </div>
  1025. </div>
  1026. </body>
Advertisement
Add Comment
Please, Sign In to add comment