API tools faq
paste
stella_rex

Felix - (8)

stella_rex
Dec 2nd, 2019
2,403
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.61 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME 8 BY [email protected] / BLOODYNOVAK '19
  4. DO NOT REMOVE CREDIT OR REDISTRIBUTE AS YOUR OWN
  5. DO NOT STEAL SECTIONS OF MY THEME OR USE IT AS A BASE
  6. thank you for using/considering my theme!
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <head><title>{Title}</title>
  12.  
  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. <meta name="color:Text" content="#252525"/>
  18. <meta name="color:Link" content="#EEEEEE"/>
  19. <meta name="color:Background" content="#FFFFFF"/>
  20. <meta name="color:Border" content="#EEEEEE"/>
  21. <meta name="color:Scrollbar" content="#EEEEEE"/>
  22. <meta name="color:Tooltipbg" content="#444444"/>
  23. <meta name="color:Tooltiptextcolor" content="#FFFFFF"/>
  24.  
  25. <meta name="if:Show Tags" content"0">
  26. <meta name="if:Show Social" content"0">
  27. <meta name="if:Show SidebarImage" content"0">
  28.  
  29. <meta name="text:Link 1 URL" content="" />
  30. <meta name="text:Link 1" content="" />
  31. <meta name="text:Link 2 URL" content="" />
  32. <meta name="text:Link 2" content="" />
  33. <meta name="text:Link 3 URL" content="" />
  34. <meta name="text:Link 3" content="" />
  35. <meta name="text:Link 4 URL" content="" />
  36. <meta name="text:Link 4" content="" />
  37.  
  38. <meta name="text:facebook url" content="" />
  39. <meta name="text:twitter url" content="" />
  40. <meta name="text:instagram url" content="" />
  41. <meta name="text:pinterest url" content="" />
  42.  
  43. <meta name="image:SidebarImage" content=""/>
  44.  
  45.  
  46. <!-- jquery for tooltips-->
  47.  
  48. <script type="text/javascript"
  49. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  50. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  52.  
  53. <!-- fonts -->
  54.  
  55. <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,900&display=swap" rel="stylesheet">
  56.  
  57. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600&display=swap" rel="stylesheet">
  58.  
  59. <script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
  60.  
  61.  
  62. <script>
  63.  
  64. (function($){
  65.  
  66. $(document).ready(function(){
  67.  
  68. $("a[title]").style_my_tooltips({
  69.  
  70. tip_follows_cursor:true,
  71.  
  72. tip_delay_time:30,
  73.  
  74. tip_fade_speed:300,
  75.  
  76. attribute:"title"
  77.  
  78. });
  79.  
  80. });
  81.  
  82. })(jQuery);
  83.  
  84. </script>
  85.  
  86.  
  87. <!-- video resizing by nouvae.tumblr.com -->
  88.  
  89. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  90. <script>
  91.  
  92. $(document).ready(function() {
  93. flexibleFrames($(".video")); // $(".video") is the class selector passed in the argument
  94. });
  95.  
  96. </script>
  97.  
  98.  
  99. <style type="text/css">
  100.  
  101.  
  102. ::-webkit-scrollbar {
  103. width:17px;
  104. height:17px;}
  105.  
  106. ::-webkit-scrollbar {
  107. background-color:{color:background}; }
  108.  
  109. ::-webkit-scrollbar-track {
  110. border:8px solid {color:background};
  111. background-color:{color:scrollbar}; }
  112.  
  113. ::-webkit-scrollbar-thumb {
  114. border:8px solid {color:background};
  115. background-color:{color:link};
  116. min-height:24px;
  117. min-width:24px;}
  118.  
  119. #s-m-t-tooltip{
  120. font-size:12px;
  121. position:absolute;
  122. margin: 20px;
  123. z-index:9999;
  124. -moz-border-radius:5px;
  125. -webkit-border-radius:5px;
  126. background:{color:tooltipbg};
  127. color:{color:tooltiptextcolor};
  128. padding:5px;}
  129.  
  130.  
  131. /* modified tumblr controls by magnusthemes.tumblr.com */
  132. .iframe-controls--desktop {
  133. position:fixed;
  134. top:0px;
  135. right:0px;
  136. z-index:214748364789123456789;
  137. filter:invert(100%);
  138. -webkit-filter:invert(100%);
  139. -webkit-transform:scale(0.6,0.6);
  140. -webkit-transform-origin: 100% 0%;
  141. -ms-transform-origin:100% 0%;
  142. -ms-transform:scale(0.6,0.6);
  143. transform:scale(0.6,0.6);
  144. transform-origin:100% 0%; }
  145.  
  146.  
  147. body {
  148. background:{color:background};
  149. color:{color:text};
  150. text-align:left;
  151. font-family: 'Open Sans', sans-serif;
  152. line-height:2;
  153. font-size:13px;
  154. letter-spacing:1px;}
  155.  
  156. blockquote {
  157. border-left:2px solid {color:border};
  158. margin-left:25px;
  159. padding-left:25px;}
  160.  
  161. a {color:{color:link};
  162. text-decoration:none;
  163. -webkit-transition: all .5s ease-in-out;
  164. -moz-transition: all .5s ease-in-out;
  165. -ms-transition: all .5s ease-in-out;
  166. -o-transition: all .5s ease-in-out;
  167. transition: all .5s ease-in-out;}
  168.  
  169. a:hover {
  170. color:{color:link};
  171. -webkit-transition: all .5s ease-in-out;
  172. -moz-transition: all .5s ease-in-out;
  173. -ms-transition: all .5s ease-in-out;
  174. -o-transition: all .5s ease-in-out;
  175. transition: all .5s ease-in-out;}
  176.  
  177. img{opacity:1;
  178. border:none;}
  179. small {font-size:10px;}
  180. big {font-size:11px;}
  181.  
  182. #title {
  183. text-align:left;
  184. font-family: 'Playfair Display', serif;
  185. text-transform:uppercase;
  186. font-weight:900;
  187. font-size:23px;
  188. padding-bottom:10px;}
  189.  
  190. #sidebar {
  191. position:fixed;
  192. width:300px;
  193. position:fixed;
  194. margin-left:10%;
  195. margin-top:-30px;}
  196.  
  197. #sidetitle {
  198. text-align:left;
  199. width:350px;
  200. font-size:42px;
  201. font-weight:900;
  202. font-family: 'Playfair Display', serif;
  203. letter-spacing:2.5px;
  204. color:{color:text};
  205. text-transform:uppercase;
  206. line-height:1;
  207. padding-bottom:10px; }
  208.  
  209. #sidetitle a {
  210. color:{color:text};}
  211.  
  212. #sidetitle a:hover {
  213. color:{color:link}; }
  214.  
  215. #links {
  216. line-height:2.5;
  217. font-weight:600;
  218. margin-top:15px;
  219. width:300px; }
  220.  
  221. #links a {
  222. padding-bottom:6px;
  223. color:{color:text};
  224. margin-right:15px; }
  225.  
  226. #links a:hover {color:{color:link};}
  227.  
  228. #desc {
  229. color:{color:text};
  230. text-transform:lowercase;
  231. width:300px;
  232. padding-top:5px;
  233. height:auto;
  234. text-align:left;}
  235.  
  236. #desc a {
  237. color:{color:text};}
  238.  
  239. #sideimage {
  240. margin-top:-10px;
  241. margin-bottom:30px;
  242. margin-left:10px;
  243. width:65px;
  244. height:65px;
  245. {block:ifNotShowSidebarImage}
  246. display:none;
  247. {/block:ifNotShowSidebarImage} }
  248.  
  249.  
  250. #sideimage img {
  251. border:1px solid {color:border};
  252. width:65px;
  253. height:65px;
  254. border-radius:100%;}
  255.  
  256. #entries {
  257. position:relative;
  258. margin-left:45%;
  259. margin-top:170px;
  260. width:500px;}
  261.  
  262. #posts {
  263. width:500px;
  264. {block:IndexPage}
  265. margin-bottom:145px;
  266. {/block:IndexPage}
  267. {block:PermalinkPage}
  268. margin-bottom:50px;
  269. {/block:PermalinkPage}}
  270.  
  271. #posts img {
  272. max-width:500px;}
  273.  
  274. #posts li, #posts blockquote {
  275. max-width: 100%;
  276. line-height:2;}
  277.  
  278. .caption {
  279. padding-top:10px;
  280. background-color:{color:background};
  281. width:auto;
  282. text-align:justify;
  283. overflow:hidden;
  284. margin-top:5px;
  285. padding-left:15px;
  286. border-left:1px solid {color:border}; }
  287.  
  288. #permalink {
  289. margin-top:20px;
  290. text-transform:lowercase;
  291. text-align:left;
  292. padding-bottom:15px;
  293. padding-top:20px;
  294. border-top:1px solid {color:border};}
  295.  
  296. #permalink a {margin-right:10px; color:{color:text}; }
  297.  
  298. #permalink a:hover {
  299. color:{color:link}; }
  300.  
  301. #tags {
  302. max-width:500px;
  303. line-height:2.3;
  304. text-transform:lowercase;
  305. text-align:justify;
  306. word-break:break-all;
  307. margin-top:25px;
  308.  
  309. {block:ifNotShowTags}
  310. display:none;
  311. {/block:ifNotShowTags}}
  312.  
  313. #tags a {
  314. color:{color:text};
  315. margin-right:15px; }
  316.  
  317. #tags a:hover {
  318. color:{color:link};
  319. opacity:1;}
  320.  
  321. .pagenotes {
  322. {block:IndexPage}
  323. display: none!important;
  324. {/block:IndexPage}
  325. width:auto;
  326. text-align:left;
  327. font-size:15px;
  328. }
  329. .pagenotes img {
  330. display:none!important;}
  331. .pagenotes a{
  332. text-align:left;}
  333. .pagenotes li {
  334. border-bottom:1px solid {color:border};
  335. list-style-type:none;
  336. padding:10px 10px;
  337. padding-bottom:20px;
  338. text-align:left;
  339. margin:40px 0 0 -40px;}
  340.  
  341. #titlequote{text-align:left;
  342. font-size:16px;
  343. line-height:2;
  344. font-style:bold; }
  345.  
  346. #source {
  347. text-align:left;
  348. font-size:16px;
  349. font-weight:900;
  350. font-family: 'Playfair Display', serif;
  351. text-transform:uppercase;
  352. margin-bottom:15px;
  353. line-height:2;}
  354.  
  355. #player {
  356. opacity:0.6;
  357. width:500px;
  358. height:70px;
  359. padding:10px;
  360. overflow:hidden;
  361. position:absolute;
  362. background-color:{color:border};
  363. }
  364.  
  365. #playerbg {
  366. padding:4px;
  367. width:auto;
  368. background-color:{color:border};
  369. opacity: 0.5;
  370. filter:alpha(opacity=70);
  371. -moz-opacity: 0.7;
  372. -khtml-opacity: 0.7; }
  373.  
  374. #albumart{
  375. width:90px;
  376. height:90px; }
  377.  
  378. #albumart img {
  379. width:90px;
  380. height:90px;
  381. }
  382.  
  383. #albumdet {
  384. height:auto;
  385. padding:10px;
  386. width:auto;
  387. margin-top:25px;
  388. display:inline-block;
  389. background-color:{color:background}; }
  390.  
  391. .question {
  392. line-height:1.8;}
  393.  
  394. .asker {
  395. font-weight:bold;
  396. letter-spacing:0.7px;
  397. text-transform:uppercase;}
  398.  
  399. .asker a {
  400. font-style:italic; }
  401.  
  402. .answer {
  403. border-top:1px solid {color:border};
  404. padding-top:10px;
  405. text-align:left;
  406. line-height:1.8;
  407. padding-right:10px;margin-top:15px; }
  408.  
  409. .chat ol {
  410. padding:0;
  411. list-style:none; }
  412. .line {padding:10px 0; }
  413. .label {font-weight:bold;
  414. text-transform:uppercase;
  415. border-bottom:1px solid {color:link};
  416. padding-bottom:6px; }
  417.  
  418.  
  419. .credit {
  420. background-color:{color:background};
  421. padding:10px;
  422. font-size:15px;
  423. bottom:15px;
  424. right:20px;
  425. position:fixed;
  426. text-align:left;
  427. border-radius:30%;
  428. }
  429.  
  430. .credit a {
  431. color:{color:text};
  432. cursor:crosshair; }
  433.  
  434. .credit a:hover {
  435. color:{color:link};
  436. font-size:20px; }
  437.  
  438.  
  439. #pagination {
  440. width:auto;
  441. font-size:30px;
  442. color:{color:text};
  443. margin-top:20px;
  444. margin-bottom:30px;
  445. text-align:center;}
  446.  
  447. #pagination a {
  448. color:{color:text};
  449. margin-top:30px;
  450. padding:0 2px;
  451. margin-right:10px;}
  452.  
  453.  
  454. #places {
  455. margin-top:30px;
  456. width:auto;
  457. text-align:left;
  458.  
  459. {block:ifNotShowSocial}
  460. display:none!important;
  461. {/block:ifNotShowSocial}}
  462.  
  463. #places a {
  464. margin-right:15px;
  465. color:{color:text}; }
  466.  
  467. #places a:hover {
  468. color:{color:link};
  469. }
  470.  
  471. ion-icon {
  472. font-size: 24px;}
  473.  
  474.  
  475. @media only screen and (max-width: 415px) {
  476.  
  477. #sidebar {
  478. display:none!important;}
  479.  
  480. #entries {
  481. margin-top:100px;
  482. width:250px;}
  483.  
  484. #posts {
  485. width:250px;}
  486.  
  487. #posts img {
  488. width:250px;}
  489.  
  490. body {
  491. font-size:12px;}
  492.  
  493. #sideimage {
  494. display:none!important;}
  495.  
  496. .photoset {
  497. width:250px;}}
  498.  
  499.  
  500. @media only screen and (max-width: 600px) {
  501.  
  502.  
  503. #sideimage {
  504. display:none!important;}
  505.  
  506. #sidebar {
  507. margin-top:0px;
  508. width:130px;}
  509.  
  510. #links {
  511. width:140px;}
  512.  
  513. #desc {
  514. width:120px;}
  515.  
  516.  
  517. #entries {
  518. width:250px;
  519. margin-left:45%;}
  520.  
  521. #posts {
  522. width:250px;}
  523.  
  524. #posts img {
  525. width:250px; }
  526.  
  527. body {
  528. font-size:12px; }
  529.  
  530. #sidetitle {
  531. font-size:26px;
  532. width:150px; }
  533.  
  534. #player {
  535. width:250px;}
  536.  
  537. #albumart{
  538. width:100px;
  539. display:none!important;}
  540.  
  541. #albumart img {
  542. width:100px;
  543. display:none!important;}
  544.  
  545. #playerbg {
  546. width:250px; }
  547.  
  548. #albumdet {
  549. margin-top:95px;
  550. }
  551.  
  552.  
  553. .photoset {
  554. width:250px; } }
  555.  
  556.  
  557. @media only screen and (max-width: 800px) {
  558.  
  559. #entries {
  560. width:250px;}
  561.  
  562. #posts {
  563. width:250px;}
  564.  
  565. #posts img {
  566. width:250px; }
  567. .photoset {
  568. width:250px;} }
  569.  
  570.  
  571. @media only screen and (max-width: 992px) and (min-width: 601px) {
  572.  
  573. #sidetitle {
  574. width:200px;
  575. font-size:38px;}
  576.  
  577. #sidebar {
  578. width:150px; }
  579.  
  580. #links {
  581. width:150px; }
  582.  
  583. #desc {
  584. width:200px;}
  585.  
  586. #entries {
  587. width:400px;
  588. margin-left:45%;}
  589.  
  590. #posts {
  591. width:400px;}
  592.  
  593. #posts img {
  594. width:400px;}
  595.  
  596. #player {
  597. width:400px;}
  598.  
  599. #albumart{
  600. width:100px;}
  601.  
  602. #albumart img {
  603. width:100px; }
  604.  
  605. #playerbg {
  606. width:400px; }
  607.  
  608. .photoset {
  609. width:400px; } }
  610.  
  611. @media only screen and (max-width: 1024px) and (min-width: 993px) {
  612.  
  613. #entries {
  614. margin-left:45%;} }
  615.  
  616. @media only screen and (min-width: 1440px) {
  617.  
  618. #sidetitle {
  619. line-height:1.3;} }
  620.  
  621. .photoset {
  622. padding:10px; }
  623.  
  624. {CustomCSS}
  625.  
  626. </style></head>
  627. <body>
  628.  
  629. <div id="sidebar">
  630. <div id="sideimage"><img src="{image:SidebarImage}"> </div>
  631. <div id="sidetitle"> <a href="/" title="home">{Title}</a> </div>
  632. <div id="desc"> <a style="cursor:default;"> {Description}</a> </div>
  633.  
  634. <div id="links">
  635.  
  636. {block:ifLink1}<a href="{text:Link 1 URL}"> {text:link 1}</a> {/block:ifLink1}
  637. {block:ifLink2}<a href="{text:Link 2 URL}">{text:link 2}</a>{/block:ifLink2}
  638. {block:ifLink3}<a href="{text:Link 3 URL}">{text:link 3}</a>{/block:ifLink3}
  639. {block:ifLink4}<a href="{text:Link 4 URL}">{text:link 4}</a>{/block:ifLink4}
  640.  
  641. </div>
  642.  
  643. <div id="places">
  644.  
  645. <a href="{text:facebook url}" title="facebook"><ion-icon name="logo-facebook"></ion-icon></a>
  646.  
  647. <a href="{text:twitter url}" title="twitter"><ion-icon name="logo-twitter"></ion-icon></a>
  648.  
  649. <a href="{text:instagram url}" title="instagram"><ion-icon name="logo-instagram"></ion-icon></a>
  650.  
  651. <a href="{text:pinterest url}" title="pinterest"><ion-icon name="logo-pinterest"></ion-icon></a>
  652.  
  653.  
  654. </div>
  655. </div>
  656.  
  657. <div id="entries">
  658. {block:posts}
  659. <div id="posts">
  660.  
  661. {block:ContentSource}
  662. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  663. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  664. {/block:SourceLogo}
  665. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  666. {/block:ContentSource}
  667.  
  668. {block:Quote}
  669.  
  670. <div id="titlequote">&ldquo;{Quote}&rdquo;</div><br>
  671.  
  672. {block:Source}<div id="source"> &mdash; {Source} </div> {/block:Source}
  673.  
  674. {/block:Quote}
  675.  
  676. {block:Text}
  677.  
  678. {block:Title}
  679. <div id="title">{Title}<br> &mdash;
  680.  
  681. </div>{/block:Title}
  682. {Body}
  683. {/block:Text}
  684.  
  685. {block:Link}
  686. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  687. {/block:Link}
  688.  
  689. {block:Chat}
  690. {block:Title}
  691. <h1>{Title}</h1>
  692. {/block:Title}
  693. <div class="chat">
  694. <ol>{block:Lines}
  695. <li class="line {Alt}">
  696. {block:Label}
  697. <span class="label">
  698. {Label}</span>
  699. {/block:Label}{Line}</li>
  700. {/block:Lines}
  701. </ol></div>
  702. {/block:Chat}
  703.  
  704. {block:Photo}
  705. {LinkOpenTag}<img src="{PhotoURL-500}" width="{PhotoWidth-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  706. {/block:Photo}
  707.  
  708. {block:Photoset}
  709.  
  710. <div class="photoset"> {Photoset-500} </div>
  711.  
  712. {/block:Photoset}
  713.  
  714. {block:Video}
  715. <div class="video">{Video-500} </div>
  716. {/block:Video}
  717.  
  718. {block:Audio}
  719. <div id="player" id="playerbg">{AudioPlayerGrey} </div>
  720. {block:AlbumArt}
  721.  
  722. <div id="albumart"><img src="{AlbumArtURL}"></div>
  723. {/block:AlbumArt}
  724.  
  725. <div id="albumdet">
  726.  
  727. {block:TrackName}Title: {TrackName}{/block:TrackName}<br> </a>
  728.  
  729. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  730. {block:Album}Album: {Album}{/block:Album}<br> </div>
  731.  
  732. {/block:Audio}
  733.  
  734. {block:Answer}
  735. <div class="asker">from: {Asker} </a> </div><br>
  736. <div class="question">{Question}</div>
  737. <div class="answer"> {Answer} </div>
  738. {/block:Answer}
  739.  
  740. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  741.  
  742. {block:Date}
  743. <div id="permalink">
  744. <a href="{Permalink}" title="permalink"> {TimeAgo} </a>
  745. {/block:Date}
  746. &mdash; <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  747. <br>
  748. {block:permalinkpage}
  749. {block:NoteCount} this post has {NoteCount} notes. {/block:NoteCount}
  750. <br>
  751.  
  752. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}by: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom} {/block:permalinkpage}
  753.  
  754. </div>
  755. {/block:Date}
  756.  
  757.  
  758. {block:HasTags}<div id="tags"> &num; &mdash; {block:Tags}<a href="{TagUrl}">{Tag}</a> {/block:Tags} </div>{/block:HasTags}
  759. </div>
  760.  
  761.  
  762. {block:PostNotes}
  763. <div class="pagenotes">
  764. {PostNotes}
  765. </div>
  766. {/block:PostNotes}
  767. {/block:Posts}
  768.  
  769.  
  770. <div id="pagination">
  771. {block:Pagination}
  772. {block:PreviousPage}
  773. &nbsp; <a href="{PreviousPage}" title="previous"> &lsaquo; </a>
  774. {/block:PreviousPage}
  775. &nbsp;
  776.  
  777. {block:NextPage}
  778. &nbsp; <a href="{NextPage}" title="next"> &rsaquo; </a>
  779. {/block:NextPage}
  780. {/block:Pagination} </div>
  781.  
  782. </div>
  783. </div>
  784.  
  785. <div class="credit">
  786. <a href="https://aresanglant.tumblr.com/" target="_blank" title="theme">@</a>
  787.  
  788. </div>
  789.  
  790. </body>
  791.  
  792.  
  793.  
  794.  
  795. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!