raingurl

SCFTLCVES | 041: HIRAETH.

Jun 8th, 2023
17
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  6. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  7.  
  8. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Asap|Cabin|Karla|Libre+Franklin|Muli|Open+Sans|Oxygen|Roboto+Mono|Ubuntu+Condensed|Oswald" rel="stylesheet">
  9.  
  10. <head>
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <!----
  18.  
  19. #41 - hiraeth (scftlcves)
  20.  
  21. symbols: https://themehive.co/honeybee (+retired saturnicons)
  22. fonts: https://fonts.google.com/
  23.  
  24. --->
  25.  
  26. <meta name="image:Container" content="https://via.placeholder.com/740 x 540"/>
  27. <meta name="image:Sidebar" content="https://via.placeholder.com/200x320"/>
  28. <meta name="image:Background" content=""/>
  29.  
  30. <meta name="color:Background" content="#f8f8f8"/>
  31. <meta name="color:Blockquote" content="#e7e7e7"/>
  32. <meta name="color:Bold" content="bd9482"/>
  33. <meta name="color:Border" content="#e7e7e7"/>
  34. <meta name="color:Container" content="#f0f0f0"/>
  35. <meta name="color:Entries" content="#f8f8f8"/>
  36. <meta name="color:Italic" content="bd9482"/>
  37. <meta name="color:Link" content="#313131"/>
  38. <meta name="color:Navigation BG" content="#f0f0f0"/>
  39. <meta name="color:Navigation Text" content="#5a5a5a"/>
  40. <meta name="color:Permalink" content="#f0f0f0"/>
  41. <meta name="color:Permalink Icons" content="#f8f8f8"/>
  42. <meta name="color:Scrollbar" content="#bd9482"/>
  43. <meta name="color:Tags" content="#bd9482"/>
  44. <meta name="color:Text" content="#5a5a5a"/>
  45. <meta name="color:Title" content="#bd9482"/>
  46.  
  47. <meta name="select:Bullet symbol" content="\ebc6" title="Arrow" />
  48. <meta name="select:Bullet symbol" content="\ec56" title="Circle" />
  49. <meta name="select:Bullet symbol" content="\ea55" title="Heart" />
  50. <meta name="select:Bullet symbol" content="\eabe" title="Minus" />
  51. <meta name="select:Bullet symbol" content="\eb21" title="Plus" />
  52. <meta name="select:Bullet symbol" content="\eb2f" title="Push pin" />
  53. <meta name="select:Bullet symbol" content="\eb68" title="Star" />
  54. <meta name="select:Bullet symbol" content="\eca9" title="Quote 1" />
  55. <meta name="select:Bullet symbol" content="\eca8" title="Quote 2" />
  56. <meta name="select:Bullet symbol" content="\eacc" title="X 1" />
  57. <meta name="select:Bullet symbol" content="\ec8e" title="X 2" />
  58.  
  59. <meta name="select:opacity" content="1.0" title="100%" />
  60. <meta name="select:opacity" content="0.9" title="90%" />
  61. <meta name="select:opacity" content="0.8" title="80%" />
  62. <meta name="select:opacity" content="0.7" title="70%" />
  63. <meta name="select:opacity" content="0.6" title="60%" />
  64.  
  65. <meta name="select:body font" content="ABeeZee" title="ABeeZee" />
  66. <meta name="select:body font" content="Asap" title="Asap" />
  67. <meta name="select:body font" content="Cabin" title="Cabin" />
  68. <meta name="select:body font" content="Karla" title="Karla" />
  69. <meta name="select:body font" content="Libre Franklin" title="Libre Franklin" />
  70. <meta name="select:body font" content="Muli" title="Muli" />
  71. <meta name="select:body font" content="Open Sans" title="Open Sans" />
  72. <meta name="select:body font" content="Oxygen" title="Oxygen" />
  73. <meta name="select:body font" content="Roboto Mono" title="Roboto Mono" />
  74. <meta name="select:body font" content="Ubuntu Condensed" title="Ubuntu Condensed" />
  75.  
  76. <meta name="text:post title text size" content="16px">
  77. <meta name="text:body text size" content="11px">
  78. <meta name="text:small text size" content="10px">
  79.  
  80. <meta name="text:link one url" content="link one url">
  81. <meta name="text:link one text" content="link one">
  82. <meta name="text:link two url" content="link two url">
  83. <meta name="text:link two text" content="link two">
  84. <meta name="text:link three url" content="link three url">
  85. <meta name="text:link three text" content="link three">
  86.  
  87. <meta name="select:post size" content="500" title="500px" />
  88. <meta name="select:post size" content="450" title="450px" />
  89. <meta name="select:post size" content="400" title="400px" />
  90. <meta name="select:post size" content="350" title="350px" />
  91. <meta name="select:post size" content="300" title="300px" />
  92. <meta name="select:post size" content="250" title="250px" />
  93.  
  94. <meta name="if:grayscale posts" content="0"/>
  95.  
  96.  
  97. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  98.  
  99. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  100.  
  101. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  102.  
  103. <script>
  104.  
  105. (function($){
  106.  
  107. $(document).ready(function(){
  108.  
  109. $("a[title]").style_my_tooltips({
  110.  
  111. tip_follows_cursor:true,
  112.  
  113. tip_delay_time:90,
  114.  
  115. tip_fade_speed:600,
  116.  
  117. attribute:"title"
  118.  
  119. });
  120.  
  121. });
  122.  
  123. })(jQuery);
  124.  
  125. </script>
  126.  
  127. <style type="text/css">
  128.  
  129. #s-m-t-tooltip {
  130. background-color:{color:title};
  131. font-size:10px;
  132. font-weight:bold;
  133. border-radius:5px 5px 5px 5px;
  134. color:{color:entries};
  135. letter-spacing:1px;
  136. text-transform:lowercase;
  137. padding:10px;
  138. margin:20px 0px 0px 20px;
  139. z-index:9999999999999999999999;
  140.  
  141. }
  142.  
  143. ::-webkit-scrollbar-thumb {
  144. background-color:{color:Scrollbar};
  145. }
  146.  
  147. ::-webkit-scrollbar-track {
  148. background-color:{color:Entries};
  149. }
  150.  
  151. ::-webkit-scrollbar {
  152. height:2px;
  153. width:2px;
  154. }
  155.  
  156. ul {
  157. list-style-type: circle;
  158. padding-left:24px;
  159. line-height:13px;
  160. }
  161.  
  162. li {
  163. padding-left: 0px;
  164. margin-bottom: 0px;
  165. list-style: none;
  166. }
  167.  
  168. li:before {
  169. color: {color:title};
  170. content: "{select:bullet symbol}";
  171. font-family: 'honeybee';
  172. font-size:6px;
  173. font-weight:300;
  174. display: inline-block;
  175. margin-left: -2.7em;
  176. width: 2.7em;
  177. }
  178.  
  179. hr {
  180. display:block;
  181. border-style:dotted;
  182. border-color:{color:border};
  183. }
  184.  
  185. body {
  186. background: {color:Background};
  187. background-image:url('{image:Background}');
  188. background-attachment:fixed;
  189. font-family: '{select:body font}', sans-serif;
  190. font-size: {text:body text size};
  191. line-height:15px;
  192. color: {color:Text};
  193. }
  194.  
  195. blockquote {
  196. text-align:justify;
  197. margin-top: 5px;
  198. margin-bottom: 5px;
  199. margin-left: 5px;
  200. padding-left: 10px;
  201. border-left: 1px solid {color:blockquote};
  202. margin-right:5px;
  203. }
  204.  
  205. a {
  206. text-decoration: none;
  207. color: {color:Link};
  208. }
  209.  
  210. small, sub {
  211. font-size:{text:small text size};
  212. }
  213.  
  214. b, strong {
  215. color:{color:Bold};
  216. font-weight:300;
  217. }
  218.  
  219. i,em {
  220. color:{color:Italic};
  221. }
  222.  
  223. pre {
  224. padding:6px;
  225. border-bottom:1px dotted {color:border};
  226. text-align:center;
  227. text-transform:lowercase;
  228. font-family:{select:body font};
  229. font-size:{small text size};
  230. color:{color:title};
  231. }
  232.  
  233. h1 {
  234. font-family:arial;
  235. line-height:32px;
  236. font-size:28px;
  237. color:{color:title};
  238. text-align:right;
  239. font-style:italic;
  240. font-weight:bold;
  241. letter-spacing:-1px;
  242. text-transform:lowercase;
  243. }
  244.  
  245. h2 {
  246. font-family:{select:body font};
  247. font-size:{text:small text size};
  248. color:{color:title};
  249. text-align:center;
  250. text-transform:uppercase;
  251. letter-spacing:3px;
  252. word-spacing:3px;
  253. }
  254.  
  255. #contain {
  256. margin:50px auto;
  257. border:1px solid {color:border};
  258. width: calc({select:post size}px + 220px);
  259. height:430px;
  260. padding:30px;
  261. background-color:{color:container};
  262. border-radius:8px 8px 8px 8px;
  263. background-image:url('{image:Container}');
  264. -webkit-filter: grayscale(0%);
  265. -webkit-transition: all 0.6s ease-in-out;
  266. -moz-transition: all 0.6s ease-in-out;
  267. -o-transition: all 0.6s ease-in-out;
  268. -ms-transition: all 0.6s ease-in-out;
  269. transition: all 0.6s ease-in-out;
  270. }
  271.  
  272.  
  273. #bloggerback {
  274. margin-top:0px;
  275. position:fixed;
  276. width:180px;
  277. height:410px;
  278. padding:10px;
  279. background-color:{color:entries};
  280. border-radius:8px 8px 8px 8px;
  281. opacity:{select:opacity};
  282. border:1px solid {color:border};
  283.  
  284. }
  285.  
  286. #bloggerdeets {
  287. width:170px;
  288. height:75px;
  289. padding:5px;
  290. margin-top:10px;
  291. overflow:auto;
  292. text-align:justify;
  293. }
  294.  
  295. #navigation {
  296. margin-left:-60px;
  297. margin-top:325px;
  298. position:fixed;
  299. text-align:right;
  300. line-height:18px;
  301. font-family:ABeeZee;
  302. }
  303.  
  304. #navigation a {
  305. text-align:center;
  306. margin-bottom:4px;
  307. display:inline-block;
  308. border-radius:5px;
  309. letter-spacing:0px;
  310. font-size:9px;
  311. letter-spacing:1px;
  312. width:22px;
  313. height:22px;
  314. line-height:22px;
  315. font-family:ABeeZee;
  316. background-color:{color:navigation bG};
  317. color:{color:navigation text};
  318. border:1px solid {color:Border};
  319. }
  320.  
  321. #header {
  322. margin-top:-10px;
  323. font-size:10px;
  324. font-family:karla;
  325. line-height:10px;
  326. text-align:center;
  327. margin-left:-10px;
  328. width:200px;
  329. height:320px;
  330. border-radius:5px 5px 0px 0px;
  331. }
  332.  
  333. #header img {
  334. display:inline-block;
  335. width:200px;
  336. height:320px;
  337. border-radius:5px 5px 0px 0px;
  338. -webkit-filter: grayscale(0%);
  339. -webkit-transition: all 0.6s ease-in-out;
  340. -moz-transition: all 0.6s ease-in-out;
  341. -o-transition: all 0.6s ease-in-out;
  342. -ms-transition: all 0.6s ease-in-out;
  343. transition: all 0.6s ease-in-out;
  344. }
  345.  
  346. #entries {
  347. position:absolute;
  348. width:{select:post size}px;
  349. margin-left:220px;
  350. height:430px;
  351. padding-right:5px;
  352. overflow:auto;
  353. border: 0px solid {color:Border};}
  354.  
  355.  
  356. #entry {
  357. background-color:{color:Entries};
  358. margin-bottom:15px;
  359. border-radius:8px 8px 8px 8px;
  360. border:1px solid {color:border};
  361. opacity:{select:opacity};
  362. padding:10px;}
  363.  
  364. .photoset {
  365. max-width: 100%;
  366. {block:IfGrayscalePosts}
  367. -webkit-filter: grayscale(100%);
  368. -webkit-transition: all 0.6s ease-in-out;
  369. -moz-transition: all 0.6s ease-in-out;
  370. -o-transition: all 0.6s ease-in-out;
  371. -ms-transition: all 0.6s ease-in-out;
  372. transition: all 0.6s ease-in-out;
  373. {/block:IfGrayscalePosts}
  374. }
  375.  
  376. .photoset:hover {
  377. -webkit-filter: grayscale(0%);
  378. -webkit-transition: all 0.6s ease-in-out;
  379. -moz-transition: all 0.6s ease-in-out;
  380. -o-transition: all 0.6s ease-in-out;
  381. -ms-transition: all 0.6s ease-in-out;
  382. transition: all 0.6s ease-in-out;
  383. }
  384.  
  385. .video {
  386. width:350px!important;}
  387.  
  388. .video iframe {
  389. width:350px!important;}
  390.  
  391. img {
  392. max-width: 100%;
  393. {block:IfGrayscalePosts}
  394. -webkit-filter: grayscale(100%);
  395. -webkit-transition: all 0.6s ease-in-out;
  396. -moz-transition: all 0.6s ease-in-out;
  397. -o-transition: all 0.6s ease-in-out;
  398. -ms-transition: all 0.6s ease-in-out;
  399. transition: all 0.6s ease-in-out;
  400. {/block:IfGrayscalePosts}
  401. }
  402.  
  403. img:hover {
  404. -webkit-filter: grayscale(0%);
  405. -webkit-transition: all 0.6s ease-in-out;
  406. -moz-transition: all 0.6s ease-in-out;
  407. -o-transition: all 0.6s ease-in-out;
  408. -ms-transition: all 0.6s ease-in-out;
  409. transition: all 0.6s ease-in-out;
  410. }
  411.  
  412.  
  413. #posttitles {
  414. font-family:{select:body font};
  415. line-height:100%;
  416. font-size:{text:post title text size};
  417. color:{color:title};
  418. font-weight:bold;
  419. padding:5px;
  420. text-align:center;
  421. text-transform:uppercase;
  422. }
  423.  
  424. #boujee {
  425. text-align:center;
  426. color:{color:text};
  427. margin-top:10px;
  428. display:block;
  429. font-size:{text:small text size};
  430. text-transform:lowercase;
  431. }
  432.  
  433. #boujee a {
  434. color:{color:title};
  435. font-style:italic;
  436. }
  437.  
  438.  
  439. #ask {
  440. text-align:center;
  441. line-height:120%;
  442. color:{color:text};
  443. padding:5px;
  444. }
  445.  
  446. .ask {
  447. float:left;
  448. z-index:10;
  449. font-size:11px;
  450. font-family:{select:body font};
  451. text-align:center;
  452. font-weight:bold;
  453. text-transform:lowercase;
  454. letter-spacing:1px;
  455. line-height:14px;
  456. color:{color:entries};
  457. background-color:{color:title};
  458. margin-top:-13px;
  459. margin-right:0px;
  460. margin-left:0px;
  461. border-radius:5px;
  462. padding-left:10px;
  463. padding-right:10px;
  464. padding-top:5px;
  465. padding-bottom:5px;
  466. }
  467.  
  468. .ask a {
  469. color:{color:entries};
  470. }
  471.  
  472. .askline {
  473. height:1px;
  474. margin-top:5px;
  475. margin-left:0px;
  476. background-color:{color:Border};
  477. z-index:-1;
  478. word-wrap:break-word;
  479. }
  480.  
  481. .question {
  482. color:{color:text};
  483. font-size:{text:small text size};
  484. border-left:1px solid {color:border};
  485. padding:15px;
  486. display:block;
  487. text-align:right;
  488. margin-left:10px;
  489. word-wrap:break-word;
  490.  
  491. }
  492.  
  493. #questionbox {
  494. word-wrap:break-word;
  495. padding:10px;
  496.  
  497. }
  498.  
  499.  
  500. #ans {
  501. text-align:justify;
  502. padding-top:2px;
  503. display:block;
  504. margin-top:20px;
  505. color:{color:text};
  506. }
  507.  
  508. .audio {
  509. display:block;
  510. padding:25px;
  511. height:40px;
  512. }
  513.  
  514. .playbutton {
  515. width:32px;
  516. height:40px;
  517. overflow:hidden;
  518. position:relative;
  519. z-index:9;
  520. opacity:.7;
  521. float:left;
  522. }
  523.  
  524. .albumart {
  525. margin-top:-5px;
  526. }
  527.  
  528. .albumart img {
  529. height:30px;
  530. width:30px;
  531. position:relative;
  532. float:right;
  533. }
  534.  
  535. .details {
  536. margin-top:-8px;
  537. margin-left:15px;
  538. text-align:left;
  539. float:left;
  540. padding:5px;
  541. text-transform:lowercase;
  542. }
  543.  
  544. #permalink {
  545. text-align: center;
  546. border:none;
  547. position: relative;
  548. font-size:10px;
  549. text-transform:lowercase;
  550. margin-top: 20px;
  551. display:block;
  552. padding: 10px;
  553. border-radius:5px;
  554. border:1px solid {color:border};
  555. background-color:{color:permalink};
  556. }
  557.  
  558. #permalink a {
  559. border-bottom:none;
  560. }
  561.  
  562. .date {
  563. color:{color:text};
  564. font-size:9px;
  565. z-index:10;
  566. text-transform:lowercase;
  567. border:none;
  568. text-align:right;
  569. }
  570.  
  571. .date iconback {
  572. width:10px;
  573. margin-right:5px;
  574. height:10px;
  575. font-size:9px;
  576. background-color:{color:Permalink Icons};
  577. line-height:10px;
  578. padding:10px;
  579. text-align:center;
  580. border-radius:5px;
  581. display:inline-block;
  582. border:1px solid {color:border};
  583. }
  584.  
  585. .tags {
  586. color:{color:tags};
  587. font-size:9px;
  588. margin-top:10px;
  589. text-align:right;
  590. border:none;
  591. text-transform:lowercase;
  592. }
  593.  
  594. .tags a{
  595. color:{color:tags};
  596. padding:5px;
  597. }
  598.  
  599.  
  600. #credit {
  601. font-size:12px;
  602. float:center;
  603. position:fixed;
  604. bottom:25px;
  605. right:25px;
  606. font-family:Roboto Mono;
  607. text-transform:lowercase;
  608. padding:8px;
  609. border-radius:5px;
  610. color:{color:title};
  611. background-color:{color:entries};
  612. }
  613.  
  614. #credit a {
  615. color:{color:title};
  616. }
  617.  
  618. </style>
  619.  
  620. </head>
  621.  
  622. <body>
  623.  
  624. <div id="contain">
  625.  
  626.  
  627. <div id="bloggerback">
  628. <div id="header"><img src="{image:sidebar}"></div>
  629. <div id="bloggerdeets">{description}</div>
  630. </div>
  631.  
  632.  
  633. <div id="navigation">
  634. <a href="/" title="index">01</a><br>
  635. <a href="/ask" title="mssg">02</a><br>
  636. <a href="{text:link one url}" title="{text:link one text}">03</a><br>
  637. <a href="{text:link two url}" title="{text:link two text}">04</a><br>
  638. <a href="{text:link three url}" title="{text:link three text}">05</a>
  639. </div>
  640.  
  641. <div id="entries">
  642. {block:Posts}
  643. <div id="entry">
  644.  
  645. {block:Text}
  646. <div id="posttitles">{block:Title}{Title}{/block:Title}</div>
  647. {Body}
  648. {/block:Text}
  649.  
  650. {block:Photo}
  651. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  652. {block:Caption}{Caption}{/block:Caption}
  653. {/block:Photo}
  654.  
  655. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  656.  
  657. {block:Quote}
  658. <div id="posttitles">{Quote}</div>
  659. {block:Source}<br>β€”{Source}{/block:Source}
  660. {/block:Quote}
  661.  
  662. {block:Link}
  663. <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
  664. {block:Description}{Description}{/block:Description}
  665. {/block:Link}
  666.  
  667. {block:Chat}
  668. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  669. {block:Lines}
  670. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  671. {/block:Lines}
  672. {/block:Chat}
  673.  
  674. {block:Audio}
  675. {block:AudioPlayer}
  676. <div class="audio">
  677. <div class="playbutton">{AudioPlayer}</div>
  678. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  679. <div class="details">
  680. {block:TrackName}{TrackName}{/block:TrackName}<br>
  681. {block:Artist}{Artist}{/block:Artist}
  682. </div></div>
  683. <div class="caption">
  684. {block:Caption}{Caption}{/block:Caption}
  685. </div>
  686. {/block:AudioPlayer}
  687. {/block:Audio}
  688.  
  689. {block:Video}<div class=β€œvideo”>{Video-500}</div>
  690. {block:Caption}{Caption}{/block:Caption}
  691. {/block:Video}
  692.  
  693. {block:Answer}
  694. <div id="questionbox"><div class="question">{Question}</div><div class="askline"></div><div class="ask">{Asker}</div></div>
  695. <div id="ans">{Answer}</div>
  696. {/block:Answer}
  697.  
  698.  
  699.  
  700. <div id="permalink">
  701. <div class="date">
  702. <iconback><a href="{Permalink}" title="{block:Date}{TimeAgo}{/block:Date}"><span class="th th-push-pin-o"></span></a></iconback>
  703.  
  704. <iconback><a href="{Permalink}" title="{NoteCountWithLabel}"><span class="th th-heart-1-o"></span></a></iconback>
  705.  
  706. <iconback><a href="{ReblogURL}" title="reblog this post" target="_blank"><span class="th th-reblog"></span></a></iconback>
  707.  
  708. {block:RebloggedFrom}
  709.  
  710. <iconback><a href="{ReblogParentURL}" title="{ReblogParentTitle}"><span class="th th-return"></span></a></iconback>
  711.  
  712. <iconback><a href="{ReblogRootURL}"title="{ReblogRoottitle}"><span class="th th-user-o"></span></a></iconback>
  713.  
  714. {/block:RebloggedFrom}</div>
  715.  
  716.  
  717. </div>
  718.  
  719. <div class="tags">{block:HasTags} {block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  720.  
  721.  
  722.  
  723. <!-- /div entry ---> </div>
  724.  
  725.  
  726.  
  727. {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  728.  
  729. <div id="boujee">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> &nbsp;&nbsp;{/block:PreviousPage} {CurrentPage} out of {TotalPages} {block:NextPage}&nbsp;&nbsp;<a href="{NextPage}">next</a>{/block:NextPage} {/block:Pagination}</div>
  730.  
  731.  
  732. </div></div>
  733.  
  734. <div id="credit"><a href="https://scftlcves.tumblr.com/"><span class="sf sf-stars-o"></span></a></div>
  735.  
  736. </body>
  737.  
  738. </html>
Add Comment
Please, Sign In to add comment