astraeacodes

a thousand matches by astraeacodes

Nov 17th, 2017
4,136
0
Never
1
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.61 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 / ASTRAEACODES ⁛ ☄ ☾ ✧
  5. DO NOT STEAL OR CLAIM AS YOURS!
  6. report problems or questions @ astraeacodes.tumblr.com
  7.  
  8. TUMBLR CONTROLS BY @CYANTISTS
  9. CHAT BUBBLES BY ANIMALITES.TUMBLR.COM (DEACTIVATED)
  10. NEW TUMBLR AUDIO POSTS BACKGROUND COLOR TUTORIAL @ROXIESTHEMES
  11. ICON FONT BY @SATURNTHMS
  12. REBLOG AND LIKE BUTTON BY @SHYTHEMES
  13. GUTTER SIZE FIX FROM @BYCHLOETHEMES & @SHYTHEMES
  14. VIDEO RESIZING SCRIPT @SHYTHEMES
  15. INSTAGRAM RESIZING FIX BY ME-------------------->
  16.  
  17. <html>
  18. <head>
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21.  
  22.  
  23. <!------------------SCRIPTS------------------>
  24.  
  25. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  26.  
  27. <link href="https://fonts.googleapis.com/css?family=Crimson+Text|Inconsolata|Karla|Lato|Lora|Merriweather|Open+Sans|Playfair+Display|Roboto|Source+Sans+Pro" rel="stylesheet">
  28.  
  29. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  30.  
  31. <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>
  32.  
  33. <script>$(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:accent one} !important} </style>")); }); });</script>
  34.  
  35.  
  36. <!------------------META TAGS------------------>
  37.  
  38. <meta name="image:sidebar" content="">
  39.  
  40. <meta name="if:postbg" content="1">
  41. <meta name="if:tags" content="1">
  42. <meta name="if:imessagechats" content="0">
  43. <meta name="if:sidebar" content="1">
  44.  
  45. <meta name="select:font" content="karla">
  46. <meta name="select:font" content="open sans">
  47. <meta name="select:font" content="lato">
  48. <meta name="select:font" content="roboto">
  49. <meta name="select:font" content="source sans pro">
  50.  
  51. <meta name="select:grayscale" content="none">
  52. <meta name="select:grayscale" content="0.5">
  53. <meta name="select:grayscale" content="0.7">
  54. <meta name="select:grayscale" content="0.9">
  55. <meta name="select:grayscale" content="1">
  56.  
  57. <meta name="select:font size" content="9px">
  58. <meta name="select:font size" content="9.5px">
  59. <meta name="select:font size" content="10px">
  60. <meta name="select:font size" content="11px">
  61. <meta name="select:font size" content="12px">
  62.  
  63. <meta name="select:gutter size" content="1px">
  64. <meta name="select:gutter size" content="2px">
  65. <meta name="select:gutter size" content="3px">
  66. <meta name="select:gutter size" content="4px">
  67. <meta name="select:gutter size" content="5px">
  68.  
  69. <meta name="select:post width" content="400px" title="400px" />
  70. <meta name="select:post width" content="500px" title="500px" />
  71. <meta name="select:post width" content="540px" title="540px" />
  72.  
  73. <meta name="color:background" content="#fbfbfb">
  74. <meta name="color:titles" content="#3a3a3a">
  75. <meta name="color:text" content="#2c2c2c">
  76. <meta name="color:links" content="#000">
  77. <meta name="color:links hover" content="#545454">
  78. <meta name="color:post bg" content="#f6f6f6">
  79. <meta name="color:accent one" content="#d3d3d3">
  80. <meta name="color:accent two" content="#b2b2b2">
  81. <meta name="color:borders" content="#e3e3e3">
  82. <meta name="color:selection" content="#bbb">
  83. <meta name="color:scroll" content="#767676">
  84. <meta name="color:scroll bg" content="#ffffff">
  85.  
  86. <meta name="text:maintitle" content="a thousand matches.">
  87.  
  88. <meta name="text:Link 1" content="refresh">
  89. <meta name="text:Link 1 URL" content="/">
  90. <meta name="text:Link 2" content="message">
  91. <meta name="text:Link 2 URL" content="/ask">
  92. <meta name="text:Link 3" content="archive">
  93. <meta name="text:Link 3 URL" content="/archive">
  94. <meta name="text:Link 4" content="creations">
  95. <meta name="text:Link 4 URL" content="URL">
  96.  
  97.  
  98. <style type="text/css">
  99.  
  100.  
  101. /* TOOLTIPS, SCROLLBAR, SELECTION */
  102.  
  103. #s-m-t-tooltip {
  104. max-width:400px;
  105. background-color:{color:post bg};
  106. font-size:8.5px;
  107. color:{color:text};
  108. text-transform:uppercase;
  109. border:1px solid {color:borders};
  110. padding:6.5px;
  111. line-height:100%;
  112. margin:20px 0px 0px 20px;
  113. z-index:99999999999999999999999999999999;
  114. border-radius:1px;
  115. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  116. }
  117.  
  118. ::-webkit-scrollbar-thumb:vertical {
  119. background-color:{color:scroll};
  120. height:auto;
  121. border-radius:0px;
  122. }
  123.  
  124. ::-webkit-scrollbar-thumb:horizontal {
  125. height:auto !important;
  126. border-radius:0px;
  127. }
  128.  
  129. ::-webkit-scrollbar {
  130. height:auto;
  131. width:3.5px;
  132. background-color:{color:scroll bg};
  133. border-radius:0px;
  134. }
  135.  
  136. ::selection {
  137. background-color:{color:selection};
  138. color: #fff;
  139. }
  140.  
  141.  
  142. /* BODY STYLING */
  143.  
  144. @font-face { font-family: astra; src: url('https://dl.dropboxusercontent.com/s/j0iytzfyqq6ecti/The%20Braggest_Demo.ttf') ;}
  145.  
  146. body{
  147. background-color:{color:background};
  148. font-size:{select:font size};
  149. font-family:"{select:font}";
  150. color:{color:text};
  151. line-height:150%;
  152. }
  153.  
  154. p:empty{
  155. display:none;
  156. }
  157.  
  158. small , sub , sup{
  159. font-size:{select:font size};
  160. line-height:150%;
  161. }
  162.  
  163. a{
  164. text-decoration:none;
  165. color:{color:links};
  166. -webkit-transition: all 0.6s ease-in-out;
  167. -moz-transition: all 0.6s ease-in-out;
  168. -o-transition: all 0.6s ease-in-out;
  169. -ms-transition: all 0.6s ease-in-out;
  170. transition: all 0.6s ease-in-out;
  171. }
  172.  
  173. a:hover{
  174. -webkit-transition: all 0.6s ease-in-out;
  175. -moz-transition: all 0.6s ease-in-out;
  176. -o-transition: all 0.6s ease-in-out;
  177. -ms-transition: all 0.6s ease-in-out;
  178. transition: all 0.6s ease-in-out;
  179. color:{color:links hover};
  180. }
  181.  
  182. ol, ul{
  183. padding-left:15.5px;
  184. }
  185.  
  186. pre{
  187. white-space: pre-wrap;
  188. white-space: -moz-pre-wrap;
  189. white-space: -pre-wrap;
  190. white-space: -o-pre-wrap;
  191. word-wrap: break-word;
  192. font-family:"inconsolata";
  193. background:{color:accent one};
  194. }
  195.  
  196. .title{
  197. font-size:calc({select:font size} + 4px);
  198. font-family:"{select:font}";
  199. font-weight:600;
  200. text-transform:uppercase;
  201. margin:5px 5px 10px 5px;
  202. text-align:center;
  203. color:{color:titles};
  204. }
  205.  
  206. h1{
  207. font-size:calc({select:font size} + 4px);
  208. font-family:"{select:font}";
  209. font-weight:600;
  210. text-transform:uppercase;
  211. margin:0px 5px 10px 5px;
  212. text-align:center;
  213. padding-top:0px;
  214. color:{color:titles};
  215. }
  216.  
  217. h2{
  218. font-size:calc({select:font size} + 3px);
  219. font-family:"{select:font}";
  220. font-weight:600;
  221. color:{color:titles};
  222. margin-bottom:10px;
  223. }
  224.  
  225. h3{
  226. font-size:calc({select:font size} + 2px);
  227. font-family:"{select:font}";
  228. font-weight:600;
  229. color:{color:titles};
  230. margin-bottom:10px;
  231. }
  232.  
  233. h4, h5, h6{
  234. font-size:calc({select:font size} + 1px);
  235. font-family:"{select:font}";
  236. font-weight:600;
  237. color:{color:titles};
  238. margin-bottom:10px;
  239. }
  240.  
  241. hr{
  242. border:none;
  243. box-shadow:0;
  244. margin:0px auto;
  245. padding:10px;
  246. width:30%;
  247. border-top:1px solid {color:borders};
  248. margin-bottom:-10px;
  249. margin-top:20px;
  250. }
  251.  
  252. blockquote {
  253. padding-left:10px;
  254. margin-left:0px;
  255. padding-right:0px;
  256. margin-right:0px;
  257. border-left:1px solid {color:borders};
  258. padding-top:0px;
  259. padding-bottom:0px;
  260. word-wrap:break-word;
  261. }
  262.  
  263. img{
  264. max-width:100%;
  265. height:auto;
  266. -webkit-filter: grayscale({select:grayscale});
  267. -webkit-transition: all 0.9s ease-in-out;
  268. -moz-transition: all 0.9s ease-in-out;
  269. -o-transition: all 0.9s ease-in-out;
  270. -ms-transition: all 0.9s ease-in-out;
  271. transition: all 0.9s ease-in-out;
  272. }
  273.  
  274. img:hover {
  275. -webkit-filter: none;
  276. -webkit-transition: all 0.9s ease-in-out;
  277. -moz-transition: all 0.9s ease-in-out;
  278. -o-transition: all 0.9s ease-in-out;
  279. -ms-transition: all 0.9s ease-in-out;
  280. transition: all 0.9s ease-in-out;
  281. }
  282.  
  283.  
  284. /* CONTAINER */
  285.  
  286. #everything{
  287. width:900px;
  288. margin:0 auto;
  289. background:white;
  290. }
  291.  
  292.  
  293. /* SIDEBAR */
  294.  
  295. #sidebar{
  296. top:20.5%;
  297. position:fixed;
  298. width:140px;
  299. height:auto;
  300. }
  301.  
  302. .maintitle{
  303. font-family:"{select:font}";
  304. font-size:15px;
  305. text-transform:uppercase;
  306. width:140px;
  307. font-weight:600;
  308. text-align:center;
  309. margin-top:-15.5px;
  310. margin-bottom:5px;
  311. padding:5px;
  312. padding-left:0px;
  313. padding-right:0px;
  314. color:{color:text};
  315. cursor:default;
  316. }
  317.  
  318. .description{
  319. font-size:{select:font size};
  320. font-family:"{select:font}";
  321. padding:5px 0px;
  322. text-align:center;
  323. }
  324.  
  325. #sidebar img{
  326. width:100px;
  327. margin-top:5px;
  328. margin-bottom:12.5px;
  329. padding:19px;
  330. background:{color:post bg};
  331. border:1px solid {color:borders};
  332. border-radius:2px;
  333. }
  334.  
  335. .accordion {
  336. overflow:hidden;
  337. margin-top:12.5px;
  338. margin-bottom:0px;
  339. padding-bottom:0px;
  340. }
  341.  
  342. .accordion-section-title span{
  343. font-size:calc({select:font size} - 0.5px);
  344. display:inline-flex;
  345. vertical-align:middle;
  346. margin-top:2px;
  347. margin-right:12.5px;
  348. margin-left:2.5px;
  349. float:left;
  350. }
  351.  
  352. .accordion-section-title {
  353. width:123px;
  354. padding:7.5px;
  355. display:inline-block;
  356. background:{color:post bg};
  357. transition:all linear 0.15s;
  358. font-size:calc({select:font size} + 0.5px);
  359. color:{color:text};
  360. border:1px solid {color:borders};
  361. font-family:"{select:font}";
  362. text-transform:uppercase;
  363. border-radius:2px;
  364. text-align:right;
  365. }
  366.  
  367. .accordion-section-title.active, .accordion-section-title:hover {
  368. background:{color:accent one};
  369. border:1px solid {color:borders};
  370. text-decoration:none;
  371. color:{color:text};
  372. }
  373.  
  374. .accordion-section-content {
  375. padding:0px;
  376. display:none;
  377. }
  378.  
  379. .accordion-section-content ul{
  380. list-style-type:none;
  381. margin:0px;
  382. padding:0px;
  383. }
  384. .accordion-section-content li{
  385. width:139px;
  386. display:inline-block;
  387. margin:1px 0px;
  388. }
  389. .accordion-section-content{
  390. font-weight:100;
  391. text-align:center;
  392. }
  393.  
  394. .accordion-section-content a{
  395. margin-top:5px;
  396. margin-bottom:0px;
  397. display:block;
  398. padding:5px;
  399. text-transform:lowercase;
  400. font-size:{select:font size};
  401. background:{color:post bg};
  402. border:1px solid {color:borders};
  403. color:{color:text};
  404. font-family:"{select:font}";
  405. border-radius:2px;
  406. }
  407.  
  408. .pagination{
  409. text-align:center;
  410. margin-top:15px;
  411. margin-bottom:-2.5px;
  412. padding-bottom:0px;
  413. }
  414.  
  415. .pagination a{
  416. font-size:{select:font size};
  417. font-family:"{select:font}";
  418. text-transform:uppercase;
  419. font-weight:600;
  420. }
  421.  
  422. a.back{
  423. margin:0px 10px;
  424. }
  425.  
  426. a.next{
  427. margin:0px 10px;
  428. }
  429.  
  430.  
  431. /* ENTRIES */
  432.  
  433. #entries{
  434. {block:ifPostBG}
  435. border:1px solid {color:borders};
  436. background:{color:post bg};
  437. {/block:ifPostBG}
  438. width:{select:post width};
  439. padding:2.5px 5px 2.5px 5px;
  440. border-radius:2px;
  441. margin-top:80px;
  442. margin-bottom:80px;
  443. position:justify;
  444. right:0%;
  445. }
  446.  
  447. #posts{
  448. margin-left:320px;
  449. position:absolute;
  450. }
  451.  
  452.  
  453. /* IFRAMES & POST STYLING */
  454.  
  455. iframe.tmblr-iframe {
  456. z-index:99999999999999!important;
  457. top:0!important;
  458. right:0!important;
  459. opacity:0.4;
  460. /* delete invert(1) from here */
  461. filter:invert(1) contrast(150%);
  462. -webkit-filter:invert(1) contrast(150%);
  463. -o-filter:invert(1) contrast(150%);
  464. -moz-filter:invert(1) contrast(150%);
  465. -ms-filter:invert(1) contrast(150%);
  466. /* to here if your blog has a dark background */
  467. transform:scale(0.65);
  468. transform-origin:100% 0;
  469. -webkit-transform:scale(0.65);
  470. -webkit-transform-origin:100% 0;
  471. -o-transform:scale(0.65);
  472. -o-transform-origin:100% 0;
  473. -moz-transform:scale(0.65);
  474. -moz-transform-origin:100% 0;
  475. -ms-transform:scale(0.65);
  476. -ms-transform-origin:100% 0;}
  477.  
  478. iframe.tmblr-iframe:hover {
  479. opacity:0.6!important;}
  480.  
  481. .photoset iframe{
  482. width:100%!important;
  483. max-width:100%!important;
  484. }
  485.  
  486. .audio iframe{
  487. max-width:100%;
  488. height:85px;
  489. padding-bottom:0px;
  490. margin-bottom:0px;
  491. }
  492.  
  493. .html_photoset {
  494. -webkit-filter: grayscale({select:grayscale});
  495. -webkit-transition: all 0.9s ease-in-out;
  496. -moz-transition: all 0.9s ease-in-out;
  497. -o-transition: all 0.9s ease-in-out;
  498. -ms-transition: all 0.9s ease-in-out;
  499. transition: all 0.9s ease-in-out;
  500. }
  501.  
  502. .html_photoset:hover {
  503. -webkit-filter: none;
  504. }
  505.  
  506. .video{
  507. padding:0px;
  508. }
  509.  
  510. .video iframe[src*="instagram.com"]{
  511. width:100%;
  512. display: block;
  513. min-width:calc({select:post width} - 2.5px);
  514. max-width:calc({select:post width} - 2.5px);
  515. }
  516.  
  517. .video iframe{
  518. margin:-1px 0.5px;
  519. width:100%;
  520. min-width:calc({select:post width});
  521. max-width:calc({select:post width});
  522. }
  523.  
  524.  
  525. /* POST INFO */
  526.  
  527. .topinfo{
  528. border-bottom:1px solid {color:borders};
  529. text-transform:uppercase;
  530. line-height:150%;
  531. padding:7.5px 7.5px 9px 7.5px;
  532. font-size:calc({select:font size} + 0.5px);
  533. color:{color:text};
  534. font-family:"{select:font}";
  535. text-transform:uppercase;
  536. margin-bottom:7.5px;
  537. }
  538. .topinfo i{
  539. font-size:calc({select:font size} - 1.5px);
  540. display:inline-flex;
  541. vertical-align:top;
  542. margin-top:3px;
  543. margin-right:7.5px;
  544. margin-left:0px;
  545. }
  546.  
  547. .topinfo svg {
  548. width:9.5px;
  549. height:auto;
  550. opacity:.5;
  551. padding:1px;
  552. display:block;
  553. overflow:visible;
  554. }
  555.  
  556. .topinfo rbandlike a {
  557. position:relative;
  558. display:inline-block;
  559. overflow:hidden;
  560. padding:5px;
  561. width:12px;
  562. height:12px;
  563. }
  564.  
  565. .topinfo rbandlike .reblog {
  566. opacity:1;
  567. }
  568.  
  569. .topinfo rbandlike .reblog svg {
  570. width:8.5px;
  571. margin-top:1px;
  572. }
  573.  
  574. .topinfo rbandlike .like .liked + svg {
  575. opacity:1;
  576. }
  577.  
  578. .topinfo rbandlike .like .liked + svg path {
  579. fill:#ec5a5a;
  580. }
  581.  
  582. .topinfo rbandlike .like .like_button {
  583. position:relative;
  584. }
  585.  
  586. .topinfo rbandlike .like .like_button iframe {
  587. position:absolute;
  588. top:0;
  589. left:0;
  590. bottom:0;
  591. right:0;
  592. z-index:2;
  593. opacity:0;
  594. }
  595.  
  596. .topinfo rbandlike{
  597. right:0px;
  598. float:right;
  599. margin-right:-5px;
  600. display:inline-flex;
  601. vertical-align:top;
  602. margin-top:-3px;
  603. }
  604.  
  605. .bottominfo{
  606. padding:7.5px;
  607. border-top:1px solid {color:borders};
  608. font-size:calc({select:font size} - 0.5px);
  609. text-transform:uppercase;
  610. margin-top:7.5px;
  611. margin-bottom:0px;
  612. }
  613. .bottominfo srcandvia{
  614. font-size:calc({select:font size} - 0.5px);
  615. text-transform:uppercase;
  616. float:right;
  617. }
  618.  
  619. .bottominfo srcandvia a{
  620. margin-left:10px;
  621. }
  622.  
  623. .tags{
  624. padding:7.5px 7.5px 7.5px 7.5px;
  625. margin:0px;
  626. margin-bottom:0;
  627. line-height:145%;
  628. border-top:1px dotted {color:borders};
  629. font-size:calc({select:font size} - 0.5px);
  630. }
  631.  
  632. .tags b{
  633. margin-right:5px;
  634. }
  635.  
  636. .tags a{
  637. padding-left:0px;
  638. padding-right:7.5px;
  639. }
  640.  
  641. .notesbox{
  642. width:{select:post width};
  643. margin:0px auto;
  644. position:justify;
  645. margin-bottom:100px;
  646. margin-top:-10px;
  647. {block:ifPostBG}
  648. border:1px solid {color:borders};
  649. border-radius:2px;
  650. background:{color:post bg};
  651. {/block:ifPostBG}
  652. }
  653.  
  654. .notes{
  655. overflow-x:hidden;
  656. width:calc({select:post width} - 10px);
  657. padding:5px;
  658. padding-bottom:0px;
  659. }
  660.  
  661. ol.notes, .notes li {
  662. text-transform:uppercase;
  663. list-style:none;
  664. font-size:calc({select:font size} - 1px);
  665. padding:5px 10px 5px 10px;
  666. }
  667.  
  668. .notes blockquote{
  669. margin-left:3.5px;
  670. }
  671.  
  672. .notes img{
  673. width:calc({select:font size} + 1px);
  674. height:calc({select:font size} + 1px);
  675. margin-right:5px;
  676. overflow:hidden;
  677. border-radius:50%;
  678. vertical-align:middle;
  679. margin-bottom:2px;
  680. }
  681.  
  682.  
  683. /* BLOCKS */
  684.  
  685. .caption{
  686. padding:1px 7.5px 1px 7.5px;
  687. margin-bottom:-2.5px;
  688. }
  689. .caption2{
  690. margin:10px 7.5px 10px 7.5px;
  691. }
  692.  
  693. .quotes{
  694. font-size:calc({select:font size} + 3.5px);
  695. font-weight:100;
  696. font-family:"lora";
  697. line-height:20px;
  698. padding-left:1em;
  699. padding-right:1em;
  700. font-style:italic;
  701. text-align:left;
  702. text-indent:-0.5em;
  703. }
  704.  
  705. .quotes p{
  706. text-indent:0em;
  707. }
  708.  
  709. .quotes p:first-child, .quotes p:last-child{
  710. display:inline;
  711. }
  712.  
  713. .source{
  714. text-align:center;
  715. padding:5px;
  716. font-style:normal;
  717. font-size:calc({select:font size} + 1px);
  718. }
  719.  
  720. {block:ifiMessageChats}
  721. .answer span,.convo li{
  722. margin-top:0px;
  723. margin-bottom:5px;
  724. border-radius:1em;
  725. padding:8px 15px;
  726. max-width:75%;
  727. clear:both;
  728. position:relative;
  729. }
  730.  
  731. .answer li:before, .convo li:before{
  732. visibility:hidden;
  733. }
  734.  
  735. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
  736. float:left;
  737. background:{color:accent one};
  738. color:{color:text};
  739. left:3px;
  740. top:0px;
  741. }
  742.  
  743. .me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{
  744. content:"";
  745. position:absolute;
  746. left:-.5em;
  747. bottom:0;
  748. width:.5em;
  749. height:1em;
  750. border-right:.5em solid {color:accent one};
  751. border-bottom-right-radius:1em .5em;
  752. }
  753.  
  754. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
  755. right:3px;
  756. top:0px;
  757. float:right;
  758. background-color:{color:accent two};
  759. color:{color:text};
  760. }
  761.  
  762. .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{
  763. content:"";
  764. position:absolute;
  765. right:-.5em;
  766. bottom:0;
  767. width:.5em;
  768. height:1em;
  769. border-left:.5em solid {color:accent two};
  770. border-bottom-left-radius:1em .5em;
  771. }
  772.  
  773. .convo {
  774. overflow: hidden;
  775. list-style-type: none;
  776. padding:-0px 10px;
  777. margin:0px;
  778. margin-top:-8px;
  779. display:block;
  780. }
  781. {/block:ifIMessageChats}
  782.  
  783. .answer span,.convo li{
  784. margin-top:0px;
  785. margin-bottom:5px;
  786. padding:5px 10px;
  787. clear:both;
  788. width:100%;
  789. position:relative;
  790. }
  791.  
  792. .answer li:before, .convo li:before{
  793. visibility:hidden;
  794. }
  795.  
  796. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
  797. background:{color:accent one};
  798. color:{color:text};
  799. top:0px;
  800. }
  801. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
  802. top:0px;
  803. background-color:{color:accent two};
  804. color:{color:text};
  805. }
  806.  
  807. .convo {
  808. overflow: hidden;
  809. list-style-type: none;
  810. padding:0px;
  811. margin:0px;
  812. margin-top:-8px;
  813. display:block;
  814. }
  815.  
  816. .questions{
  817. padding:0px;
  818. margin-top:10px;
  819. padding-left:2.5px;
  820. padding-right:2.5px;
  821. }
  822.  
  823. .questions span{
  824. font-weight:900;
  825. font-size:calc({select:font size} + 1px);
  826. text-transform:uppercase;
  827. margin-right:5px;
  828. margin-left:5px;
  829. }
  830.  
  831. .question{
  832. font-size:calc({select:font size} + 1px);
  833. padding:5px;
  834. background:{color:accent two};
  835. margin-top:10px;
  836. margin-left:2.5px;
  837. border-radius:1px;
  838. width:calc({select:post width} - 18.5px);
  839. border-radius:2px;
  840. }
  841.  
  842. .answered{
  843. padding-left:5px;
  844. padding-right:5px;
  845. padding-top:0px;
  846. padding-bottom:0;
  847. margin-top:12.5px;
  848. margin-bottom:12.5px;
  849. }
  850.  
  851. /*---------------CREDIT, DO NOT MOVE OR MAKE LESS VISIBLE!!---------------*/
  852.  
  853. .credit a{
  854. font-size:calc({select:font size} +0.5px);
  855. position:fixed;
  856. font-family:"{select:font}";
  857. font-weight:600;
  858. text-align:right;
  859. right:12.5px;
  860. bottom:12.5px;
  861. text-transform:uppercase;
  862. color:{color:text};
  863. -webkit-transition: all 0.5s ease-in-out;
  864. -moz-transition: all 0.5s ease-in-out;
  865. -o-transition: all 0.5s ease-in-out;
  866. -ms-transition: all 0.5s ease-in-out;
  867. transition: all 0.5s ease-in-out;
  868. }
  869.  
  870. .credit a:hover{
  871. color:{color:links hover};
  872. text-decoration:none;
  873. -webkit-transition: all 0.5s ease-in-out;
  874. -moz-transition: all 0.5s ease-in-out;
  875. -o-transition: all 0.5s ease-in-out;
  876. -ms-transition: all 0.5s ease-in-out;
  877. transition: all 0.5s ease-in-out;
  878. }
  879.  
  880.  
  881.  
  882. {CustomCSS}
  883. </style>
  884.  
  885.  
  886. <!------------------SCRIPTS------------------>
  887.  
  888. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  889. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  890.  
  891. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  892.  
  893. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  894.  
  895. <script>
  896. $(document).ready(function(){
  897. $('.photo-slideshow').pxuPhotoset({
  898. lightbox: true,
  899. rounded: false,
  900. gutter: '{select:gutter size}',
  901. borderRadius: '0px',
  902. photoset: '.photo-slideshow',
  903. photoWrap: '.photo-data',
  904. photo: '.pxu-photo'
  905. });
  906. });
  907. </script>
  908.  
  909. <script>
  910. $(document).ready(function() {
  911. function close_accordion_section() {
  912. $('.accordion .accordion-section-title').removeClass('active');
  913. $('.accordion .accordion-section-content').slideUp(300).removeClass('open');
  914. }
  915.  
  916. $('.accordion-section-title').click(function(e) {
  917. // Grab current anchor value
  918. var currentAttrValue = $(this).attr('href');
  919.  
  920. if($(e.target).is('.active')) {
  921. close_accordion_section();
  922. }else {
  923. close_accordion_section();
  924.  
  925. // Add active class to section title
  926. $(this).addClass('active');
  927. // Open up the hidden content panel
  928. $('.accordion ' + currentAttrValue).slideDown(300).addClass('open');
  929. }
  930.  
  931. e.preventDefault();
  932. });
  933. });
  934. </script>
  935.  
  936. </head>
  937. <body>
  938.  
  939.  
  940. <!------------------EVERYTHING------------------>
  941.  
  942. <div id="everything">
  943.  
  944. <!--------------SIDEBAR-------------->
  945.  
  946. <div id="sidebar">
  947. <div class="maintitle"><a href="">{text:maintitle}</a></div>
  948. {block:ifSidebar}<img src="{image:sidebar}">{/block:ifSidebar}
  949. <div class="description">{Description}</div>
  950.  
  951. <div class="accordion">
  952. <div class="accordion-section">
  953. <a class="accordion-section-title" href="#accordion-1"><span class="sf sf-diamond-o"></span> navigation</a>
  954.  
  955. <div id="accordion-1" class="accordion-section-content">
  956. <ul>
  957. {block:ifLink1}<li><a href="{text:Link 1 URL}">
  958. {text:Link 1}</a></li>{/block:ifLink1}
  959. {block:ifLink2}<li><a href="{text:Link 2 URL}">
  960. {text:Link 2}</a></li>{/block:ifLink2}
  961. {block:ifLink3}<li><a href="{text:Link 3 URL}">
  962. {text:Link 3}</a></li>{/block:ifLink3}
  963. {block:ifLink4}<li><a href="{text:Link 4 URL}">
  964. {text:Link 4}</a></li>{/block:ifLink4}
  965. </ul>
  966. </div>
  967. </div>
  968. </div>
  969.  
  970. {block:Pagination}
  971. <div class="pagination">
  972. {block:PreviousPage}
  973. <a href="{PreviousPage}" class="back">back</a>
  974. {/block:PreviousPage}
  975. {block:NextPage}
  976. <a href="{NextPage}" class="next">next</a>
  977. {/block:NextPage}
  978. </div>
  979. {/block:Pagination}
  980.  
  981. </div>
  982.  
  983.  
  984. <!------------------ENTRIES------------------>
  985.  
  986. <div id="posts">
  987. {block:Posts}
  988. <div id="entries">
  989.  
  990. <!----------- TOP INFO----------->
  991.  
  992. {block:Date}
  993. <div class="topinfo">
  994. <i class="sf sf-clock-3-o"></i>
  995. <a href="{Permalink}">{TimeAgo}</a>
  996. <rbandlike>
  997. <div class="controls">
  998. <a href="{ReblogURL}" target="_blank" class="reblog"><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></a>
  999. <a href="#" class="like">{LikeButton}<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></a>
  1000. </div>
  1001. </rbandlike>
  1002. </div>
  1003. {/block:Date}
  1004.  
  1005. <!-----------BLOCKS----------->
  1006.  
  1007. {block:Link}
  1008. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1009. {block:Description}<div class="caption2">{Description}</div>{/block:Description}
  1010. {/block:Link}
  1011.  
  1012. {block:Quote}
  1013. <div class="quotes">“ {Quote} ”</div>
  1014. {block:Source}<div class="source"><strike>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strike> {Source}</div>{/block:Source}
  1015. {/block:Quote}
  1016.  
  1017. {block:Text}
  1018. {block:Title}
  1019. <div class="title">{Title}</div>{/block:Title}<div class="caption2">{Body}</div>
  1020. {/block:Text}
  1021.  
  1022. {block:Photo}
  1023. {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="{select:post width}">{LinkCloseTag}
  1024. {block:Caption}
  1025. <div class="caption">{Caption}</div>
  1026. {/block:Caption}
  1027. {/block:Photo}
  1028.  
  1029. {block:Photoset}<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>
  1030. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1031. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1032. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  1033. {/block:Photoset}
  1034.  
  1035. {block:Video}
  1036. <div class="video">{Video-500}</div>
  1037. {block:Caption}
  1038. <div class="caption">{Caption}</div>
  1039. {/block:Caption}
  1040. {/block:Video}
  1041.  
  1042. {block:Audio}
  1043. <div class="audio">{AudioEmbed-640}</div>
  1044. {block:Caption}
  1045. <div class="caption">{Caption}</div>
  1046. {/block:Caption}
  1047. {/block:Audio}
  1048.  
  1049. {block:Answer}
  1050. <div class="questions">
  1051. <span>{Asker} asked:</span>
  1052. <br><div class="question">{Question}</div>
  1053. <div class="answered">{Answer}</div>
  1054. </div>
  1055. {/block:Answer}
  1056.  
  1057. {block:Chat}
  1058. {block:Title}
  1059. <h1>{Title}</h1>{/block:Title}<br>
  1060. <ul class="convo">
  1061. {block:Lines}<li class="line_{Alt} user_{UserNumber}">
  1062. {block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  1063. {Line}
  1064. {/block:Lines}</ul>
  1065. {/block:Chat}
  1066.  
  1067. <!----------- BOTTOM INFO----------->
  1068.  
  1069. {block:Date}
  1070. <div class="bottominfo">
  1071. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1072. {block:RebloggedFrom}
  1073. <srcandvia>
  1074. <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>
  1075. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1076. </srcandvia>
  1077. {/block:RebloggedFrom}
  1078. </div>
  1079. {/block:Date}
  1080.  
  1081.  
  1082. {block:ifTags}
  1083. {block:HasTags}
  1084. <div class="tags"><b>TAGGED AS:</b>
  1085. {block:Tags}
  1086. <a href="{TagUrl}"># {Tag}</a>
  1087. {/block:Tags}
  1088. </div>
  1089. {/block:HasTags}
  1090. {/block:ifTags}
  1091.  
  1092. </div>
  1093. {/block:Posts}
  1094.  
  1095. <!----------- POST NOTES----------->
  1096.  
  1097. {block:PostNotes}
  1098. <div class="notesbox">
  1099. <div class="notes">
  1100. {PostNotes}
  1101. </div>
  1102. </div>
  1103. {/block:PostNotes}
  1104.  
  1105. </div>
  1106.  
  1107. <!---------------CREDIT // DO NOT REMOVE OR ALTER PLS !! ------------------>
  1108.  
  1109. <div class="credit"><a href="https://astraeawrites.tumblr.com/" title="astraea"><span class="sf sf-heart-o"></span></a></div>
  1110.  
  1111.  
  1112. </body>
  1113. </html>
Advertisement
Comments
  • User was banned
Add Comment
Please, Sign In to add comment