Advertisement
alithegreat

SCFTLCVES | 031: DON'T KNOW YOU.

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