Advertisement
alithegreat

SCFTLCVES | 037: SINGULARITY.

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