API tools faq
paste
Advertisement
littlemisswhoever

Theme: Khruseos (by iniziare)

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