alithegreat

SCFTLCVES | 016: TOXIC.

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