Advertisement
Guest User

Untitled

a guest
Jan 28th, 2020
199
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.28 KB | None | 0 0
  1. <!--
  2. coding by @shuvee || circa 2018
  3. theme : 005 : my flower
  4.  
  5. remember:
  6.  
  7. ♡ do not remove credits (including this part)
  8. ♡ do not steal parts of this code for your own use; google what you need
  9. ♡ do not alter and/or redistribute
  10.  
  11.  
  12. thanks for liking this enough to use it!! (´。• ᵕ •。`) ♡
  13.  
  14. - emmy // shuvee, with love
  15. -->
  16. <!DOCTYPE html>
  17. <head>
  18. <title>{Title}</title> <!--title in the tab-->
  19. <link rel="shortcut icon" href="{Favicon}"> <!--icon in the tab-->
  20. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="" />{/block:Description}
  22.  
  23. <!--metas-->
  24. <meta name="image:Header" content=""/>
  25. <meta name="image:Sidebar" content=""/>
  26.  
  27. <meta name="color:Background" content="#fbfbfb"/>
  28. <meta name="color:Scrollbar" content="#8b8b8b"/>
  29. <meta name="color:Text" content="#171717"/>
  30. <meta name="color:Selection Background" content="#eee"/>
  31. <meta name="color:Selection Text" content="#171717"/>
  32. <meta name="color:Tooltips Background" content="#fff"/>
  33. <meta name="color:Tooltips Text" content="#888"/>
  34. <meta name="color:Tooltips Border" content="#eee"/>
  35.  
  36. <meta name="color:Accent 1" content="#4c4c4c"/>
  37. <meta name="color:Accent 2" content="#707070"/>
  38. <meta name="color:Accent 3" content="#a0a0a0"/>
  39. <meta name="color:Links Hover" content="#171717"/>
  40. <meta name="color:Borders" content="#eee"/>
  41.  
  42. <meta name="text:Subtitle" content="subtitle"/>
  43. <meta name="text:Link 1" content="link 1"/>
  44. <meta name="text:Link 1 url" content="/"/>
  45. <meta name="text:Link 2" content="link 2"/>
  46. <meta name="text:Link 2 url" content="/"/>
  47. <meta name="text:Link 3" content="link 3"/>
  48. <meta name="text:Link 3 url" content="/"/>
  49.  
  50. <!--scripts + stylesheets-->
  51. <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono|Montserrat:400,600,700" rel="stylesheet">
  52.  
  53. <link href="https://fonts.googleapis.com/css?family=Playfair+Display+SC:400,700,900&display=swap" rel="stylesheet">
  54.  
  55. <!--icon font by fontawsome | https://fontawesome.io/icons/-->
  56. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
  57. <!--video resize script by @shythemes | https://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos-->
  58. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  59. <script src ="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  60. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  61. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  62. <script src="https://static.tumblr.com/ihhnoee/12Cotb0p2/jquery.style-my-tooltips.js"></script>
  63.  
  64. <script>
  65. (function($){
  66. $(document).ready(function(){
  67. $("a[title]").style_my_tooltips({
  68. tip_follows_cursor:false,
  69. tip_delay_time:100,
  70. tip_fade_speed:300,
  71. attribute:"title"
  72. });
  73. });
  74. })(jQuery);
  75. </script>
  76.  
  77. <!--pxu photoset scripts; tutorial by @shythemes https://shythemes.tumblr.com/post/113728114758/tutorial-pixel-union-photosets-->
  78. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  79. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  80. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  81.  
  82. <script>
  83. $(document).ready(function(){
  84. $('.photo-slideshow').pxuPhotoset({
  85. lightbox: true,
  86. rounded: false,
  87. gutter: '4px',
  88. borderRadius: '0px',
  89. photoset: '.photo-slideshow',
  90. photoWrap: '.photo-data',
  91. photo: '.pxu-photo'
  92. });
  93. });
  94. </script>
  95. <style>
  96. #s-m-t-tooltip { /*what shows up when you hover over something with a title, such as the credit in the corner*/
  97. max-width:175px;
  98. margin:10px 14px 7px 10px;
  99. padding:5px 7px;
  100. background-color:{color:Tooltips Background};
  101. color:{color:Tooltips Text};
  102. border:solid 1px {color:Tooltips Border};
  103. font-family:'Roboto', sans-serif;
  104. font-size:10px;
  105. text-transform:uppercase;
  106. letter-spacing:1px;
  107. line-height:10px;
  108. z-index:99999999;
  109. }
  110.  
  111. ::-webkit-scrollbar { height:2px; width:3px; background:{color:Background}; }
  112. ::-webkit-scrollbar-thumb { background:{color:Scrollbar}; border-radius:3px; -webkit-border-radius:3px; }
  113.  
  114. ::-webkit-selection { background:{color:Selection Background}; color:{color:Selection Text}; }
  115. ::-moz-selection { background:{color:Selection Background}; color:{color:Selection Text}; }
  116. ::-ms-selection { background:{color:Selection Background}; color:{color:Selection Text}; }
  117. ::-o-selection { background:{color:Selection Background}; color:{color:Selection Text}; }
  118. ::selection { background:{color:Selection Background}; color:{color:Selection Text}; }
  119.  
  120. /*iframe fix by @cyantists | https://cyantists.tumblr.com/post/163728517915/fix-tumblrs-new-controls-i-have-come-up-with-3*/
  121. iframe.tmblr-iframe {
  122. z-index:99999999999999!important;
  123. top:-2px!important;
  124. right:0!important;
  125. opacity:0;
  126. padding-right:38px;
  127. /* delete invert(1) from here */
  128. filter:invert(1) contrast(150%);
  129. -webkit-filter:invert(1) contrast(150%);
  130. -o-filter:invert(1) contrast(150%);
  131. -moz-filter:invert(1) contrast(150%);
  132. -ms-filter:invert(1) contrast(150%);
  133. /* to here if your blog has a dark background */
  134. transform:scale(0.65);
  135. transform-origin:100% 0;
  136. -webkit-transform:scale(0.65);
  137. -webkit-transform-origin:100% 0;
  138. -o-transform:scale(0.65);
  139. -o-transform-origin:100% 0;
  140. -moz-transform:scale(0.65);
  141. -moz-transform-origin:100% 0;
  142. -ms-transform:scale(0.65);
  143. -ms-transform-origin:100% 0;}
  144.  
  145. iframe.tmblr-iframe:hover {
  146. opacity:0.6!important;}
  147.  
  148. .hcontrols {
  149. position:fixed;
  150. top:0;
  151. right:0;
  152. z-index:999999999;}
  153.  
  154. .hcontrols svg {
  155. width:14px;
  156. height:14px;
  157. padding:9px;}
  158.  
  159. .hcontrols svg path {
  160. fill:{color:Scrollbar};/* change this to change the color of the icon */}
  161.  
  162. /*general*/
  163. body {
  164. background-color:{color:Background}; color:{color:Text};
  165. font-family:'Roboto', sans-serif;
  166. overflow-x:hidden;
  167. }
  168.  
  169. a {
  170. color:{color:Accent 2}; text-decoration: none;
  171. -webkit-transition: all .35s ease-in-out;
  172. -moz-transition: all .35s ease-in-out;
  173. -ms-transition: all .35s ease-in-out;
  174. -o-transition: all .35s ease-in-out;
  175. transition: all .35s ease-in-out;
  176. }
  177.  
  178. a:hover { color:{color:Links Hover}; }
  179.  
  180.  
  181. #universe { width:860px; margin: -8px auto 0px; }
  182.  
  183. /*header*/
  184. #saturn {
  185. width:850px; height:400px;
  186. position:relative; z-index:9998;
  187. }
  188.  
  189. #spacer2 { margin:-145px auto 0px; width:880px; height:188px; background:{color:Background}; position:absolute; z-index:-2; }
  190.  
  191. #rings {
  192. width:850px;
  193. padding:9px 0px;
  194. background:{color:Background}; color:{color:Accent 1};
  195. border-bottom:1px solid {color:Borders};
  196. font-family: 'Playfair Display SC', serif;
  197. font-size:20px; font-weight:900;
  198. text-align:center; text-transform:uppercase; letter-spacing:5px;
  199. position:absolute; z-index:9999;
  200. }
  201.  
  202. /*sidebar*/
  203. #comet {
  204. width:288px; height:100px;
  205. margin-top:43px; margin-left:0px;
  206. position:absolute;
  207. }
  208.  
  209. #stars {
  210. margin: 20px 0px 0px; padding-right:4px;
  211. background: {color:Background}; font-size:17px;
  212. position:absolute; z-index:9999; }
  213. #stars a:nth-child(3n+1) { margin-right:26px; color:{color:Accent 1}; }
  214. #stars a:nth-child(3n+2) { margin-right:26px; color:{color:Accent 2}; }
  215. #stars a:nth-child(3n+3) { margin-right:26px; color:{color:Accent 3}; }
  216. #stars a:hover { color:{color:Links Hover}; }
  217. #starsline { margin-top:16px; margin-left:0px; stroke:{color:Borders}; position:absolute; }
  218.  
  219. #sol {
  220. margin-top:65px; margin-left:0px; padding-right:28px;
  221. background:{color:Background}; color:{color:Accent 1};
  222. font-family: 'Playfair Display SC', serif;
  223. font-size:14px; font-weight:900;
  224. text-transform:uppercase; letter-spacing:2px;
  225. position:absolute; z-index:9999;
  226. }
  227. #solline { margin-top:58px; margin-left:0px; stroke:{color:Borders}; position:absolute; }
  228.  
  229. #earth {
  230. width:269px; margin-top:90px; margin-left:0px;
  231. background-color:{color:Background}; color:{color:Text};
  232. font-family:'Roboto', sans-serif; font-size:11px;
  233. text-align:justify; letter-spacing:-0.2px;
  234. position:relative;
  235. }
  236. #earthline { margin-top:1px; margin-left:0px; stroke:{color:Borders}; position:relative; }
  237.  
  238. #luna {
  239. width:268px; height:120px;
  240. margin-left:0px; margin-top:16px;
  241. position:relative;
  242. }
  243. #lunaline { margin-top:-76px; margin-left:268px; stroke:{color:Borders}; position:relative; }
  244.  
  245. #shuttleline { margin-top:59px; margin-left:0px; stroke:{color:Borders}; position:relative; }
  246. #shuttle {
  247. width:268px; margin-top:7px;
  248. color:{color:Accent 1};
  249. font-family: 'Montserrat', sans-serif; font-size:12px; font-weight:700;
  250. text-align:center;
  251. }
  252. #shuttle a { margin-left:4px; margin-right:4px; color:{color:Accent 2}; font-weight:600; }
  253. #shuttle a:hover { color:{color:Links Hover}; }
  254.  
  255. .sticky { /*https://developers.google.com/web/updates/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit*/
  256. position: -webkit-sticky; position: -moz-sticky;
  257. position: -ms-sticky; position: -o-sticky; position: sticky;
  258. top: 0px; z-index:9999;
  259. }
  260.  
  261. .sticky2 { /*https://developers.google.com/web/updates/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit*/
  262. position: -webkit-sticky; position: -moz-sticky;
  263. position: -ms-sticky; position: -o-sticky; position: sticky;
  264. top: 0px; z-index:1;
  265. }
  266.  
  267. #mainline { margin-top:-97px; margin-left:289px; position:fixed; z-index:700; stroke:{color:Borders}; }
  268.  
  269. /*posts*/
  270. #galaxy { width:560px; margin-top:52px; margin-left:290px; z-index:800; }
  271.  
  272. .nebula { /*actual posts*/
  273. width:540px;
  274. margin-bottom:50px; margin-left:20px;
  275. font-family:'Roboto', sans-serif; font-size:12px;
  276. }
  277.  
  278. .nebula h1 { /*post titles*/
  279. color:{color:Accent 1};
  280. font-family: 'Montserrat', sans-serif; font-size:17px; font-weight:700;
  281. text-align:center; text-transform:uppercase; letter-spacing:3px;
  282. }
  283.  
  284. .nebula h2 { /*post header*/
  285. margin:0; margin-bottom:3px;
  286. color:{color:Text};
  287. font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:700;
  288. letter-spacing:1px;
  289. }
  290.  
  291. .nebula h3 { /*quote*/
  292. margin:0px auto;
  293. color:{color:Accent 1};
  294. font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700;
  295. text-align:justify;
  296. }
  297.  
  298. .author { /*quote source*/
  299. margin:0px;
  300. font-family:'Roboto', sans-serif; font-size:13px;
  301. text-transform:lowercase; text-align:right;
  302. }
  303.  
  304. .nebula h4 { /*link posts*/
  305. margin-top:10px;
  306. margin-bottom:-5px;
  307. color:{color:Accent 2};
  308. font-size:15px;
  309. font-weight:700;
  310. }
  311.  
  312. .thumbnail img { width:500px; }
  313. .host { margin-top:3px; margin-bottom:7px; color:{color:Links}; }
  314. .host a { padding-bottom:3px; border-bottom:solid 1px {color:Post Border}; }
  315. .host a:hover { color:{color:Links Hover}; border-bottom:solid 1px {color:Links Hover}; }
  316.  
  317. .nebula p { line-height:140%; text-align:justify;}
  318. .nebula p img, blockquote img { max-width:100%; height:auto; }
  319. .nebula blockquote {
  320. margin-left:3px; margin-right:0px;
  321. padding:10px; padding-top:0px!important; padding-bottom:0px!important;
  322. border-left:solid 1px {color:Text};
  323. }
  324. .nebula hr { width:80%; height:1px; border:0; border-top:solid 1px {color:Borders}; }
  325.  
  326. /* lightbox tutorial by @shythemes https://shythemes.tumblr.com/post/140444996328/tutorial-lightboxes*/
  327. .vignette, #vignette { opacity:0; }
  328. .lightbox-image, #tumblr_lightbox img {
  329. box-shadow:none !important;
  330. border-radius: 0px !important;
  331. max-width:none;
  332. }
  333. .tmblr-lightbox, #tumblr_lightbox { background-color: rgba(255, 255, 255, 0.8) !important; }
  334. .lightbox-caption, #tumblr_lightbox_caption { visibility:visible; }
  335.  
  336. .read_more {
  337. color:{color:Accent 3};
  338. font-weight:700;
  339. text-transform:uppercase;
  340. letter-spacing:1px;
  341. }
  342. .read_more:hover { color:{color:Links Hover}; }
  343.  
  344. /*ask posts*/
  345. .ask { margin-left:0px; text-align:left;}
  346. .ask a {color:{color:Accent 2}; }
  347. .ask a:hover {color:{color:Links Hover}; }
  348. .ask hr { width:50%; height:1px; margin-top:10px; border:0; border-top:solid 1px {color:Borders}; }
  349. .asker { text-transform:uppercase; font-family:'Montserrat', sans-serif; font-weight:700; }
  350. .askport { border-radius:50%; margin-right:7px; margin-left:-4px;}
  351. .answer { margin-top:0px; }
  352.  
  353. /*music player*/
  354. .albumart { width:75px; border-radius:0px; position:relative; margin-left:0; z-index:3; }
  355. .playbutton {
  356. width:34px; height:30px;
  357. padding-top:4px;
  358. overflow:hidden; position:relative; z-index:1000;
  359. }
  360. .playbox {
  361. margin-top:22px; margin-left:20px;
  362. background-color:#f2f2f2; border-radius:0px;
  363. position:absolute; overflow:hidden; z-index:1000; opacity:.7;
  364. }
  365. .audiotitle {
  366. font-family:'Montserrat', sans-serif;
  367. font-weight:700; letter-spacing:1px;
  368. text-transform:uppercase;
  369. }
  370. .audiodesc { padding-left:10px; font-size:12px; }
  371.  
  372. /*chats*/
  373. .convo { font-family:'Roboto Mono', monospace; font-size:12px; }
  374. .line { line-height:150%; }
  375. .label { font-weight:bold; text-transform:uppercase; }
  376.  
  377. /*rb style + rb & like positioning*/
  378. .rb {
  379. width:20px; margin-top:-2px; margin-left:549px;
  380. font-size:10px; text-align:center; position:absolute;
  381. }
  382.  
  383. .rb a { color:{color:Accent 1}; }
  384. .rb a:hover { color:{color:Links Hover}; }
  385.  
  386. /*custom like | https://shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons | https://demirev.cubthemes.com/post/106345243051/changing-like-and-reblog-button-colors-revisited*/
  387. .controls a { width:12px; height:12px; padding:5px; display:inline-block; position:relative; overflow:hidden; }
  388. .controls svg { width:13px; margin-left:-3px; fill:{color:Accent 1}; height:auto; opacity:1; padding:1px; display:block; overflow:visible;}
  389. .controls .like .liked + svg { opacity:1; }
  390. .controls .like .liked + svg path { fill:{color:Accent 2}; }
  391. .controls .like .like_button { position:relative; }
  392. .controls .like .like_button iframe {
  393. top:0; right:0; bottom:0; left:0;
  394. position:absolute; z-index:2; opacity:0;
  395. }
  396.  
  397. .spacer { margin:0px; height:40px; background:{color:Background}; position:relative; z-index:-2; }
  398.  
  399. /*post info*/
  400. .postbox { width:560px; position:absolute; }
  401. .postinfo {
  402. right:0px; margin-top:-26px; padding-left:30px;
  403. background:{color:Background}; color:{color:Accent 1};
  404. font-size:10px; text-transform:uppercase; text-align:right;
  405. position:absolute; z-index:900px;
  406. }
  407.  
  408. .postinfo a {
  409. margin-right:20px; margin-left:10px;
  410. color:{color:Accent 2};
  411. font-size:13px; text-transform:uppercase;
  412. }
  413.  
  414. .postinfo a:hover { color:{color:Links}; }
  415.  
  416. .postinfoline { margin-top:-29px; margin-left:-20px; stroke:{color:Borders}; position:absolute; z-index:-1; }
  417.  
  418. /*tag*/
  419. .tg { margin-top:30px; text-align:center; }
  420. .tg a:nth-child(3n+1) { margin-right:10px; color:{color:Accent 1}; }
  421. .tg a:nth-child(3n+2) { margin-right:10px; color:{color:Accent 2}; }
  422. .tg a:nth-child(3n+3) { margin-right:10px; color:{color:Accent 3}; }
  423.  
  424. .taglineh { margin-top:-8px; margin-left:-20px; stroke:{color:Borders}; position:absolute; z-index:-1; }
  425.  
  426. .taglinev { margin-top:2px; margin-left:260px; stroke:{color:Borders}; position:absolute; z-index:-1; }
  427.  
  428. /*POST NOTES*/
  429. .postnotes {
  430. margin-top:20px; margin-left:-40px;
  431. font-size:11px); text-align:left;
  432. line-height:220%; list-style:none;
  433. }
  434.  
  435. .postnotes ol.notes { list-style-type:none;}
  436. .postnotes li { list-style-type:none; border-bottom:1px solid {color:Borders};}
  437. .postnotes li:nth-child(even) { background-color:{color:Background}; }
  438. .postnotes img.avatar { width:16px; height:16px; margin-right:10px; vertical-align:middle;}
  439.  
  440. /*remember: don't remove ♡ */
  441. #credit {
  442. right:0; bottom:0; padding:9px 10px;
  443. font-size:10px; position:fixed;
  444. -webkit-transition: all .35s ease-in-out;
  445. -moz-transition: all .35s ease-in-out;
  446. -ms-transition: all .35s ease-in-out;
  447. -o-transition: all .35s ease-in-out;
  448. transition: all .35s ease-in-out;
  449. -webkit-transform: scaleX(-1);
  450. -moz-transform: scaleX(-1);
  451. -ms-transform: scaleX(-1);
  452. -o-transform: scaleX(-1);
  453. transform: scaleX(-1);
  454. }
  455.  
  456. #credit:hover {
  457. -webkit-transform: scale(1.3) scaleX(-1);
  458. -moz-transform: scale(1.3) scaleX(-1);
  459. -ms-transform: scale(1.3) scaleX(-1);
  460. -o-transform: scale(1.3) scaleX(-1);
  461. transform: scale(1.3) scaleX(-1);
  462. }
  463.  
  464. #credit a { color:{color:Scrollbar}; text-decoration:none; }
  465. </style>
  466. </head>
  467. <body>
  468. <div id="universe">
  469. <div id="saturn"><img src="{image:Header}"></div>
  470. <div class="sticky"><div id="rings">{Title}</div></div>
  471. <div class="sticky2"><div id="spacer2"></div></div>
  472. <div id="mainline">
  473. <svg height="931" width="1"><line x1="0" y1="0" x2="0" y2="931" style="stroke-width:5" /></svg>
  474. </div><!--end mainline-->
  475. <div class="sticky"><div id="comet">
  476. <div id="stars">
  477. <a href="/" title="home"><i class="fas fa-home"></i></a>
  478. <a href="/ask" title="ask"><i class="fas fa-phone"></i></a>
  479. {block:ifLink1}<a href="{text:Link 1 url}" title="{text:Link 1}"><i class="fas fa-palette"></i></a>{/block:ifLink1}
  480. {block:ifLink2}<a href="{text:Link 2 url}" title="{text:Link 2}"><i class="fas fa-brush"></i></a>{/block:ifLink2}
  481. {block:ifLink3}<a href="{text:Link 3 url}" title="{text:Link 3}"><i class="fas fa-code-branch"></i></a>{/block:ifLink3}
  482. </div><!--end stars-->
  483. <div id="starsline"><svg height="1" width="289"><line x1="0" y1="0" x2="289" y2="0" style="stroke-width:5" /></div>
  484. <div id="sol">{text:Subtitle}</div>
  485. <div id="solline"><svg height="1" width="289"><line x1="0" y1="0" x2="289" y2="0" style="stroke-width:5" /></svg></div>
  486. <div id="earth">{Description}</div>
  487. <div id="earthline"><svg height="1" width="289"><line x1="0" y1="0" x2="289" y2="0" style="stroke-width:5" /></svg></div>
  488. <div id="luna"><img src="{image:Sidebar}"/></div>
  489. <div id="lunaline"><svg height="1" width="21"><line x1="0" y1="0" x2="21" y2="0" style="stroke-width:5" /></svg></div>
  490. <div id="shuttleline"><svg height="1" width="289"><line x1="0" y1="0" x2="289" y2="0" style="stroke-width:5" /></svg></div>
  491. <div id="shuttle">
  492. {block:Pagination}
  493. {block:PreviousPage}<a href="{PreviousPage}" title="previous" >&laquo;</a>{/block:PreviousPage}
  494. {block:JumpPagination length="5"}
  495. {block:CurrentPage}<span style="margin-left:4px;margin-right:4px;">{PageNumber}</span>{/block:CurrentPage}
  496. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  497. {/block:JumpPagination}
  498. {block:NextPage}<a href="{NextPage}" title="next">&raquo;</a>{/block:NextPage}
  499. {/block:Pagination}
  500. </div><!--end shuttle-->
  501. </div></div><!--end sticky2 and comet-->
  502. <div id="galaxy">
  503. {block:Posts}
  504. {block:ContentSource}
  505. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  506. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  507. {/block:SourceLogo}
  508. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  509. {/block:ContentSource}
  510.  
  511. <div class="nebula" id="{PostID}"> <!--entry-->
  512. <!--post info-->
  513. <div class="spacer"></div>
  514. <div class="postbox">
  515. <div class="postinfo">
  516. <!--time-->
  517. {block:Date}<i class="far fa-calendar-alt" aria-hidden="true"></i> <a href="{Permalink}" title="date posted">{ShortYear}.{MonthNumberWithZero}.{DayOfMonthWithZero}</a>
  518.  
  519. <!--notes-->
  520. <i class="fas fa-plus" aria-hidden="true"></i> <a href="{Permalink}"> {block:NoteCount}{NoteCount}{/block:NoteCount} notes</a>{/block:Date}
  521. <!--reblogged from-->
  522. {block:RebloggedFrom}<i class="fas fa-users" aria-hidden="true"></i> <span style="margin-right:-15px;"><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a></span> <span style="font-size:13px;">/</span> <span style="margin-left:-7px;"><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></span>{/block:RebloggedFrom}
  523. </div><!--end post info-->
  524. </div>
  525. <div class="postinfoline"><svg height="1" width="560"><line x1="0" y1="0" x2="560" y2="0" style="stroke-width:5" /></div>
  526.  
  527. {block:Date} <!--reblog-->
  528. <div class="rb"><a class="fas fa-retweet" href="{ReblogURL}" target="_blank" title="reblog"></a></div>
  529. <div class="rb" style="margin-top:12px;">
  530. <div class="controls"><a href="#" title="like" class="like">{LikeButton}
  531. <svg width="10" height="10" viewBox="0 0 19 16" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg></a></div><!--end controls-->
  532. </div>{/block:Date}<!--end rb-->
  533.  
  534. <!--post begin-->
  535. {block:Text}
  536. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  537. {body}
  538. {/block:Text}
  539.  
  540. {block:Answer}
  541. <table><tr><td>
  542. <img class="askport" src="{AskerPortraitURL-64}"></td>
  543. <td><div class="ask"><div class="asker">{Asker} asked:</div>
  544. {Question}</div></td></tr></table><hr>
  545. <div class="answer">{Answer}</div>
  546. {/block:Answer}
  547.  
  548. {block:Photo}
  549. {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" width="100%"></a>{LinkCloseTag}
  550. {block:Caption}{Caption}{/block:Caption}
  551. {/block:Photo}
  552.  
  553. {block:Photoset}
  554. <a onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-540}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false"> <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}"> {block:Photos} <div class="photo-data"> <div class="pxu-photo"> <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}> </div> <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a> </div> {/block:Photos} </div> </a>
  555. {block:Caption}{Caption}{/block:Caption}
  556. {/block:Photoset}
  557.  
  558. {block:Video}
  559. <div class="video" style="padding-top:1px;">{Video-500}</div>
  560. {block:Caption}{Caption}{/block:Caption}
  561. {/block:Video}
  562.  
  563. {block:Quote}
  564. <h3>{Quote}</h3>
  565. {block:Source}<div class="author">— {Source}</div>{/block:Source}
  566. {/block:Quote}
  567.  
  568. {block:Link}
  569. <a {Target} href="{URL}" class="link">
  570. {block:Thumbnail}<div class="thumbnail"><img src="{Thumbnail-HighRes}" alt="" /></div>{/block:Thumbnail}
  571. {block:Host}<div class="host"><a {Target} href="{URL}">{Host}</a></div>{/block:Host}
  572. <h4>"{Name}"</h4>
  573. {block:Excerpt}<blockquote>{Excerpt}</blockquote>{/block:Excerpt}
  574. {block:Author}<div class="author">{Author}</div> {/block:Author}
  575. </a><!--end target link-->
  576. {Description}
  577. {/block:Link}
  578.  
  579. {block:Chat}
  580. {block:Title}<h1>{Title}</h1>{/block:Title}
  581. <div class="convo">
  582. {block:Lines}<div class="line">
  583. {block:Label}<span class="label">{Label}</span>{/block:Label}
  584. {Line}</div>
  585. {/block:Lines}
  586. </div>
  587. {/block:Chat}
  588.  
  589. {block:Audio}<table><tr><td>
  590. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div></div><!--end pb^2-->
  591. {block:AlbumArt}<img src="{AlbumArtURL}" class="albumart">{/block:AlbumArt}</td>
  592. <td><div class="audiodesc">
  593. {block:TrackName}<span class="audiotitle">Title:</span> {TrackName}<br>{/block:TrackName}
  594. {block:Artist}<span class="audiotitle">Artist:</span> {Artist}<br>{/block:Artist}
  595. {block:Album}<span class="audiotitle">Album: </span> {Album}<br> {/block:Album}
  596. <div class="audiotitle" style="font-size:calc({text:Post Font Size} - 3px);">{PlayCountWithLabel}</div>
  597. </div>
  598. </td></tr></table>
  599. {block:Caption}{Caption}{/block:Caption}
  600. {/block:Audio}
  601.  
  602. <div class="taglineh"><svg height="1" width="560"><line x1="0" y1="0" x2="560" y2="0" style="stroke-width:5" /></div>
  603. <div class="taglinev"><svg height="10" width="1"><line x1="0" y1="0" x2="0" y2="10" style="stroke-width:5" /></div>
  604.  
  605. <!--tags-->
  606. {block:Date}<div class="tg">
  607. {block:HasTags}{block:Tags}<a href="/tagged/{TAG}">#{TAG}</a>
  608. {/block:Tags}{/block:Hastags}</div><!--end tg-->{/block:Date}
  609.  
  610. <!--posts notes-->
  611. {block:PermalinkPage}{block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
  612. </div><!--end nebula-->{/block:Posts}
  613. </div><!--end galaxy-->
  614. </div><!--end universe-->
  615.  
  616. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  617.  
  618. <!-- remember: don't remove | santa is always watching, always judging-->
  619. <div id="credit"><a title="shuvee" href="https://shuvee.tumblr.com"><i class="far fa-moon"></i></a></div>
  620. </body>
  621. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement