API tools faq
paste
pegasusthemes

theme 01 // andromeda

pegasusthemes
Sep 15th, 2018 (edited)
2,802
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.46 KB | None | 0 0
raw download clone embed print report
  1. <!-- THEME BY @LEEJORDAN / @VENUSTHMS
  2. do not remove the credit
  3.  
  4. -------------------------------------------------------------------------
  5.  
  6. - do not copy any part of this theme !
  7. - terms of use: venusthms.tumblr.com/terms
  8.  
  9. - base code @sorrism
  10. - css photosets @annasthms & @espoirthemes
  11. - tumblr controls fix @cyantists
  12. - icon font https://honeybee.suiomi.com/
  13. you can find the icon names here https://honeybee.suiomi.com/
  14.  
  15. - search for 'edit quick tags' to EDIT THE QUICK TAGS
  16.  
  17. ---------------------------------------------------------------------->
  18. <!DOCTYPE html>
  19. <head>
  20.  
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23.  
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27. <meta name="image:Sidebar" content="" />
  28. <meta name="image:Background" content="" />
  29.  
  30. <meta name="color:Background" content="#ffffff"/>
  31. <meta name="color:Text" content="#888888"/>
  32. <meta name="color:Titles"content="#000000"/>
  33. <meta name="color:Bold" content="#4f4f4f"/>
  34. <meta name="color:Borders" content="#EBEBF6"/>
  35. <meta name="color:Link" content="#666666"/>
  36. <meta name="color:Link Hover" content="#cccccc"/>
  37. <meta name="color:Captions" content="#ffffff"/>
  38. <meta name="color:Gradient One" content="#a1c4fd"/>
  39. <meta name="color:Gradient Two" content="#c2e9fb"/>
  40. <meta name="color:Sidebar Text" content="#ffffff"/>
  41. <meta name="color:Sidebar Links Hover" content="#84b4ce"/>
  42.  
  43. <meta name="select:Cursor" content="help" title="help">
  44. <meta name="select:Cursor" content="pointer" title="pointer">
  45. <meta name="select:Cursor" content="crosshair" title="crosshair">
  46.  
  47. <meta name="select:Font Size" content="12" title="12px">
  48. <meta name="select:Font Size" content="10" title="10px">
  49. <meta name="select:Font Size" content="11" title="11px">
  50. <meta name="select:Font Size" content="13" title="13px">
  51.  
  52. <meta name="select:Body Font" content="Barlow" title="Barlow">
  53. <meta name="select:Body Font" content="Karla" title="Karla">
  54. <meta name="select:Body Font" content="PT Serif" title="PT Serif">
  55. <meta name="select:Body Font" content="Roboto" title="Roboto">
  56. <meta name="select:Body Font" content="Nunito" title="Nunito">
  57. <meta name="select:Body Font" content="Playfair Display" title="Playfair Display">
  58.  
  59. <meta name="select:Accent Font" content="Lora" title="Lora italic">
  60. <meta name="select:Accent Font" content="Inconsolata" title="Inconsolata">
  61. <meta name="select:Accent Font" content="Raleway" title="Raleway">
  62. <meta name="select:Accent Font" content="Expletus Sans" title="Expletus Sans">
  63. <meta name="select:Accent Font" content="Playfair Display" title="Playfair Display">
  64.  
  65. <meta name="select:Edges" content="5px" title="round edges">
  66. <meta name="select:Edges" content="0" title="sharp edges">
  67.  
  68. <meta name="select:Sidebar Size" content="25%" title="25%">
  69. <meta name="select:Sidebar Size" content="20%" title="20%">
  70. <meta name="select:Sidebar Size" content="30%" title="30%">
  71.  
  72. <meta name="select:Post Size" content="400px" title="400px">
  73. <meta name="select:Post Size" content="350px" title="350px">
  74. <meta name="select:Post Size" content="380px" title="380px">
  75. <meta name="select:Post Size" content="450px" title="450px">
  76. <meta name="select:Post Size" content="500px" title="500px">
  77. <meta name="select:Post Size" content="540px" title="540px">
  78.  
  79. <meta name="select:Photoset Gutter" content="3px" title="3px">
  80. <meta name="select:Photoset Gutter" content="1px" title="1px">
  81. <meta name="select:Photoset Gutter" content="2px" title="2px">
  82. <meta name="select:Photoset Gutter" content="4px" title="4px">
  83. <meta name="select:Photoset Gutter" content="5px" title="5px">
  84.  
  85. <meta name="text:Post Position" content="100" />
  86.  
  87. <meta name="text:Subtitle" content=""/>
  88.  
  89. <meta name="if:Infinite Scroll" content="0"/>
  90. <meta name="if:Gradients" content="1"/>
  91. <meta name="if:Sidebar Image" content="0"/>
  92. <meta name="if:Show Archive Link" content="1"/>
  93. <meta name="if:Show Link 1" content="1"/>
  94. <meta name="if:Show Link 2" content="1"/>
  95. <meta name="if:Show Link 3" content="1"/>
  96. <meta name="if:Updates Section" content="1"/>
  97. <meta name="if:Quick Tags Section" content="1"/>
  98. <meta name="if:Captions" content="1"/>
  99. <meta name="if:Show Avatars" content="0"/>
  100. <meta name="if:Show Tags" content="1"/>
  101. <meta name="if:Hover Tags" content="1"/>
  102. <meta name="if:Scroll to top" content="0"/>
  103.  
  104. <meta name="text:Home Link Text" content="back to the homepage" />
  105. <meta name="text:Ask Link URL" content="/ask" />
  106. <meta name="text:Ask Link Text" content="write me a message" />
  107. <meta name="text:Archive Link Text" content="view my history" />
  108. <meta name="text:Link 1 Icon" content="bookmark-1-o" />
  109. <meta name="text:Link 1 URL" content="/" />
  110. <meta name="text:Link 1" content="link text" />
  111. <meta name="text:Link 2 Icon" content="app-o" />
  112. <meta name="text:Link 2 URL" content="/" />
  113. <meta name="text:Link 2" content="link text" />
  114. <meta name="text:Link 3 Icon" content="link" />
  115. <meta name="text:Link 3 URL" content="/" />
  116. <meta name="text:Link 3" content="link text" />
  117.  
  118. <meta name="text:Update 1 Date" content="xx/yy" />
  119. <meta name="text:Update 1 Text" content="update here" />
  120. <meta name="text:Update 2 Date" content="xx/yy" />
  121. <meta name="text:Update 2 Text" content="update here" />
  122. <meta name="text:Update 3 Date" content="xx/yy" />
  123. <meta name="text:Update 3 Text" content="update here" />
  124.  
  125. <meta name="viewport" content="width=device-width, initial-scale=1">
  126.  
  127. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><link href="https://static.tumblr.com/0podkko/bwepdyarh/photosets.css" rel="stylesheet"><link rel="stylesheet" type="text/css" href="//venusthms.github.io/pages/credit/venus.css"><script src="//venusthms.github.io/themes/andromeda/andromeda.js"></script><link href="https://fonts.googleapis.com/css?family=Barlow|Expletus+Sans|Inconsolata|Karla|Lora:400i,700i|Nunito|PT+Serif|Playfair+Display|Raleway|Roboto" rel="stylesheet"><script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  128.  
  129. <link rel="stylesheet" href="https://static.tumblr.com/uopakca/prpov76n6/aos.css" /><script src="https://static.tumblr.com/uopakca/L8aov76mb/aos.js"></script>
  130. <script>
  131. $(document).ready(function(){
  132. AOS.init();
  133. });
  134. </script>
  135.  
  136. <style type="text/css">
  137.  
  138. /***** tumblr controls *****/
  139.  
  140. iframe.tmblr-iframe{z-index:99999999999999!important;top:-2px!important;right:0!important;opacity:0;padding-right:38px;filter:invert(1) contrast(150%);-webkit-filter:invert(1) contrast(150%);-o-filter:invert(1) contrast(150%);-moz-filter:invert(1) contrast(150%);-ms-filter:invert(1) contrast(150%);transform:scale(0.65);transform-origin:100% 0;-webkit-transform:scale(0.65);-webkit-transform-origin:100% 0;-o-transform:scale(0.65);-o-transform-origin:100% 0;-moz-transform:scale(0.65);-moz-transform-origin:100% 0;-ms-transform:scale(0.65);-ms-transform-origin:100% 0;transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear}
  141.  
  142. iframe.tmblr-iframe:hover{opacity:0.6!important}
  143. .hcontrols{position:fixed;top:0;right:0;z-index:999999999}.hcontrols i{font-size:10px;padding:9px}.hcontrols i{color:{color:titles}}
  144.  
  145. /***** tooltips *****/
  146.  
  147. .ui-tooltip {
  148. position:Absolute;
  149. padding-top:10px;
  150. z-index: 99999;
  151. }
  152.  
  153. .ui-tooltip-content {
  154. padding:2px 4px;
  155. color:{color:Sidebar text};
  156. text-transform:lowercase;
  157. border-radius: 6px;
  158. }
  159.  
  160. /***** scrollbar *****/
  161.  
  162. ::-webkit-scrollbar{
  163. height:11px;
  164. width:11px;
  165. background:inherit;
  166. }
  167.  
  168. ::-webkit-scrollbar-thumb {background:{color:gradient one};}
  169.  
  170. ::-webkit-scrollbar-track {background:{color:borders};}
  171.  
  172. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background};}
  173.  
  174. /***** selections *****/
  175.  
  176. ::selection {
  177. background: rgba({RGBcolor:gradient one},.6); /* WebKit/Blink Browsers */
  178. color: #000;
  179. }
  180. ::-moz-selection {
  181. background: rgba({RGBcolor:gradient one},.6); /* Gecko Browsers */
  182. color: #000;
  183. }
  184.  
  185. /***** gradients *****/
  186.  
  187. .ui-tooltip-content, aside, footer a, .title, .track, .ques, .label, .scrollup {
  188. background: {color:gradient one};
  189. {block:ifGradients}
  190. background: -moz-linear-gradient(left, {color:gradient one} 0%, {color:gradient two} 100%);
  191. background: -webkit-linear-gradient(left, {color:gradient one} 0%,{color:gradient two} 100%);
  192. background: linear-gradient(to right, {color:gradient one} 0%,{color:gradient two} 100%);
  193. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:gradient one}', endColorstr='{color:gradient two}',GradientType=1 );
  194. {/block:ifGradients}
  195. }
  196.  
  197. /***** general *****/
  198.  
  199. body {
  200. margin:0;
  201. overflow-x: hidden;
  202. background: {color:background} url('{image:background}') fixed;
  203. background-attachment:{select:background image};
  204. background-size:{select:background image};
  205. color:{color:text};
  206. text-align:center;
  207. word-wrap:break-word;
  208. font-family: '{select:body font}';
  209. font-size:{select:font size}px;
  210. line-height:1.4em;
  211. }
  212.  
  213. img{opacity:1;border:0;text-decoration:none;max-width:100%;height:auto;display:block}
  214. blockquote{padding:.25em 0 .25em 15px;margin:.5em 0;border-left:1px solid {color:borders}}
  215. pre{padding:0;margin:0;line-height:inherit!important;background:transparent;font-family:inherit!Important;font-size:inherit!important;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
  216. p {margin:1em 0;}
  217. p:first-of-type {margin-top:0;}
  218. p:last-of-type {margin-bottom:0;}
  219. b a, strong a{font-weight:bold!important;color:{color:bold}}
  220. b, strong {color:{color:bold};}
  221. small, big, sub, pre{font-size:1em!important;line-height:1.4em!important;vertical-align:baseline!important}
  222. h1, h2, h3, h4{margin:1.5em 0;font-size:1.5em;padding:0;color:{color:titles};font-weight:bold}
  223. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  224. hr{border:none;box-shadow:0;margin:2em auto;width:75px;border-top:1px solid {color:borders}}
  225.  
  226. /***** links *****/
  227.  
  228. a{color:{color:link};text-decoration:none;transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear}.tex a{display: inline-block}
  229.  
  230. a:hover{color:{color:link hover}!important;text-decoration:none}
  231. a, a img, .morelink, .close {cursor:{select:cursor};}
  232.  
  233. @supports (background-image:linear-gradient(to right,#000000,#000000 50%,#ffffff 50%)) {
  234. .tex a, .pinfo a {
  235. color: {color:link};
  236. text-decoration: none;
  237. -webkit-background-clip: text;
  238. -webkit-text-fill-color: transparent;
  239. background-image: linear-gradient(
  240. to right,
  241. {color:link hover},
  242. {color:link hover} 50%,
  243. {color:link} 50%);
  244. background-size: 200% 100%;
  245. background-position: 100%;
  246. }
  247.  
  248. .tex a:hover, .pinfo a:hover {
  249. transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1);
  250. background-position: 0%;
  251. }
  252.  
  253. .nav a, .quicktags a, .close p, .nav span p{
  254. color: {color:Sidebar text};
  255. font-weight: bold;
  256. text-decoration: none;
  257. -webkit-background-clip: text;
  258. -webkit-text-fill-color: transparent;
  259. background-image: linear-gradient(
  260. to right,
  261. {color:Sidebar links hover},
  262. {color:Sidebar links hover} 50%,
  263. {color:Sidebar text} 50%);
  264. background-size: 200% 100%;
  265. background-position: 100%;
  266. }
  267.  
  268. .nav a:hover, .quicktags a:hover, .close p:hover, .nav span p:hover {
  269. transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1);
  270. background-position: 0%;
  271. }
  272. }
  273.  
  274. .tex a, .pinfo a {color: {color:link};}
  275. .tex a:hover, .pinfo a:hover {color: {color:link hover};}
  276. .nav a, .quicktags a, .close p, .nav span p { color:{color:Sidebar text};}
  277. .nav a:hover, .quicktags a:hover, .close p:hover, .nav span p:hover {color:{color:Sidebar links hover}}
  278.  
  279. /***** lists *****/
  280.  
  281. ul {list-style:none;}
  282. ol {list-style: lower-roman;list-style-position: inside;}
  283. .tex ul li:before {content:'—';margin-right: 5px;font-weight: 900;color: {color:text};}
  284.  
  285. /***** sidebar *****/
  286.  
  287. aside {
  288. position: fixed;
  289. height: 100vh;
  290. width: {select:Sidebar Size};
  291. top: 0;
  292. float: left;
  293. }
  294.  
  295. .acontent {
  296. height: 90%;
  297. width: 80%;
  298. margin: 40px 30px;
  299. color: {color:Sidebar text};
  300. }
  301.  
  302. /***** title + sb picture *****/
  303.  
  304. .intro {
  305. height: 55px;
  306. width: 100%;
  307. margin-bottom: 10px;
  308. text-align: left!important;
  309. }
  310.  
  311. .acontent img {
  312. display: inline;
  313. height: 40px;
  314. width: 40px;
  315. margin-right: 10px;
  316. border-radius: {select:Edges};
  317. float: left;
  318. font-family: 'barlow';
  319. }
  320.  
  321. .intro a {color: {color:Sidebar text};}
  322. .intro a:hover {color: {color:Sidebar text}!important;}
  323.  
  324. .acontent h1 {
  325. position: relative;
  326. display: block;
  327. top: 6px;
  328. font-family: '{select:Accent Font}';
  329. font-size: 15px;
  330. }
  331.  
  332. .subtitle {
  333. position: relative;
  334. bottom: 19px;
  335. font-family: '{select:Accent Font}';
  336. font-size: 101%;
  337. }
  338.  
  339. /***** description *****/
  340.  
  341. .desc {
  342. position: relative;
  343. display: inline-block;
  344. width 100%;
  345. bottom: 10px;
  346. margin-bottom: 20px;
  347. text-align: justify;
  348. }
  349.  
  350. /***** navigation *****/
  351.  
  352. .nav {
  353. position: relative;
  354. width: 100%;
  355. margin-bottom: 30px;
  356. text-align: left;
  357. line-height: 28px;
  358. }
  359.  
  360. .nav i {
  361. position: relative;
  362. top: 2px;
  363. padding: 5px;
  364. margin-right: 5px;
  365. border-radius: 5px;
  366. color: {color:Sidebar text};
  367. }
  368.  
  369. .morelink {display: inline;}
  370. .nav span {display: block;left: 1px;}
  371.  
  372. /***** updates *****/
  373.  
  374. .updates {
  375. position: relative;
  376. width 100%;
  377. margin-bottom: 30px;
  378. text-align: left;
  379. line-height: 27px;
  380. }
  381.  
  382. .date {
  383. margin-right: 5px;
  384. padding: 2px 4px;
  385. background: {color:Sidebar text};
  386. color: {color:gradient one};
  387. border-radius: {select:Edges};
  388. }
  389.  
  390. /***** quick tags *****/
  391.  
  392. .quicktags {
  393. position: relative;
  394. width 100%;
  395. text-align: justify;
  396. }
  397.  
  398. .quicktags a:before {
  399. content: '#';
  400. margin-right: 3px;
  401. }
  402.  
  403. .quicktags a {
  404. margin-right: 5px;
  405. }
  406.  
  407. .close {
  408. position: relative;
  409. top: 20px;
  410. float: left;
  411. }
  412.  
  413. .close i {
  414. margin-right: 2px;
  415. font-size: 9px;
  416. }
  417.  
  418. /***** pagination *****/
  419.  
  420. footer {
  421. position: relative;
  422. {block:ifinfinitescroll}
  423. display:none;
  424. {/block:ifinfinitescroll}
  425. top: 35px;
  426. left: {text:Post Position}px;
  427. margin-bottom: 100px;
  428. font-family: '{select:Accent Font}';
  429. }
  430.  
  431. footer a {
  432. display:inline-block;
  433. margin:0 5px;
  434. padding: 2px 4px;
  435. border:0;
  436. border-radius: {select:Edges};
  437. color: {color:Sidebar text};
  438. }
  439.  
  440. footer a:hover {color: {color:Sidebar links hover};}
  441. #infscr-loading {display:none!important;}
  442. .pline {display: inline;}
  443. p.page-1 {display: none;}
  444. footer span {display:inline-block;}
  445. footer .th {font-size: 10px;}
  446. .current_page {font-weight:bold;}
  447.  
  448. /***** posts *****/
  449.  
  450. section {
  451. width:{select:Post Size};
  452. margin:0px auto 100px auto;
  453. }
  454.  
  455. .posts {
  456. position: relative;
  457. width:{select:Post Size};
  458. top:50px;
  459. left: {text:Post Position}px;
  460. {block:PermalinkPage}
  461. margin-bottom: 20px;
  462. {/block:PermalinkPage}
  463. {block:IndexPage}
  464. margin-bottom:100px;
  465. {/block:IndexPage}
  466. }
  467.  
  468. .ph {position:relative;overflow:hidden;}
  469. .ph img {display:block;width:100%;}
  470.  
  471. /***** post titles *****/
  472.  
  473. .title {
  474. font-size:1.25em;
  475. line-height:1.75em;
  476. }
  477.  
  478. .title, .track {
  479. -webkit-background-clip: text;
  480. -webkit-text-fill-color: transparent;
  481. }
  482.  
  483. .title a {color:{color:titles};}
  484. .title a:hover {color:{color:link};}
  485. .ted {margin-top:10px;}
  486. .tex video {width:{select:Post Size};}
  487.  
  488. /***** captions *****/
  489.  
  490. .comment {
  491. padding:0 0 1.5em 0;
  492. padding: 5px;
  493. border-radius: {select:Edges};
  494. background: {color:Captions};
  495. list-style:none;
  496. }
  497.  
  498. .user {
  499. display:block;
  500. margin-bottom:.75em;
  501. text-align: left;
  502. font-family: '{select:Accent Font}';
  503. line-height:1.7em;
  504. }
  505.  
  506. img.userimg {
  507. display: inline;
  508. width: 20px;
  509. margin-right: 10px;
  510. float: left;
  511. border-radius: {select:Edges};
  512. }
  513.  
  514.  
  515. .comment:last-of-type {padding-bottom:0!important;}
  516. .comment img {border-radius: {select:Edges};}
  517. .npf_row {height: 100%!important;}
  518. .captioned .comment:first-of-type {margin-top:2em;}
  519. .tex li, .tex blockquote {text-align:left;}
  520. .tex {text-align: left;display: block;}
  521.  
  522. /***** photosets *****/
  523.  
  524. [photoset-layout] {
  525. grid-gap: {select:Photoset Gutter};
  526. border-radius: {select:Edges};
  527. overflow: hidden;
  528. }
  529.  
  530. .singlephoto {
  531. border-radius: {select:Edges};
  532. }
  533.  
  534. [photoset-layout] div {cursor: {select:cursor};}
  535.  
  536. /***** quotes *****/
  537.  
  538. .source {margin-top:5px;}
  539.  
  540. .quote:before {
  541. content: '\e922';
  542. font-family: 'honeybee';
  543. margin-right: 8px;
  544. }
  545.  
  546. /***** audio posts *****/
  547.  
  548. .player {
  549. position:absolute;
  550. display:block;
  551. height:24px;
  552. width:25px;
  553. left:10px;
  554. overflow:hidden;
  555. }
  556.  
  557. .hold {
  558. display:block;
  559. min-height:24px;
  560. padding:15px;
  561. background:{color:background};
  562. border:1px solid {color:borders};
  563. text-align:left;
  564. }
  565.  
  566. .audio_info {
  567. vertical-align:middle;
  568. line-height:12px;
  569. margin-left:35px;
  570. max-width:calc(100% - 35px);
  571. }
  572.  
  573. .audio_info span {
  574. display:block;
  575. white-space:nowrap;
  576. overflow:hidden;
  577. text-overflow:ellipsis;
  578. }
  579.  
  580. .hold .track {color:{color:titles};}
  581.  
  582. /***** asks *****/
  583.  
  584. .q {
  585. margin-bottom: 1em;
  586. text-align:left;
  587. }
  588.  
  589. .ques {
  590. padding:15px;
  591. border-radius: {select:Edges};
  592. color: {color:Sidebar text};
  593. }
  594.  
  595. .as {text-transform:lowercase; display:block; margin-bottom: 7px;}
  596. .as a {color:{color:text};}
  597. .as a:hover {color:{color:link hover};}
  598.  
  599. /***** chat *****/
  600.  
  601. .chat {
  602. margin:0;
  603. padding:0;
  604. text-align:left;
  605. line-height: 1.3em;
  606. list-style:none;
  607. }
  608.  
  609. .label {
  610. display:inline-block;
  611. margin-right: 5px;
  612. padding: 2px 4px;
  613. font-weight:bold;
  614. color:{color:titles};
  615. border-radius: {select:Edges};
  616. font-family: '{select:Accent Font}';
  617. }
  618.  
  619. .l:first-of-type {padding-top:0;}
  620. .l:last-of-type {padding-bottom:0;border:0;}
  621. .l {padding:15px 0;border-bottom:1px solid {color:borders};}
  622.  
  623. /***** permalink + notes *****/
  624.  
  625. .when a {color:{color:text}!important;}
  626. .when a:hover {color:{color:link hover}!important;}
  627. .when {margin-top:15px;}
  628. .when span {display:block; text-align: center;}
  629. .pinfo {text-transform: lowercase;}
  630. .tags {margin-top:.5em;}
  631. .tags a:before {content: '#';margin-right: 1px;}
  632. {block:ifhovertags}{block:IndexPage}
  633. .posts:hover .tags a {visibility: visible;opacity: 1;}
  634. {/block:IndexPage}{block:ifhovertags}
  635. .pagenotes {padding-top:2em;text-align: left;}
  636.  
  637. .tags a {
  638. display:inline;
  639. margin:0 3px;
  640. font-style:italic;
  641. color:{color:text};
  642. {block:IndexPage}
  643. {block:ifhovertags}
  644. visibility: hidden;
  645. opacity: 0;
  646. {/block:ifhovertags}
  647. {block:ifnotshowtags}
  648. display:none;
  649. {/block:ifnotshowtags}
  650. {/block:IndexPage}
  651. }
  652.  
  653. ol.notes {
  654. padding:0px;
  655. margin:0px;
  656. margin-top: 15px;
  657. list-style-type:none;
  658. }
  659.  
  660. ol.notes li.note {
  661. display:block;
  662. margin:5px 0;
  663. padding:0;
  664. }
  665.  
  666. ol.notes li.note img.avatar {display:none!important;}
  667. li.reblog:before {content: '\ebc2';}
  668. li.like:before {content: '\ea54';}
  669.  
  670. li.reblog:before, li.like:before {
  671. font-family: 'honeybee';
  672. font-size: 9px;
  673. margin-right: 5px;
  674. position: relative;
  675. top: 1px;
  676. color: {color:link};
  677. }
  678.  
  679. a.more_notes_link {
  680. display:block;
  681. text-align:left;
  682. color:{color:titles};
  683. margin-top: 15px;
  684. }
  685.  
  686. /***** scroll to top *****/
  687.  
  688. .scrollup {
  689. position: fixed;
  690. width: 15px;
  691. height: 15px;
  692. bottom: 11px;
  693. right: 40px;
  694. display:none;
  695. font-size: 10px;
  696. color: #fff;
  697. border-radius: {select:Edges};
  698. padding: 3px;
  699. }
  700.  
  701. /***** media queries *****/
  702.  
  703. @media only screen and (min-width: 1900px) {
  704. .acontent {position:relative;top: 50px;}
  705. .desc {margin-bottom: 40px;bottom:5px;}
  706. .nav {margin-bottom: 40px;}
  707. .updates {margin-bottom: 40px;}
  708. }
  709.  
  710. @media only screen and (min-width: 951px) {
  711. .more {display: none!important;}
  712. .close {display: none;}
  713. .moreinfo {display: block!important;}
  714. }
  715.  
  716. @media only screen and (max-width: 950px) and (max-height: 900px) {
  717. aside {width: 30%;}
  718. .posts {left: 130px!important;}
  719. footer {left: 130px!important;}
  720.  
  721. .moreinfo {position: relative;display: none;bottom: 220px;min-height: 200px;}
  722. .more {position: relative;}
  723. .morelink {display: none;}
  724. .more i {display:none;}
  725. {block:ifQuickTagsSection}
  726. .morelink {display:inline;}
  727. .more i {display:inline;}
  728. {/block:ifQuickTagsSection}
  729. {block:ifUpdatesSection}
  730. .morelink {display:inline;}
  731. .more i {display:inline;}
  732. {/block:ifUpdatesSection}
  733.  
  734. .moreinfo {
  735. background: {color:gradient one};
  736. {block:ifGradients}
  737. background: -moz-linear-gradient(left, {color:gradient one} 0%, {color:gradient two} 100%);
  738. background: -webkit-linear-gradient(left, {color:gradient one} 0%,{color:gradient two} 100%);
  739. background: linear-gradient(to right, {color:gradient one} 0%,{color:gradient two} 100%);
  740. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:gradient one}', endColorstr='{color:gradient two}',GradientType=1 );
  741. {/block:ifGradients}
  742. }
  743. }
  744.  
  745.  
  746. {CustomCSS}
  747. </style>
  748. </head>
  749. <body>
  750. <div class="hcontrols"><i class="th th-dial"></i></div>
  751.  
  752. <!----- sidebar starts ----->
  753. <aside>
  754. <div class="acontent">
  755.  
  756. <!-- icon + titles -->
  757. {block:ifsidebarimage}<img src="{image:sidebar}"></img>{/block:ifsidebarimage}<div class="intro">
  758. <h1><a href="/">{title}</a></h1>
  759. <span class="subtitle">{text:Subtitle}</span>
  760. </div>
  761.  
  762. <div class="desc"><!-- description -->
  763. {description}
  764. </div>
  765.  
  766. <div class="nav"><!-- navigation -->
  767. <span><i class="th th-home-o"></i><a href="/"> {text:Home Link Text}</a></span>
  768. <span><i class="th th-chat-bubble-o"></i><a href="{text:Ask Link URL}">{text:Ask Link Text}</a></span>
  769. {block:ifshowarchivelink}<span><i class="th th-clock-o"></i><a href="/archive"> {text:Archive Link Text}</a></span>{/block:ifshowarchivelink}
  770. {block:ifshowlink1}<span><i class="th th-{text:Link 1 Icon}"></i><a href="{text:Link 1 URL}"> {text:Link 1}</a></span>{/block:ifshowlink1}
  771. {block:ifshowlink2}<span><i class="th th-{text:Link 2 Icon}"></i><a href="{text:Link 2 URL}"> {text:Link 2}</a></span>{/block:ifshowlink2}
  772. {block:ifshowlink3}<span><i class="th th-{text:Link 3 Icon}"></i><a href="{text:Link 3 URL}"> {text:Link 3}</a></span>{/block:ifshowlink3}
  773. <span class="more"><i class="th th-add-o"></i><p class="morelink"> click for more info</p></span>
  774. </div>
  775.  
  776. <div class="moreinfo"><!-- updates -->
  777. {block:ifUpdatesSection}
  778. <div class="updates">
  779. <span class="date">{text:Update 1 Date}</span> {text:Update 1 Text}<br>
  780. <span class="date">{text:Update 2 Date}</span> {text:Update 2 Text}<br>
  781. <span class="date">{text:Update 3 Date}</span> {text:Update 3 Text}<br>
  782. </div>
  783. {/block:ifUpdatesSection}
  784.  
  785. {block:ifQuickTagsSection}
  786. <div class="quicktags"><!-- edit quick tags -->
  787. <a href="/">quick tag</a> <a href="/">quick tag</a> <a href="/">quick tag</a> <a href="/">quick tag</a> <a href="/">quick tag</a> <a href="/">quick tag</a> <a href="/">quick tag</a> <a href="/">quick tag</a> <a href="/">quick tag</a> <a href="/">quick tag</a> <a href="/">quick tag</a> <a href="/">quick tag</a> <a href="/">quick tag</a>
  788. </div>
  789. {/block:ifQuickTagsSection}
  790. <span class="close"><i class="th th-cross"></i><p class="morelink"> close</p></span>
  791. </div>
  792.  
  793. </div></aside>
  794. <!----- sidebar ends ----->
  795.  
  796.  
  797. <!----- post section start ----->
  798. <section id="entries">{block:posts}
  799. <article data-aos="fade-up" class="posts {block:caption}captioned{/block:caption}">
  800.  
  801. {block:Quote}
  802. <div class="title quote">{quote}</div>
  803. {block:Source}<div class="source">{source}</div>{/block:Source}
  804. {/block:Quote}
  805.  
  806. {block:Text}
  807. {block:Title}<div class="title">{title}</div>{/block:Title}
  808. {block:RebloggedFrom}
  809. {block:Reblogs}
  810. <li class="comment {block:Title}ted{/block:Title}">
  811. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  812. <div class="tex">{body}</div>
  813. </li>
  814. {/block:Reblogs}
  815. {/block:RebloggedFrom}
  816. {block:NotReblog}
  817. <li class="comment {block:Title}ted{/block:Title}">
  818. <div class="tex">{body}</div>
  819. </li>
  820. {/block:NotReblog}
  821. {/block:Text}
  822.  
  823. {block:Link}<div class="title"><a href="{URL}">{name}</a></div>
  824. {block:Description}
  825. {block:NotReblog}
  826. <li class="comment ted">
  827. <div class="tex">{description}</div>
  828. </li>
  829. {/block:NotReblog}
  830. {/block:Description}
  831. {block:RebloggedFrom}
  832. {block:Reblogs}
  833. <li class="comment">
  834. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  835. <div class="tex">{body}</div>
  836. </li>
  837. {/block:Reblogs}
  838. {/block:RebloggedFrom}
  839. {/block:Link}
  840.  
  841. {block:Chat}
  842. {block:Title}<div id="title">{title}</div>{/block:Title}
  843. <ol class="chat {block:Title}ted{/block:Title}">
  844. {block:lines}
  845. <li class="l {Alt}">
  846. {block:label}<span class="label">{label}</span>{/block:label} {line}
  847. </li>
  848. {/block:lines}
  849. </ol>
  850. {/block:Chat}
  851.  
  852. <div class="ph">
  853.  
  854. {block:Photo}{linkopentag}<img class="singlephoto" src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  855.  
  856. {block:Photoset}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:Photoset}
  857.  
  858. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  859.  
  860. {block:Audio}
  861. {block:audioplayer}
  862. <div class="hold">
  863. <div class="player">{audioplayerwhite}</div>
  864. <div class="audio_info">
  865. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  866. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  867. </div>
  868. </div>
  869. {/block:audioplayer}
  870. {/block:Audio}
  871.  
  872. {block:ifCaptions}
  873. {block:caption}
  874. {block:Reblogs}
  875. <li class="comment">
  876. {block:ifshowavatars}<img class="userimg" src="{PortraitURL-64}">{/block:ifshowavatars}
  877. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  878. <div class="tex">{body}</div>
  879. </li>
  880. {/block:Reblogs}
  881. {block:NotReblog}
  882. <li class="comment">
  883. {block:ifshowavatars}<img class="userimg" src="{PortraitURL-64}">{/block:ifshowavatars}
  884. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>
  885. <div class="tex">{caption}</div>
  886. </li>
  887. {/block:NotReblog}
  888. {/block:caption}
  889. {/block:ifCaptions}
  890.  
  891. </div>
  892.  
  893. {block:Answer}
  894. <div class="q">
  895. <span class="as">{asker} said:</span>
  896. <div class="ques">{question}</div>
  897. </div>
  898. {block:Answerer}
  899. <li class="comment">
  900. <div class="user">{block:ifshowavatars}<img class="userimg"src="{AnswererPortraitURL-64}">{/block:ifshowavatars} {answerer} replied:</div>
  901. <div class="tex">{answer}</div>
  902. </li>
  903. {/block:Answerer}
  904. {block:NotReblog}
  905. <li class="comment">
  906. <div class="tex">{replies}</div>
  907. </li>
  908. {/block:NotReblog}
  909. {block:RebloggedFrom}
  910. {block:Reblogs}
  911. <li class="comment">
  912. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  913. <div class="tex">{body}</div>
  914. </li>
  915. {/block:Reblogs}
  916. {/block:RebloggedFrom}
  917. {/block:Answer}
  918.  
  919. {block:Date}
  920. <div class="when">
  921. <hr>
  922. <span class="pinfo"><a href="{permalink}" title="{NoteCountWithLabel}">{month} {dayofmonth}{dayofmonthsuffix}</a> ; <a href="{ReblogURL}" target="_blank" >reblog</a></span>
  923. {block:hastags}
  924. <span class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</span>
  925. {/block:hasTags}
  926. </div>
  927. {/block:Date}
  928.  
  929. </article>
  930.  
  931.  
  932. {block:PostNotes}
  933. <article class="posts pagenotes">
  934. <div class="title">{NoteCountWithLabel}</div>
  935. {block:RebloggedFrom}
  936. <span class="newnew" style="margin-top:5px">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  937. {block:ContentSource} / source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  938. </span>
  939. {/block:RebloggedFrom}
  940.  
  941. {PostNotes}
  942. </article>
  943. {/block:PostNotes}
  944. {/block:Posts}
  945. <!----- post section ends ----->
  946.  
  947.  
  948. <!----- pagination ----->
  949. {block:Pagination}
  950. <footer id="pagination">
  951. <span>
  952. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} </span>
  953. <span>{block:NextPage}<p class="pline page-{currentpage}">&bull;</p> <a href="{NextPage}">next</a>{/block:NextPage}</span>
  954. </footer>
  955. {/block:Pagination}
  956. </section>
  957. <!----- pagination ends ----->
  958.  
  959. <!----- scroll to top ----->
  960. <a href="#" class="scrollup" title="scroll to top"><span class="th th-up-arrow"></span></a>
  961.  
  962. <!----- DO NOT EDIT AFTER THIS POINTE ----->
  963. <div class="vt"><a href="https://venusthms.tumblr.com/" title="venusthms"><img src="https://i.imgur.com/PxFLRpM.png"></img></a></div>
  964.  
  965. {block:indexpage}{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}
  966. <script>
  967. $(document).ready(function(){
  968. $('body').tooltip({track:true});
  969. $('iframe.tumblr_audio_player').load( function() {
  970. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
  971. });
  972. {block:indexpage}
  973. {block:ifinfinitescroll}
  974. var $container = $('section');
  975. $container.infinitescroll({
  976. itemSelector: 'article',
  977. navSelector: 'footer',
  978. nextSelector: 'footer a',
  979. loadingImg: '',
  980. loadingText: '<em></em>',
  981. bufferPx: 100
  982. },
  983. function( newElements ) {
  984. var $newElems = $( newElements );
  985. $newElems.find('iframe.tumblr_audio_player').load(function(){
  986. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background}!important} </style>")); resizeVideos()
  987. });
  988. });
  989. {/block:ifinfinitescroll}
  990. {/block:indexpage}
  991. });
  992. </script>
  993. {block:ifscrolltotop}
  994. <script>
  995. $(document).ready(function(){
  996.  
  997. $(window).scroll(function(){
  998. if ($(this).scrollTop() > 350) {
  999. $('.scrollup').fadeIn();
  1000. } else {
  1001. $('.scrollup').fadeOut();
  1002. }
  1003. });
  1004.  
  1005. $('.scrollup').click(function(){
  1006. $('html, body').animate({scrollTop : 0},800);
  1007. return false;
  1008. });
  1009.  
  1010. });
  1011. </script>
  1012. {/block:ifscrolltotop}
  1013. {block:ContentSource}
  1014. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1015. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1016. {/block:SourceLogo}
  1017. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1018. {/block:ContentSource}
  1019. </body>
  1020. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!