Advertisement
alithegreat

SCFTLCVES | 034: MAGIC SHOP.

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