API tools faq
paste
Advertisement
xmfc009

arlo akaza theme

xmfc009
Apr 11th, 2021 (edited)
167
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.15 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4.  
  5. <!-- (BASE) THEME BY INIZIARE -->
  6.  
  7.  
  8.  
  9. <html>
  10. <head>
  11.  
  12. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  13. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Karla" rel="stylesheet">
  14. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  15.  
  16. <!-------MUSIC PLAYER BY GLENTHEMES------->
  17.  
  18.  
  19. <script src="//glenthemes.github.io/-music-/glenplayer07.js"></script>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26. </head>
  27.  
  28.  
  29. <!-- SCRIPT: TOOLTIP -->
  30.  
  31.  
  32. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  33. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  34. <script>
  35. (function($){
  36. $(document).ready(function(){
  37. $("a[title]").style_my_tooltips({
  38. tip_follows_cursor:true,
  39. tip_delay_time:90,
  40. tip_fade_speed:600,
  41. attribute:"title"
  42. });
  43. });
  44. })(jQuery);
  45. </script>
  46.  
  47.  
  48.  
  49. <!-- SCRIPT: POPUPS -->
  50.  
  51. <script type="text/javascript"
  52. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  53. <script>
  54. $(document).ready(function() {
  55. //
  56. $('a.poplight[href^=#]').click(function() {
  57. var popID = $(this).attr('rel'); //Get Popup Name
  58. var popURL = $(this).attr('href'); //Get Popup href to define size
  59. var query= popURL.split('?');
  60. var dim= query[1].split('&');
  61. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  62. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  63. var popMargTop = ($('#' + popID).height() + 80) / 2;
  64. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  65. //Apply Margin to Popup
  66. $('#' + popID).css({
  67. 'margin-top' : -popMargTop,
  68. 'margin-left' : -popMargLeft
  69. });
  70. $('body').append('<div id="fade"></div>');
  71. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  72. return false;
  73. });
  74. $('a.close, #fade').live('click', function() {
  75. $('#fade , .popup_block').fadeOut(function() {
  76. $('#fade, a.close').remove(); //fade them both out
  77. });
  78. return false;
  79. });
  80. });
  81. </script>
  82.  
  83.  
  84. <!-- SCRIPT: jQuery -->
  85.  
  86. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  87.  
  88.  
  89.  
  90. <!-- SCRIPT: AUDIO PLAYER -->
  91.  
  92. <script>
  93. $(document).ready(function() {
  94. $('iframe.tumblr_audio_player').load( function() {
  95. $('iframe.tumblr_audio_player').contents().find("head")
  96. .append($("<style type='text/css'> .audio-player{background:transparent !important; color:#abb6b7 !important;} </style>"));
  97. });
  98. });
  99. </script>
  100.  
  101.  
  102.  
  103.  
  104.  
  105.  
  106.  
  107. <!-- SCRIPT: POPUP TABS -->
  108.  
  109. <script>$(document).ready(function(){
  110. $("ul#tabs li").click(function(e){
  111. if (!$(this).hasClass("active")) {
  112. var tabNum = $(this).index();
  113. var nthChild = tabNum+1;
  114. $("ul#tabs li.active").removeClass("active");
  115. $(this).addClass("active");
  116. $("ul#tab li.active").removeClass("active");
  117. $("ul#tab li:nth-child("+nthChild+")").addClass("active");}});});</script>
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125. <!-- CUSTOM FONTS -->
  126.  
  127. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  128.  
  129. <link href="https://fonts.googleapis.com/css?family=Merriweather:900" rel="stylesheet">
  130.  
  131. <link rel="preconnect" href="https://fonts.gstatic.com">
  132. <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Condensed&display=swap" rel="stylesheet">
  133.  
  134. <link rel="preconnect" href="https://fonts.googleapis.com">
  135. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  136. <link href="https://fonts.googleapis.com/css2?family=Gentium+Book+Basic:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  137.  
  138.  
  139.  
  140.  
  141.  
  142. <!-- META LINES -->
  143.  
  144.  
  145. <meta name="text:Font" content="'Frank Ruhl Libre'"/>
  146. <meta name="text:Custom Capitals Font" content="'customfonthere'">
  147.  
  148. <meta name="if:Text Wrapping" content="0"/>
  149. <meta name="if:Grayscale Images" content="1"/>
  150. <meta name="if:Visible Scrollbars" content="0"/>
  151. <meta name="if:Boxed Blockquotes" content="0"/>
  152. <meta name="if:Bigger Tags on Hover" content="0"/>
  153.  
  154.  
  155. <style type="text/css">
  156.  
  157. html, body {cursor:url('https://78.media.tumblr.com/51aa4b0cb73356472f4336df13b2fc6b/tumblr_inline_p7nrx1388N1r1shc4_1280.png'), auto;}
  158.  
  159. a, ul#tabs li, ul#tabs li.active, .cherry {cursor:url('https://78.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_p7nrx1hoRW1r1shc4_75sq.png'), auto;}
  160.  
  161.  
  162. {block:ifnotVisibleScrollbars}
  163. /* SCROLLBAR */
  164.  
  165. ::-webkit-scrollbar {
  166. background:transparent;
  167. height: 0px;
  168. display:none;
  169. width: 0px; /* remove scrollbar space */
  170. -ms-overflow-style: none; // IE 10+
  171. overflow: -moz-scrollbars-none; // Firefox
  172. }
  173.  
  174.  
  175. ::-webkit-scrollbar-thumb {
  176. background:transparent;
  177. }
  178. {block:ifnotVisibleScrollbars}
  179.  
  180.  
  181.  
  182.  
  183. {block:ifVisibleScrollbars}
  184. /* SCROLLBAR */
  185.  
  186. ::-webkit-scrollbar {
  187. background:#171717;
  188. height: 0px;
  189. width: 2px; /* remove scrollbar space */
  190. -ms-overflow-style: none; // IE 10+
  191. overflow: -moz-scrollbars-none; // Firefox
  192. }
  193.  
  194.  
  195. ::-webkit-scrollbar-thumb {
  196. background:#080808;
  197. }
  198. {/block:ifVisibleScrollbars}
  199.  
  200.  
  201. /* TEXT SELECTION */
  202.  
  203. ::selection {background: transparent; color:#C5D0D1;}
  204. ::-moz-selection {background: transparent; color:#C5D0D1;}
  205.  
  206.  
  207. /* TOOLTIP */
  208.  
  209.  
  210. #s-m-t-tooltip {
  211. z-index:999999;
  212. max-width:350px;
  213. margin-left:10px;
  214. margin-top:10px;
  215. font-weight:lighter;
  216. background-color:#2d2a35;
  217. border:1px solid #080808;
  218. padding-top:6px;
  219. padding-bottom:6px;
  220. padding-left:16px;
  221. padding-right:16px;
  222. font-family:calibri;
  223. font-style:normal;
  224. font-weight:700;
  225. font-size:10px;
  226. color: #C5D0D1;
  227. box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.5);
  228. text-transform:uppercase;
  229. letter-spacing:0px;
  230. }
  231.  
  232.  
  233.  
  234. /* FOUNDATION */
  235.  
  236.  
  237. body {
  238. background-image:url('https://i.imgur.com/8mFAyKP.png');
  239. background-size: 3000px 1800px;
  240. overflow-x:hidden;
  241. background-attachment:fixed;
  242. background-repeat:no-repeat;
  243. background-position:top left;
  244. background-color:#212121;
  245. color:#abb6b7;
  246. font-size:10px;
  247. line-height:174%;
  248. word-spacing:-0.5px;
  249. color:#abb6b7;
  250. font-family:{text:Font};
  251. word-wrap: break-word;
  252. }
  253.  
  254.  
  255. body a {
  256. font-size:12px;
  257. color:#f6f6f6;
  258. font-weight:bold;
  259. text-decoration:none!important;
  260. -moz-transition-duration:0.6s;
  261. -webkit-transition-duration:0.6s;
  262. -o-transition-duration:0.6s;
  263. }
  264.  
  265.  
  266.  
  267.  
  268. /* BLOCKQUOTES */
  269.  
  270. {block:IfBoxedBlockquotes}
  271. blockquote {
  272. padding-left:18px!important;
  273. padding-right:18px!important;
  274. padding-top:5px;
  275. padding-bottom:5px;
  276. margin-top:0px;
  277. text-align:justify;
  278. margin-bottom:24px;
  279. margin-left:0px;
  280. margin-right:0px;
  281. border-left:1px solid #080808;
  282. border-right:1px solid #080808;
  283. border-bottom:1px solid #080808;
  284. border-top:1px solid #080808;
  285. background-color:transparent;
  286. word-wrap: break-word!important;
  287. }
  288. {/block:IfBoxedBlockquotes}
  289.  
  290.  
  291.  
  292.  
  293. blockquote {
  294. padding-left:16px;
  295. text-align:justify;
  296. padding-right:0px;
  297. margin-right:0px;
  298. margin-bottom:22px;
  299. margin-left:0px;
  300. border-left:1px solid #080808;
  301. background-color:transparent;
  302. word-wrap: break-word!important;
  303. }
  304.  
  305.  
  306.  
  307. blockquote blockquote {
  308. margin-top:15px;
  309. margin-bottom:15px;
  310. }
  311.  
  312.  
  313.  
  314. blockquote img {
  315. margin-top:4px;
  316. {block:IfTextWrapping}
  317. float:right!important;
  318. margin-left:14px;
  319. {/block:IfTextWrapping}
  320. margin-bottom:2px;
  321. margin-right:0px!important;
  322. padding:5px;
  323.  
  324. {block:IfGrayscaleImages}
  325. -webkit-filter: brightness(1) contrast(1) saturate(0);
  326. {/block:IfGrayscaleImages}
  327. }
  328.  
  329.  
  330.  
  331. blockquote img:hover {
  332. -webkit-filter: brightness(1) contrast(1) saturate(1);
  333. -webkit-transition: all 0.9s ease-in-out;
  334. -moz-transition: all 0.9s ease-in-out;
  335. -o-transition: all 0.9s ease-in-out;
  336. -ms-transition: all 0.9s ease-in-out;
  337. transition: all 0.9s ease-in-out;
  338. }
  339.  
  340.  
  341.  
  342.  
  343. /* FONT-RELATED */
  344.  
  345.  
  346. small, sub, sub {
  347. font-size:10px!important;
  348. }
  349.  
  350.  
  351. big {
  352. font-size:120%;
  353. }
  354.  
  355.  
  356. b, bold, strong {
  357. font-size:10px;
  358. text-transform:uppercase;
  359. font-family: {text:Font};
  360. font-weight:bold!important;
  361. color:#788384;
  362. letter-spacing:0px;
  363. }
  364.  
  365.  
  366.  
  367. em, i, italic {
  368. font-family: {text:Font};
  369. font-style:italic;
  370. font-size:10px;
  371. color:#C5D0D1;
  372. }
  373.  
  374.  
  375. u, u a {
  376. background-image:
  377. url('https://i.imgur.com/a9NlQ5C.gif');
  378. background-color: transparent;
  379. border: 1px solid #080808;
  380. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  381. color:#ca216e!important;
  382. font-size: 33px;
  383. text-decoration:none!important;
  384. font-style:normal!important;
  385. font-weight:100!important;
  386. text-transform:uppercase!important;
  387. float: left;
  388. margin-right: 11px;
  389. margin-top: 0px;
  390. padding-top:16px;
  391. padding-bottom:16px;
  392. padding-left:12px;
  393. padding-right:12px;
  394. }
  395.  
  396.  
  397. pre {
  398. font-weight:lighter;
  399. text-transform:uppercase;
  400. color: #d1d1d1;
  401. line-height:155%;
  402. font-family: {text:Font};
  403. font-weight:lighter!important;
  404. color:#e6e6e6;
  405. font-size:8.6px;
  406. letter-spacing:0.6px;
  407. white-space: pre-wrap;
  408. white-space: -moz-pre-wrap;
  409. white-space: -pre-wrap;
  410. white-space: -o-pre-wrap;
  411. word-wrap: break-word;
  412. }
  413.  
  414.  
  415. pre a {
  416. color:#f6f6f6;
  417. -moz-transition-duration:0.6s;
  418. -webkit-transition-duration:0.6s;
  419. -o-transition-duration:0.6s;
  420. }
  421.  
  422.  
  423. h1 {
  424. outline: 1px solid #080808;
  425. background-color:#2d2a35;
  426. height:28px;
  427. overflow:hidden;
  428. margin-top:1px;
  429. margin-left:1px;
  430. margin-right:1px;
  431. margin-bottom:15px;
  432. padding-top:6px;
  433. padding-left:20px;
  434. padding-right:20px;
  435. z-index:9999999;
  436. text-align:left;
  437. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  438. font-weight:700;
  439. font-size:16px;
  440. line-height:24px;
  441. text-transform:uppercase;
  442. }
  443.  
  444.  
  445. h1:first-letter {
  446. background-image:
  447. url('https://i.imgur.com/a9NlQ5C.gif');
  448. float:left;
  449. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  450. color:#f6f6f6!important;
  451. background-color:#2d2a35;
  452. font-size:27px;
  453. text-decoration:none!important;
  454. font-style:normal!important;
  455. font-weight:100!important;
  456. text-transform:uppercase!important;
  457. padding:18px 11px 18px 11px;
  458. margin-left:-21px;
  459. margin-top:-18px;
  460. margin-right:5px;
  461. }
  462.  
  463.  
  464. h1 a {
  465. font-weight:bold;
  466. color: #788384;
  467. text-align:right!important;
  468. }
  469.  
  470.  
  471. h2 {
  472. font-family:{text:Font};
  473. font-size:13px;
  474. text-transform:uppercase!important;
  475. font-weight:lighter!important;
  476. letter-spacing:0.5px;
  477. color: #d9728d;
  478. }
  479.  
  480.  
  481. h2 a {
  482. font-size:13px;
  483. text-transform:uppercase!important;
  484. font-weight:lighter!important;
  485. color: #d9728d;
  486. }
  487.  
  488.  
  489. h4 {
  490. background-color:#212121;
  491. background-repeat:repeat;
  492. background-attachment:fixed;
  493. border:1px solid #080808;
  494. margin-bottom:10px; margin-top:0px;
  495. padding:11px;
  496. text-align:center;
  497. font-family:{text:Font};
  498. font-style:normal;
  499. font-weight:700;
  500. font-size:10px;
  501. line-height:10px;
  502. color: #C5D0D1;
  503. text-transform:uppercase;
  504. }
  505.  
  506.  
  507. h4 a {
  508. font-family:{text:Font};
  509. font-style:normal;
  510. font-weight:700;
  511. font-size:10px;
  512. line-height:10px;
  513. color: #C5D0D1;
  514. }
  515.  
  516.  
  517.  
  518.  
  519. /* IMAGES */
  520.  
  521. img {
  522. -webkit-filter: brightness(1) contrast(1) saturate(1);
  523. -webkit-transition: all 0.9s ease-in-out;
  524. -moz-transition: all 0.9s ease-in-out;
  525. -o-transition: all 0.9s ease-in-out;
  526. -ms-transition: all 0.9s ease-in-out;
  527. transition: all 0.9s ease-in-out;
  528. max-width:500px;
  529. height:auto;
  530. padding:0px;
  531. background-color:#212121;
  532. {block:IfGrayscaleImages}
  533. -webkit-filter: brightness(1) contrast(1) saturate(0);
  534. {/block:IfGrayscaleImages}
  535. }
  536.  
  537.  
  538.  
  539. img:hover {
  540. -webkit-filter: brightness(1) contrast(1) saturate(1);
  541. -webkit-transition: all 0.9s ease-in-out;
  542. -moz-transition: all 0.9s ease-in-out;
  543. -o-transition: all 0.9s ease-in-out;
  544. -ms-transition: all 0.9s ease-in-out;
  545. transition: all 0.9s ease-in-out;
  546. }
  547.  
  548.  
  549.  
  550. .html_photoset {
  551. -webkit-filter: brightness(1) contrast(1) saturate(1);
  552. -webkit-transition: all 0.9s ease-in-out;
  553. -moz-transition: all 0.9s ease-in-out;
  554. -o-transition: all 0.9s ease-in-out;
  555. -ms-transition: all 0.9s ease-in-out;
  556. transition: all 0.9s ease-in-out;
  557. {block:IfGrayscaleImages}
  558. -webkit-filter: brightness(1) contrast(1) saturate(0);
  559. {/block:IfGrayscaleImages}
  560. }
  561.  
  562.  
  563.  
  564. .html_photoset:hover {
  565. -webkit-filter: brightness(1) contrast(1) saturate(1);
  566. -webkit-transition: all 0.9s ease-in-out;
  567. -moz-transition: all 0.9s ease-in-out;
  568. -o-transition: all 0.9s ease-in-out;
  569. -ms-transition: all 0.9s ease-in-out;
  570. transition: all 0.9s ease-in-out;
  571. }
  572.  
  573.  
  574.  
  575. /* SIDEBAR */
  576.  
  577.  
  578. #sidebar {
  579. text-align:center;
  580. position: fixed;
  581. padding:5px;
  582. font-size:10px;
  583. word-spacing:1px;
  584. color:#abb6b7;
  585. line-height:165%;
  586. background:#212121;
  587. color: #abb6b7;
  588. width:160px;
  589. height:590px;
  590. left:53px;
  591. top:70px;
  592. z-index:9999;
  593. }
  594.  
  595.  
  596. #sidebar img {
  597. background-color: transparent;
  598. -webkit-filter: brightness(1) contrast(1) saturate(1);
  599. {block:IfGrayscaleImages}
  600. -webkit-filter: brightness(1) contrast(1) saturate(0);
  601. {/block:IfGrayscaleImages}
  602. }
  603.  
  604.  
  605. #sidebar img:hover {
  606. -webkit-filter: brightness(1) contrast(1) saturate(1);
  607. -webkit-transition: all 0.9s ease-in-out;
  608. -moz-transition: all 0.9s ease-in-out;
  609. -o-transition: all 0.9s ease-in-out;
  610. -ms-transition: all 0.9s ease-in-out;
  611. transition: all 0.9s ease-in-out;
  612. }
  613.  
  614.  
  615.  
  616. #sidelinks {
  617. border-bottom:1px solid #2d70b0;
  618. padding:0px 10px 10px 10px;
  619.  
  620. }
  621.  
  622.  
  623. #sidelinks a {
  624. color:#abb6b7!important;
  625. font-family:calibri;
  626. font-style:normal;
  627. font-weight:700;
  628. font-size:10px;
  629. text-transform:uppercase;
  630. padding-right:10px;
  631. -moz-transition-duration:0.6s;
  632. -webkit-transition-duration:0.6s;
  633. -o-transition-duration:0.6s;
  634. }
  635.  
  636. #sidelinks a:last-child{
  637. padding-right: 0;
  638. }
  639.  
  640.  
  641. #sidelinks a:hover {
  642. font-style:normal;
  643. color:#21a8d7!important;
  644. -moz-transition-duration:0.6s;
  645. -webkit-transition-duration:0.6s;
  646. -o-transition-duration:0.6s;
  647. }
  648.  
  649.  
  650.  
  651. #description {
  652. text-align:center;
  653. border-top:20px solid #212121;
  654. margin:0px;
  655. line-height:150%;
  656. padding-bottom:5px;
  657. font-size:9px;
  658. color:#dd428c;
  659. }
  660.  
  661. #description i, #description b {
  662. color:#abb6b7;
  663. font-weight:500!important;
  664. letter-spacing:1px;
  665. font-size:9px;
  666. }
  667.  
  668. #description span {
  669. font-family:{text:Font};
  670. color:#72aebe;
  671. font-size:18px;
  672. font-weight:bold;
  673. text-align:center;
  674. line-height:70%;
  675. }
  676.  
  677. #desc2, #desc3 {
  678. text-align:justify;
  679. padding:5px;
  680. overflow:none;
  681. font-size:9px;
  682. color:#abb6b7;
  683. }
  684.  
  685. #desc2 {
  686. line-height:175%;
  687. padding-bottom:15px;
  688. margin-bottom:10px;
  689. border-bottom:1px solid #2d70b0;
  690. }
  691.  
  692. #desc3 {
  693. line-height:174%;
  694. padding-top:10px;
  695. border-top:1px solid #2d70b0;
  696. }
  697.  
  698.  
  699. #pagination {
  700. border:1px solid #080808;
  701. background-color:#2d2a35;
  702. min-height:32px!important;
  703. max-height:32px!important;
  704. margin: 7px 5px 7px 5px;
  705. text-align: center;
  706. }
  707.  
  708.  
  709.  
  710. .pages {
  711. font-size: 9px;
  712. font-style: normal !important;
  713. }
  714.  
  715.  
  716. .pages a {
  717. font-family:calibri;
  718. font-style:normal;
  719. font-weight:700;
  720. margin-top:7px;
  721. font-size:9px;
  722. padding-right:60px;
  723. display: inline-block;
  724. text-align: justify;
  725. color:#abb6b7!important;
  726. -moz-transition-duration:0.6s;
  727. -webkit-transition-duration:0.6s;
  728. -o-transition-duration:0.6s;
  729. }
  730.  
  731.  
  732. .pages a:last-child{
  733. padding-right: 0;
  734. }
  735.  
  736.  
  737. .pages a:hover {
  738. color:#21a8d7!important;
  739. -moz-transition-duration:0.6s;
  740. -webkit-transition-duration:0.6s;
  741. -o-transition-duration:0.6s;
  742. }
  743.  
  744.  
  745. /* POPUPS: GENERAL */
  746.  
  747.  
  748. .popup_block {
  749. display:none;
  750. height:505px;
  751. left:50%;
  752. top:50%;
  753. color:#abb6b7;
  754. background-color:#212121;
  755. overflow-y:scroll;
  756. padding:5px 10px 5px 5px;
  757. z-index:9999;
  758. opacity:1;
  759. position:fixed;
  760. z-index: 99999;
  761. text-align:justify;
  762. line-height:200%;
  763. outline:1px solid #080808;
  764. border:10px solid #212121;
  765. box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.5);
  766. }
  767.  
  768. .popup_block span {
  769. padding:3px 10px 3px 10px;
  770. margin-right:20px;
  771. border:1px solid #455051;
  772. background-color: #080808;
  773. text-transform:uppercase;
  774. color:#f6f6f6;
  775. }
  776.  
  777. .popup_block b {
  778. font-size:10px;
  779. }
  780.  
  781. .poprules {
  782. width:400px;
  783. text-align-last: center;
  784. line-height:170%;
  785. padding:10px 10px 0px 10px;
  786. margin:0px 0px 10px 40px;
  787. border:1px solid #080808;
  788. background-color: #080808;
  789. }
  790.  
  791. .popup_block a {
  792. font-size:10px;
  793. font-weight:normal;
  794. }
  795.  
  796.  
  797. *html #fade {position: absolute;}
  798. *html .popup_block {position: absolute;}
  799. #fade {
  800. display:none;
  801. position:fixed;
  802. left:0px;
  803. top:0px;
  804. width:100%;
  805. height:100%;
  806. z-index:9999;
  807. background:#000; /* change to #fff for solid white */
  808. opacity:0.7; /* change to opacity:1; */
  809. }
  810.  
  811.  
  812.  
  813.  
  814. /* POPUPS: TABS */
  815.  
  816. #headerbar{
  817. left:50%;
  818. top:50%;
  819. overflow:scroll;
  820. text-align:justify;
  821. color:#eee;
  822. font-family:calibri;
  823. font-size:12px;
  824. }
  825.  
  826. #tabbar{
  827. left:50%;
  828. top:50%;
  829. margin-left:
  830. overflow: scroll;
  831. text-align:justify;
  832. color:#222;
  833. font-family:calibri;
  834. font-size:12px;
  835. }
  836.  
  837. ul#tabs {text-align: center;}
  838. ul#tabs li {
  839. display: inline-block;
  840. background-repeat:repeat;
  841. background-attachment:fixed;
  842. border: 1px solid #080808; /* INACTIVE TAB */
  843. width:158px;
  844. font-weight:bold;
  845. text-align:center;
  846. font-family:calibri;
  847. font-style:normal;
  848. font-weight:700;
  849. font-size:10px;
  850. line-height:10px;
  851. padding: 10px 10px;
  852. margin-bottom: 4px;
  853. }
  854.  
  855. {
  856.  
  857. display: inline-block;
  858. background-image:
  859. url('https://i.imgur.com/a9NlQ5C.gif');
  860. padding:9px;
  861. color:#f6f6f6!important;
  862. background-color:#2d2a35;
  863. text-align:center;
  864. font-family:calibri;
  865. font-style:normal;
  866. font-weight:700;
  867. font-size:10px;
  868. line-height:10px;
  869. background:transparent;
  870. font-weight:bold;
  871. font-size:10px;
  872. border: 1px solid #080808; /* ACTIVE TAB */
  873. color:#e6e6e6;
  874. padding: 10px 10px;
  875. margin-bottom: 4px;
  876. }
  877.  
  878. ul#tab, ul#tabs{
  879. list-style-type:none;
  880. margin:0px;padding:0px;
  881. }
  882.  
  883. ul#tab li.active {
  884. display: block;
  885. }
  886.  
  887. ul#tab li {
  888. display: none;
  889. }
  890.  
  891.  
  892. /* POPUPS: NAVIGATION */
  893.  
  894.  
  895.  
  896.  
  897. .nvlinks {
  898. padding-top:0px;
  899. }
  900.  
  901.  
  902.  
  903. .nvlinks a {
  904. display:inline-block;
  905. font-family: calibri, sans-serif;
  906. font-weight:lighter!important;
  907. width: 99.1%;
  908. word-spacing:2px;
  909. margin-bottom:4px;
  910. padding-top:6px;
  911. padding-bottom:6px;
  912. padding-right:0;
  913. padding-left:0;
  914. text-transform:uppercase;
  915. text-align:center;
  916. background-color:#2d2a35;
  917. border: 1px solid #080808;
  918. color:#e6e6e6;
  919. font-size:8.6px;
  920. letter-spacing:0.8px;
  921. z-index:2;
  922. -moz-transition-duration:1.0s;
  923. -webkit-transition-duration:1.0s;
  924. -o-transition-duration:1.0s;
  925. }
  926.  
  927. .nvlinks a:hover {
  928. display: inline-block;
  929. text-transform:uppercase;
  930. color:#f6f6f6!important;
  931. background-color:#2d2a35;
  932. background-image:
  933. url('https://i.imgur.com/a9NlQ5C.gif');
  934. -moz-transition-duration:1.0s;
  935. -webkit-transition-duration:1.0s;
  936. -o-transition-duration:1.0s;
  937. }
  938.  
  939.  
  940. .popupnavlinks a:hover {
  941. display:inline-block;
  942. letter-spacing:0px;
  943. }
  944.  
  945.  
  946.  
  947. /* POSTS: GENERAL */
  948.  
  949. #container {
  950. position:absolute;
  951. padding:20px;
  952. left:294px;
  953. top:110px;
  954. background-color:#212121;
  955. overflow-y:scroll;
  956. z-index:9999;
  957. }
  958.  
  959.  
  960.  
  961. #posts {
  962. position:relative;
  963. word-wrap: break-word;
  964. line-height:15px;
  965. height:100%;
  966. width:500px!important;
  967. text-align:justify;
  968. overflow-y:scroll;
  969. z-index:9999;
  970. }
  971.  
  972.  
  973. #posts img {
  974. max-width:100%;
  975. height:auto;
  976. }
  977.  
  978.  
  979.  
  980.  
  981. #posts a {
  982. font-family:{text:Font}
  983. font-style:normal;
  984. font-weight:700;
  985. font-size:10px;
  986. color:#f6f6f6;
  987. text-transform:uppercase;
  988. -moz-transition-duration:0.6s;
  989. -webkit-transition-duration:0.6s;
  990. -o-transition-duration:0.6s;
  991. }
  992.  
  993.  
  994. #posts a:hover {
  995. color:#21a8d7;
  996. -moz-transition-duration:0.6s;
  997. -webkit-transition-duration:0.6s;
  998. -o-transition-duration:0.6s;
  999. }
  1000.  
  1001.  
  1002.  
  1003. /* TEXT-WRAPPING AROUND ICONS/IMAGES */
  1004.  
  1005.  
  1006.  
  1007. #wrap img {
  1008. background-color: transparent;
  1009. padding-right:3px;
  1010. padding-bottom:3px;
  1011. {block:IfTextWrapping}
  1012. float:left;
  1013. margin-right:14px;
  1014. {/block:IfTextWrapping}
  1015. {block:ificonborders}
  1016. padding:10px;
  1017. border: 1px solid #080808;
  1018. {/block:ificonborders}
  1019. -webkit-filter: brightness(1) contrast(1) saturate(1);
  1020.  
  1021. {block:IfGrayscaleImages}
  1022. -webkit-filter: brightness(1) contrast(1) saturate(0);
  1023. {/block:IfGrayscaleImages}
  1024. }
  1025.  
  1026.  
  1027.  
  1028. #wrap img:hover {
  1029. -webkit-filter: brightness(1) contrast(1) saturate(1);
  1030. -webkit-transition: all 0.9s ease-in-out;
  1031. -moz-transition: all 0.9s ease-in-out;
  1032. -o-transition: all 0.9s ease-in-out;
  1033. -ms-transition: all 0.9s ease-in-out;
  1034. transition: all 0.9s ease-in-out;
  1035. }
  1036.  
  1037.  
  1038.  
  1039.  
  1040. /* POSTS: QUOTE */
  1041.  
  1042.  
  1043.  
  1044. #quote {
  1045. text-align:justify;
  1046. font-size:14px;
  1047. padding-top:0px;
  1048. padding-bottom:24px;
  1049. line-height:165%;
  1050. letter-spacing:-0.6px;
  1051. min-height:52px;
  1052. }
  1053.  
  1054. #quote:first-letter {
  1055. background-image:
  1056. url('https://i.imgur.com/a9NlQ5C.gif');
  1057. border: 1px solid #080808;
  1058. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  1059. color:#f6f6f6!important;
  1060. background-color:#2d2a35;
  1061. text-decoration:none!important;
  1062. font-style:normal!important;
  1063. font-weight:100!important;
  1064. text-transform:uppercase!important;
  1065. float: left;
  1066. font-size: 36px;
  1067. margin-right: 11px;
  1068. margin-top: 0px;
  1069. padding-right: 15px;
  1070. padding-top:14px;
  1071. padding-bottom:14px;
  1072. padding-left:15px;
  1073. }
  1074.  
  1075.  
  1076. .source {
  1077. font-family:calibri;
  1078. font-weight:bold;
  1079. text-align:left;
  1080. font-size:10px;
  1081. color: #f6f6f6;
  1082. text-transform:uppercase;
  1083. margin-top:-1px;
  1084. }
  1085.  
  1086.  
  1087.  
  1088. /* POSTS: LINK */
  1089.  
  1090.  
  1091.  
  1092. #link {
  1093. margin-top:0px;
  1094. }
  1095.  
  1096.  
  1097. #link a {
  1098. font-size:10px;
  1099. }
  1100.  
  1101.  
  1102.  
  1103.  
  1104. /* POSTS: ASK */
  1105.  
  1106. #answer {
  1107. padding-left:0px;
  1108. padding-right:0px;
  1109. margin-left:1px;
  1110. margin-right:1px;
  1111. margin-top:0px;
  1112. }
  1113.  
  1114.  
  1115. #question {
  1116. border-top:0px solid #151515;
  1117. margin-top:1px;
  1118. margin-left:0px;
  1119. }
  1120.  
  1121.  
  1122.  
  1123. .askletter {
  1124. z-index:9999!important;
  1125. position:absolute;
  1126. float:left;
  1127. text-align:center;
  1128. font-size:33px;
  1129. background-color:transparent;
  1130. outline:1px solid #080808;
  1131. padding-top:15px;
  1132. padding-bottom:15px;
  1133. padding-left:14px;
  1134. padding-right:14px;
  1135. margin-top:0px;
  1136. color:#ca216e;
  1137. -webkit-user-select: none; /* Chrome all / Safari all */
  1138. -moz-user-select: none; /* Firefox all */
  1139. -ms-user-select: none; /* IE 10+ */
  1140. user-select: none; /* Likely future */
  1141. z-index:888;
  1142. }
  1143.  
  1144.  
  1145.  
  1146. #ask {
  1147. font-family:calibri, sans-serif;
  1148. text-transform:uppercase;
  1149. position: relative;
  1150. font-weight:bold;
  1151. background-color:#212121;
  1152. font-size:9px;
  1153. line-height:9px!important;
  1154. min-height:19px;
  1155. max-height:19px;
  1156. overflow:scroll;
  1157. margin-top:0px;
  1158. margin-left:44px;
  1159. margin-bottom:0px;
  1160. padding-left:20px;
  1161. padding-right:20px;
  1162. outline:solid 1px #080808;
  1163. border-top:13px solid #212121;
  1164. border-bottom:13px solid #212121;
  1165. -moz-transition-duration:1s;
  1166. -webkit-transition-duration:1s;
  1167. -o-transition-duration:1s;
  1168. z-index:8;
  1169. }
  1170.  
  1171.  
  1172.  
  1173. #ask:hover {
  1174. position:relative;
  1175. z-index:999999;
  1176. background-color:#212121;
  1177. margin-left:0px;
  1178. max-height:44px;
  1179. margin-right:0px;
  1180. -moz-transition-duration:1s;
  1181. -webkit-transition-duration:1s;
  1182. -o-transition-duration:1s;
  1183. }
  1184.  
  1185.  
  1186. #ask a {
  1187. font-weight:bold;
  1188. color:#ffffff;
  1189. font-size:9px;
  1190. text-decoration:none;
  1191. }
  1192.  
  1193.  
  1194. #ask b {
  1195. color:#ffffff;
  1196. font-size:9px;
  1197. font-family:calibri!important;
  1198. }
  1199.  
  1200.  
  1201.  
  1202. #response {
  1203. margin-top:24px;
  1204. }
  1205.  
  1206.  
  1207.  
  1208. #response img {
  1209. {block:IfTextWrapping}
  1210. float:left;
  1211. margin-left:-1px!important;
  1212. margin-right:13px;
  1213. {/block:IfTextWrapping}
  1214. background-color:transparent;
  1215. position:relative;
  1216. margin-top:0px;
  1217. margin-bottom:5px;
  1218. padding:10px;
  1219. border:1px solid #151515;
  1220. -webkit-filter: brightness(1) contrast(1) saturate(1);
  1221.  
  1222. {block:IfGrayscaleImages}
  1223. -webkit-filter: brightness(1) contrast(1) saturate(0);
  1224. {/block:IfGrayscaleImages}
  1225. }
  1226.  
  1227.  
  1228. #response img:hover {
  1229. -webkit-filter: brightness(1) contrast(1) saturate(1);
  1230. -webkit-transition: all 0.9s ease-in-out;
  1231. -moz-transition: all 0.9s ease-in-out;
  1232. -o-transition: all 0.9s ease-in-out;
  1233. -ms-transition: all 0.9s ease-in-out;
  1234. transition: all 0.9s ease-in-out;
  1235. }
  1236.  
  1237.  
  1238.  
  1239. /* POSTS: AUDIO */
  1240.  
  1241.  
  1242. #audio {
  1243. margin-top:0;
  1244. height:42px;
  1245. border:1px solid #080808;
  1246. }
  1247.  
  1248.  
  1249. .player {
  1250. opacity: 1;
  1251. position: absolute;
  1252. z-index: 1;
  1253. width: 40px;
  1254. height: 20px;
  1255. margin-top: 3px;
  1256. margin-left: 0px;
  1257. display: block;
  1258. color:#abb6b7;!important;
  1259. background-color:transparent!important;
  1260. }
  1261.  
  1262. .audioplayer {
  1263. width: 20px;
  1264. height: 20px;
  1265. margin-top: 1px;
  1266. margin-left: 0px;
  1267. overflow: hidden;
  1268. padding: 3px;
  1269. color:#abb6b7;!important;
  1270. background-color:transparent!important;
  1271. }
  1272.  
  1273. .audioinfo {
  1274. margin-left: 0px;
  1275. margin-top: 3px;
  1276. padding-left: 40px;
  1277. padding-top: 10px;
  1278. font-family:calibri;
  1279. display: block;
  1280. font-weight:bold;
  1281. text-transform: uppercase;
  1282. text-align: center;
  1283. letter-spacing:0px;
  1284. word-spacing:-0.5px;
  1285. font-size:10px;
  1286. color: #C5D0D1;
  1287. background: transparent;
  1288. }
  1289.  
  1290.  
  1291.  
  1292. /* POSTS: VIDEO */
  1293.  
  1294. .video-container {
  1295. position: relative;
  1296. padding-bottom: 56.25%;
  1297. padding-top: 30px;
  1298. height: 0;
  1299. overflow: hidden;
  1300. }
  1301.  
  1302. .video-container iframe,
  1303. .video-container object,
  1304. .video-container embed {
  1305. {block:IfGrayscaleImages}
  1306. -webkit-filter: brightness(1) contrast(1) saturate(0);
  1307. {/block:IfGrayscaleImages}
  1308. position: absolute;
  1309. top: 0;
  1310. left: 0;
  1311. width: 100%;
  1312. height: 100%;
  1313. }
  1314.  
  1315.  
  1316.  
  1317.  
  1318.  
  1319.  
  1320.  
  1321. /* POST INFORMATION */
  1322.  
  1323. .permalinkbar {
  1324. margin-top:16px;
  1325. margin-left:0px;
  1326. margin-right:0px;
  1327. background-color:transparent;
  1328. outline: 0px solid #080808;
  1329. color:#d9728d;
  1330. margin-bottom:90px;
  1331. z-index:88;
  1332. }
  1333.  
  1334.  
  1335. .permalinkbutton1 {
  1336. position:absolute;
  1337. margin-left:0px;
  1338. margin-top:-1px;
  1339. max-height:24px!important;
  1340. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  1341. min-height:24px;
  1342. min-width:35px;
  1343. max-width:35px;
  1344. padding-top:11px;
  1345. background-color:#2d2a35;
  1346. border:1px solid #080808;
  1347. float:left;
  1348. font-weight:lighter!important;
  1349. color:#ca216e;
  1350. margin-bottom:0px;
  1351. text-align:center;
  1352. z-index:888;
  1353. }
  1354.  
  1355.  
  1356.  
  1357. .permalinkbutton1 a {
  1358. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif!important;
  1359. color:#ca216e!important;
  1360. font-size:25px!important;
  1361. font-weight:lighter!important;
  1362. -moz-transition-duration:2s;
  1363. -webkit-transition-duration:2s;
  1364. -o-transition-duration:2s;
  1365. }
  1366.  
  1367.  
  1368.  
  1369. .permalinkbutton1 a:hover {
  1370. -moz-transition-duration:2s;
  1371. -webkit-transition-duration:2s;
  1372. -o-transition-duration:2s;
  1373. }
  1374.  
  1375.  
  1376.  
  1377. .permalinkbutton2 {
  1378. position:absolute;
  1379. margin-left:0px;
  1380. margin-top:-1px;
  1381. max-height:24px!important;
  1382. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  1383. min-height:24px;
  1384. min-width:35px;
  1385. max-width:35px;
  1386. padding-top:11px;
  1387. margin-left:36px;
  1388. background-color:#2d2a35;
  1389. border:1px solid #080808;
  1390. float:left;
  1391. font-weight:lighter!important;
  1392. color:#ca216e;
  1393. margin-bottom:0px;
  1394. text-align:center;
  1395. z-index:888;
  1396. }
  1397.  
  1398.  
  1399.  
  1400. .permalinkbutton2 a {
  1401. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif!important;
  1402. color:#ca216e!important;
  1403. font-size:25px!important;
  1404. font-weight:lighter!important;
  1405. -moz-transition-duration:2s;
  1406. -webkit-transition-duration:2s;
  1407. -o-transition-duration:2s;
  1408. }
  1409.  
  1410.  
  1411. .permalinkbutton2 a:hover {
  1412. -moz-transition-duration:2s;
  1413. -webkit-transition-duration:2s;
  1414. -o-transition-duration:2s;
  1415. }
  1416.  
  1417.  
  1418. .tags {
  1419. font-size:8px!important;
  1420. position:relative;
  1421. font-family: calibri!important;
  1422. font-weight:bold!important;
  1423. background-color:#2d2a35;
  1424. color:#f6f6f6!important;
  1425. text-transform:uppercase!important;
  1426. font-style:normal;
  1427. outline:solid 1px #080808;
  1428. line-height:130%!important;
  1429. text-align:justify;
  1430. min-height:11px;
  1431. max-height:11px;
  1432. overflow:scroll;
  1433. text-align:left;
  1434. text-align-last: center;
  1435. -moz-text-align-last: center;
  1436. border-top:12px solid transparent;
  1437. border-bottom:12px solid transparent;
  1438. margin-left:73px;
  1439. margin-right:1px;
  1440. padding-left:20px;
  1441. padding-right:20px;
  1442. -moz-transition-duration:1.5s;
  1443. -webkit-transition-duration:1.5s;
  1444. -o-transition-duration:1.5s;
  1445. z-index:888888;
  1446. {block:permalinkpage}
  1447. margin-left:73px;
  1448. {/block:permalinkpage}
  1449. }
  1450.  
  1451.  
  1452. .tags:hover {
  1453. position:relative;
  1454. text-align:justify;
  1455. max-height:43px;
  1456. outline: 1px solid #080808;
  1457. -moz-transition-duration:1.5s;
  1458. -webkit-transition-duration:1.5s;
  1459. -o-transition-duration:1.5s;
  1460. margin-left:1px;
  1461. margin-right:1px!important;
  1462. color:#f6f6f6!important;
  1463. }
  1464.  
  1465.  
  1466.  
  1467. .tags a {
  1468. font-weight:bold!important;
  1469. font-size:8px!important;
  1470. text-transform:uppercase!important;
  1471. font-family: calibri!important;
  1472. color:#f6f6f6!important;
  1473. -moz-transition-duration:2s;
  1474. -webkit-transition-duration:2s;
  1475. -o-transition-duration:2s;
  1476. }
  1477.  
  1478.  
  1479. .tags a:hover {
  1480. color:#21a8d7!important;
  1481. {block:ifBiggerTagsonHover}
  1482. font-size:10px!important;
  1483. -moz-transition-duration:2s;
  1484. -webkit-transition-duration:2s;
  1485. -o-transition-duration:2s;
  1486. {/block:ifBiggerTagsonHover}
  1487. }
  1488.  
  1489.  
  1490.  
  1491.  
  1492. /* PERMAPAGE NOTES */
  1493.  
  1494.  
  1495. .notes {
  1496. text-transform:normal;
  1497. font-style:normal;
  1498. font-size: 10px;
  1499. letter-spacing:-0.20px;
  1500. text-align:left;
  1501. margin-left:-63px;
  1502. }
  1503.  
  1504.  
  1505. .note li {
  1506. opacity:.9;
  1507. list-style-type:none;
  1508. padding:10px 25px 10px 25px;
  1509. border-bottom:1px solid #080808;
  1510. text-align:left;
  1511. margin:0px;
  1512. -moz-transition-duration:0.5s;
  1513. -webkit-transition-duration:0.5s;
  1514. -o-transition-duration:0.5s;
  1515. }
  1516.  
  1517. .note blockquote {
  1518. padding-top:3px;
  1519. padding-bottom:3px;
  1520. padding-left:10px;
  1521. padding-right:10px;
  1522. width:100%;
  1523. margin-top:9px;
  1524. margin-bottom:4px;
  1525. }
  1526.  
  1527.  
  1528. .note img.avatar {
  1529. width: 0px;
  1530. height: 0px;
  1531. }
  1532.  
  1533.  
  1534. .note li a {
  1535. font-family:calibri!important;
  1536. font-size:10px!important;
  1537. padding-right:2px;
  1538. font-weight:bold;
  1539. text-transform:uppercase;
  1540. letter-spacing:0px;
  1541. color: #ffffff;
  1542. }
  1543.  
  1544.  
  1545.  
  1546. /* CREDITS */
  1547.  
  1548. #credit {
  1549. font-family:calibri;
  1550. position:fixed;
  1551. bottom:15px;
  1552. right:15px;
  1553. width:10px;
  1554. height:13px;
  1555. overflow:hidden;
  1556. -webkit-transition:all 1s ease;
  1557. -moz-transition:all 1s ease;
  1558. -o-transition:all 1s ease;
  1559. transition:all 1s ease-in-out;
  1560. z-index:9999999999999999;
  1561. color:#a9a2a1;
  1562. text-shadow:1px 1px 0px #171717;
  1563. }
  1564.  
  1565. #credit a {
  1566. text-transform:uppercase;
  1567. font-size:10px;
  1568. z-index:9999999999999999999;
  1569. }
  1570.  
  1571. #credit:hover {width:200px;}
  1572.  
  1573. #credit span {
  1574. color:#a9a2a1;
  1575. margin-right:5px;
  1576. font-size:9px;
  1577. }
  1578.  
  1579.  
  1580. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  1581. :root {
  1582. --Circle-Size:38px;
  1583. --Progress-Border-Size:2px;
  1584. --Progress-Empty:#306cac;
  1585. --Progress-Fill:#abb6b7;
  1586. --Player-Background:#306cac;
  1587. --Play-Pause-Buttons-Size:14px;
  1588. --Play-Pause-Buttons-Color:#212121;
  1589. --Player-Text-Margin:10px;
  1590.  
  1591. --Song-Name-Font-Size:10px;
  1592. --Song-Name-Color:#abb6b7;
  1593.  
  1594. --Artist-Name-Font-Size:10px;
  1595. --Artist-Name-Color:#abb6b7;
  1596. }
  1597.  
  1598. #glenplayer07 {
  1599. position:fixed;
  1600. top:0;margin-top:700px;
  1601. left:0;margin-left:45px;
  1602. z-index:99;
  1603. }
  1604.  
  1605. .flamingo {
  1606. display:flex;
  1607. align-items:center;
  1608. }
  1609.  
  1610. .circleofdeath {
  1611. width:var(--Circle-Size);
  1612. height:var(--Circle-Size);
  1613. border-radius:100%;
  1614. overflow:hidden;
  1615. }
  1616.  
  1617. .tinfoil {
  1618. width:var(--Circle-Size);
  1619. height:var(--Circle-Size);
  1620. background:var(--Progress-Empty);
  1621. border-radius:100%;
  1622. }
  1623.  
  1624. .oven {
  1625. background:var(--Progress-Fill);
  1626. }
  1627.  
  1628. .oliveoil {
  1629. width:100%;
  1630. height:100%;
  1631. }
  1632.  
  1633. .crust {
  1634. position:absolute;
  1635. top:0;
  1636. display:flex;
  1637. align-items:center;
  1638. justify-content:center;
  1639. width:var(--Circle-Size);
  1640. height:var(--Circle-Size);
  1641. }
  1642.  
  1643. .cherry {
  1644. display:flex;
  1645. align-items:center;
  1646. justify-content:center;
  1647. width:calc(var(--Circle-Size) - (var(--Progress-Border-Size) * 2));
  1648. height:calc(var(--Circle-Size) - (var(--Progress-Border-Size) * 2));
  1649. background:var(--Player-Background);
  1650. border-radius:100%;
  1651. z-index:1;
  1652. }
  1653.  
  1654. .music-controls {display:flex;align-items:center}
  1655.  
  1656. .music-controls .material-icons {
  1657. font-size:var(--Play-Pause-Buttons-Size);
  1658. color:var(--Play-Pause-Buttons-Color);
  1659. }
  1660.  
  1661. .pausee {display:none;}
  1662.  
  1663. .beff {display:none;}
  1664. .aff {display:block;}
  1665.  
  1666. .music-info {
  1667. margin-left:var(--Player-Text-Margin);
  1668. line-height:1em;
  1669. text-shadow: 0px 0px 10px #ffffff;
  1670. }
  1671.  
  1672. .song-name {
  1673. font-family:ABeeZee;
  1674. font-size:var(--Song-Name-Font-Size);
  1675. text-transform:uppercase;
  1676. letter-spacing:1.5px;
  1677. color:var(--Song-Name-Color);
  1678. }
  1679.  
  1680. .artist-name {
  1681. margin-top:3px;
  1682. font-family:karla;
  1683. font-size:var(--Artist-Name-Font-Size);
  1684. letter-spacing:0.3px;
  1685. color:var(--Artist-Name-Color);
  1686. }
  1687.  
  1688.  
  1689. </style>
  1690.  
  1691. </head>
  1692.  
  1693. <body>
  1694.  
  1695.  
  1696. <!-------MUSIC PLAYER BY GLENTHEMES------->
  1697. <div id="glenplayer07">
  1698. <div class="flamingo">
  1699. <div class="circleofdeath">
  1700. <div class="tinfoil">
  1701. <div class="oliveoil"></div>
  1702. </div>
  1703. <div class="crust">
  1704. <div class="cherry">
  1705. <div class="music-controls">
  1706. <i class="material-icons playy">play_arrow</i>
  1707. <i class="material-icons pausee">pause</i>
  1708. </div>
  1709. </div><!--cherry-->
  1710. </div><!--crust-->
  1711. </div><!--circleofdeath-->
  1712.  
  1713. <div class="music-info">
  1714. <div class="song-name">never give up on your dreams</div>
  1715. <div class="artist-name">thomas bergersen</div>
  1716. </div><!--music-info-->
  1717. </div><!--flamingo-->
  1718. </div><!--glenplayer07-->
  1719.  
  1720. <audio id="audio" src="https://drive.google.com/uc?export=download&id=13ydV9TfUIgyPxZde6e9ut1DGS8M5P1Ww" type="audio"></audio>
  1721. <!----end music player---->
  1722.  
  1723.  
  1724.  
  1725. <div id="sidebar">
  1726. <div id="desc2"><b style="font-size:16px; font-weight:normal!important; color:#455051;">❝</b>&nbsp; <strike>&nbsp; &nbsp; &nbsp; &nbsp;</strike> you have burned so quietly for so long; burnt yourself out trying to give others light, wishing that they would notice the way your hands shake or the wildflower bruises under your tired eyes. how much could you pour yourself out before they noticed? it is all you've ever known, after all: help, help, help, help. <i style="font-weight:normal; text-transform:lowercase; font-size:9px; color:#abb6b7;">(are you providing it, or begging for it?)</i> &nbsp;<b style="font-size:16px; font-weight:normal!important; color:#455051;">❞</b></div>
  1727.  
  1728. <div id="sidelinks"><center>
  1729. <a href="/" title="index.">001.</a>
  1730. <a href="/ask" title="questions.">002.</a>
  1731. <a href="#?w=500" rel="page003" class="poplight" title="guidelines.">003.</a>
  1732. <a href="#?w=500" rel="page004" class="poplight" title="dossier.">004.</a>
  1733. <a href="#?w=500" rel="page005" class="poplight" title="verses.">005.</a>
  1734. <a href="#?w=500" rel="page006" class="poplight" title="navigation.">006.</a>
  1735. </center>
  1736. </div id="sidelinks">
  1737.  
  1738. <div id="description"><span>BRIGHTERBURN</span>
  1739. <br><b>kny multimuse roleplay<Br>feat. rengoku kyojuro.</b>
  1740. <p>IND &nbsp;/&nbsp; PRIV &nbsp;/&nbsp; SEL &nbsp;/&nbsp; 18+
  1741. <br><i>penned by winter.</i>
  1742. </div id="description">
  1743.  
  1744. <div id="desc3"><b style="font-size:16px; font-weight:normal!important; color:#455051;">❝</b>&nbsp; <strike>&nbsp; &nbsp; &nbsp; &nbsp;</strike> but you're worried that if you can't be what they need, if you can't be the <i style="font-weight:normal; text-transform:uppercase; font-size:9px; color:#abb6b7;">PILLAR</i> for others to lean on, they'll leave you. you are worth more than what you can provide for others: you deserve the same care you so freely give out. you deserve it: you have earned it. set down the world and rest that weary heart of yours. &nbsp;<b style="font-size:16px; font-weight:normal!important; color:#455051;">❞</b></div>
  1745.  
  1746.  
  1747.  
  1748. <div id="pagination">
  1749. <div class="pages">
  1750. {block:IndexPage}
  1751. {block:Pagination}
  1752. {block:PreviousPage}
  1753. <a href="{PreviousPage}">BACK</a>
  1754. {/block:PreviousPage}
  1755.  
  1756. {block:NextPage}
  1757. <a href="{NextPage}">FORTH</a>
  1758. {/block:NextPage}
  1759. {/block:Pagination}
  1760. {/block:IndexPage}
  1761.  
  1762. {block:PermalinkPagination}
  1763. {block:PreviousPost}
  1764. <a href="{PreviousPost}">LAST POST</a>
  1765. {/block:PreviousPost}
  1766.  
  1767. {block:NextPost}
  1768. <a href="{NextPost}">NEXT POST</a>
  1769. {/block:NextPost}
  1770. {/block:PermalinkPagination}
  1771.  
  1772. </div class="pages">
  1773. </div id="pagination">
  1774.  
  1775. </div id="sidebar">
  1776.  
  1777.  
  1778.  
  1779.  
  1780.  
  1781.  
  1782.  
  1783. <div id="container">
  1784. <div id="posts">
  1785.  
  1786. {block:Posts}
  1787.  
  1788.  
  1789.  
  1790.  
  1791. <!-- POSTS: TEXT -->
  1792.  
  1793. {block:Title}<h1>{Title}</h1>{/block:Title}
  1794. {block:Text}
  1795. <div id="wrap">
  1796. {Body}
  1797. <div style="clear:both"></div>
  1798. </div id="wrap">
  1799. {/block:Text}
  1800.  
  1801.  
  1802.  
  1803.  
  1804. <!-- POSTS: PHOTO/SET -->
  1805.  
  1806. {block:Photo}{LinkOpenTag}
  1807. <center>
  1808. <img src="{PhotoURL-HighRes}" width="500px">
  1809. </center>{LinkCloseTag}
  1810. <p>{block:Caption}{Caption}{/block:Caption}
  1811. {/block:Photo}
  1812.  
  1813. {block:Photoset}
  1814. <center>{Photoset}</center>
  1815. <p>{block:Caption}{Caption}{/block:Caption}
  1816. {/block:Photoset}
  1817.  
  1818.  
  1819.  
  1820.  
  1821. <!-- POSTS: QUOTE -->
  1822.  
  1823. {block:Quote}
  1824. <div id="quote">
  1825. {Quote}
  1826. </div id="quote">
  1827.  
  1828. <div class="source">
  1829. {Source}
  1830. </div class="source">
  1831. {/block:Quote}
  1832.  
  1833.  
  1834.  
  1835.  
  1836. <!-- POSTS: LINK -->
  1837.  
  1838. {block:Link}
  1839. <div id="link">
  1840. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; ►</a>
  1841. </div id="link">
  1842. {/block:Link}
  1843.  
  1844.  
  1845.  
  1846.  
  1847. <!-- POSTS: CHAT -->
  1848.  
  1849. {block:Chat}
  1850.  
  1851. <div id="content">
  1852. {block:Lines}
  1853. <div id="{Alt}">
  1854. {block:Label}
  1855. <b>{Label}</b>{/block:Label} {Line}
  1856. </div id="{Alt}">
  1857. {/block:Lines}
  1858. </div id="content">
  1859.  
  1860. {/block:Chat}
  1861.  
  1862.  
  1863.  
  1864. <!-- POSTS: AUDIO -->
  1865.  
  1866. {block:Audio}
  1867.  
  1868. <div id="audio">
  1869. <div class="player">
  1870.  
  1871. <div class="audioplayer">
  1872. {AudioPlayerBlack}
  1873. </div class="audioplayer">
  1874.  
  1875. </div class="player">
  1876.  
  1877. <div class="audioinfo">
  1878. {block:TrackName}{TrackName}{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}&nbsp;
  1879. </div class="audioinfo">
  1880.  
  1881. </div id="audio">
  1882.  
  1883. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1884. {/block:Audio}
  1885.  
  1886.  
  1887.  
  1888.  
  1889.  
  1890. <!-- POSTS: VIDEO -->
  1891.  
  1892. {block:Video}
  1893. <div class="video-container">
  1894. {Video-400}
  1895. </div class="video-container">
  1896. {block:Caption}{Caption}{/block:Caption}
  1897. {/block:Video}
  1898.  
  1899.  
  1900.  
  1901.  
  1902. <!-- POSTS: ASK -->
  1903.  
  1904. {block:Answer}
  1905. <div id="answer">
  1906.  
  1907. <div id="question">
  1908. <div class="askletter">?</div class="askletter">
  1909. <div id="ask">
  1910. <b>{Asker} asked:</b> {Question}
  1911. </div id="ask">
  1912. </div id="question">
  1913.  
  1914.  
  1915. <div id="response">{Answer}
  1916. <div style="clear:both"></div>
  1917. </div id="response">
  1918.  
  1919. </div id="answer">
  1920. {/block:Answer}
  1921.  
  1922.  
  1923.  
  1924. <!-- POST INFORMATION -->
  1925.  
  1926.  
  1927. {block:Date}
  1928.  
  1929. <div class="permalinkbar">
  1930. {block:indexpage}
  1931. <div class="permalinkbutton1">
  1932. <a href="{Permalink}" title="Posted:&nbsp;&nbsp; {Month} {DayOfMonth}{DayOfMonthSuffix} / {12Hour}:{Minutes}{CapitalAmPm} / {NoteCountWithLabel}">P</a>
  1933. </div class="permalinkbutton1">
  1934. {/block:indexpage}
  1935.  
  1936. {block:permalinkpage}
  1937. <div class="permalinkbutton1">
  1938. <a href="{ReblogParentURL}" title="Reblogged From">V</a>
  1939. </div class="permalinkbutton1">
  1940. {/block:permalinkpage}
  1941.  
  1942. <div class="permalinkbutton2">
  1943. <a href="{ReblogURL}" title="Click here to reblog this post" target="_blank" class="details">R</a>
  1944. </div class="permalinkbutton2">
  1945.  
  1946. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>{/block:Tags}{/block:PermalinkPage}{/block:HasTags}</div>
  1947.  
  1948.  
  1949. </div class="permalinkbar">
  1950. {/block:Date}
  1951. {/block:indexpage}
  1952.  
  1953.  
  1954.  
  1955.  
  1956. <!-- NOTES -->
  1957.  
  1958. <div class="note">
  1959. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1960. </div class="note">
  1961.  
  1962.  
  1963.  
  1964. {/block:Posts}
  1965.  
  1966. </div id="posts">
  1967.  
  1968.  
  1969.  
  1970.  
  1971.  
  1972. </div id="container">
  1973.  
  1974.  
  1975.  
  1976.  
  1977. {/block:Posts}
  1978.  
  1979.  
  1980.  
  1981. {block:ContentSource}
  1982. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1983. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1984. {/block:SourceLogo}
  1985. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1986. {/block:ContentSource}
  1987.  
  1988.  
  1989.  
  1990. <!-- CREDIT -->
  1991.  
  1992. <div id="credit">
  1993. <div style="width:205px;margin-right:15px;margin-bottom:15px;">
  1994. <a href="https://iniziarearchive.tumblr.com/post/174567572207/base-codetheme-khruseos-preview-code" target="blank">
  1995. <span>S.</span>BASE CODE BY SAE, CUSTOMIZED BY WINTER.</a>
  1996. </div style>
  1997. </div id="credit">
  1998.  
  1999.  
  2000.  
  2001.  
  2002. <!-- POPUP PAGES -->
  2003.  
  2004.  
  2005.  
  2006.  
  2007. <!--- START RULES POPUP --->
  2008. <div id="page003" class="popup_block" style="word-spacing:1px;">
  2009.  
  2010. <h1>RULES & GUIDELINES.</h1>
  2011.  
  2012. <center style="margin:30px 0px 10px 0px;"><span style="font-size:15px; padding:5px 20px 5px 20px;">WINTER. &nbsp; // &nbsp; 30. &nbsp; // &nbsp; MST. &nbsp; // &nbsp;any pronouns.</span></center>
  2013.  
  2014. <br><span>this is a highlight.</span> &nbsp; &nbsp; this is a rule.
  2015.  
  2016. <br><br><div class="poprules"><center><h2 style="margin:0px 0px 5px 0px;"><i>DO NOT INTERACT.</i></h2></center>
  2017. <b>if u want.</b> &nbsp; &nbsp; you don't have to have it.
  2018. </div>
  2019.  
  2020. <br><span>credit.</span> credit goes here.
  2021.  
  2022. </div id="page003" class="popup_block">
  2023. <!--- END RULES POPUP --->
  2024.  
  2025.  
  2026.  
  2027.  
  2028.  
  2029. <!--- START ABOUT POPUP --->
  2030. <div id="page004" class="popup_block">
  2031.  
  2032. <h1>dossier.</h1>
  2033.  
  2034. about / biography here.
  2035.  
  2036. </div id="page004" class="popup_block">
  2037. <!--- END ABOUT POPUP --->
  2038.  
  2039.  
  2040.  
  2041.  
  2042.  
  2043. <!--- START VERSES POPUP --->
  2044. <div id="page005" class="popup_block">
  2045.  
  2046. <h1>verses & aus.</h1>
  2047.  
  2048. verses / aus here.
  2049.  
  2050. </div id="page005" class="popup_block">
  2051. <!--- END VERSES POPUP --->
  2052.  
  2053.  
  2054.  
  2055.  
  2056. <!--- START NAVI POPUP --->
  2057. <div id="page006" class="popup_block">
  2058.  
  2059. <h1>navigation.</h1>
  2060.  
  2061. <p><div class="nvlinks">
  2062. <a href="/tagged/tag here">tag.</a>
  2063. <a href="/tagged/tag here">tag.</a>
  2064. <a href="/tagged/tag here">tag.</a>
  2065. <a href="/tagged/tag here">tag.</a>
  2066. <a href="/tagged/tag here">tag.</a>
  2067. <a href="/tagged/tag here">tag.</a>
  2068. <a href="/tagged/tag here">tag.</a>
  2069. <a href="/tagged/tag here">tag.</a>
  2070. <a href="/tagged/tag here">tag.</a>
  2071. <a href="/tagged/tag here">tag.</a>
  2072. <a href="/tagged/tag here">tag.</a>
  2073. <a href="/tagged/tag here">tag.</a>
  2074.  
  2075. </<div class="nvlinks">
  2076.  
  2077. </div id="page006" class="popup_block">
  2078. <!--- END NAVI POPUP --->
  2079.  
  2080.  
  2081.  
  2082.  
  2083.  
  2084.  
  2085. </body>
  2086. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!