API tools faq
paste
Advertisement
littlemisswhoever

Theme: Francis (by iniziare)

littlemisswhoever
Oct 21st, 2018
1,584
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4.  
  5.  
  6. <!-- CANTROUS: (BASE) THEME BY SAE (INIZIARE) -->
  7.  
  8.  
  9.  
  10.  
  11.  
  12. <html>
  13. <head>
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20. </head>
  21.  
  22.  
  23. <!-- SCRIPT: TOOLTIP -->
  24.  
  25.  
  26. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  27. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  28. <script>
  29. (function($){
  30. $(document).ready(function(){
  31. $("a[title]").style_my_tooltips({
  32. tip_follows_cursor:true,
  33. tip_delay_time:90,
  34. tip_fade_speed:600,
  35. attribute:"title"
  36. });
  37. });
  38. })(jQuery);
  39. </script>
  40.  
  41.  
  42.  
  43. <!-- SCRIPT: POPUPS -->
  44.  
  45. <script type="text/javascript"
  46. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  47. <script>
  48. $(document).ready(function() {
  49. //
  50. $('a.poplight[href^=#]').click(function() {
  51. var popID = $(this).attr('rel'); //Get Popup Name
  52. var popURL = $(this).attr('href'); //Get Popup href to define size
  53. var query= popURL.split('?');
  54. var dim= query[1].split('&');
  55. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  56. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  57. var popMargTop = ($('#' + popID).height() + 80) / 2;
  58. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  59. //Apply Margin to Popup
  60. $('#' + popID).css({
  61. 'margin-top' : -popMargTop,
  62. 'margin-left' : -popMargLeft
  63. });
  64. $('body').append('<div id="fade"></div>');
  65. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  66. return false;
  67. });
  68. $('a.close, #fade').live('click', function() {
  69. $('#fade , .popup_block').fadeOut(function() {
  70. $('#fade, a.close').remove(); //fade them both out
  71. });
  72. return false;
  73. });
  74. });
  75. </script>
  76.  
  77.  
  78.  
  79. {block:IfClickonTags}
  80. <!-- SCRIPT: EXPAND -->
  81.  
  82. <script>
  83. $(document).ready(function(){
  84. $(".tags").hide();
  85. $(".hide").show();$('.hide').toggle(function(){
  86. $(".tags").slideDown(function(){});
  87. },function(){
  88. $(".tags").slideUp(function(){});
  89. });
  90. });
  91. </script>
  92. {/block:IfClickonTags}
  93.  
  94.  
  95.  
  96.  
  97. <!-- SCRIPT: jQuery -->
  98.  
  99. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  100.  
  101.  
  102.  
  103.  
  104.  
  105.  
  106. <!-- SCRIPT: AUDIO PLAYER -->
  107.  
  108. <script>
  109. $(document).ready(function() {
  110. $('iframe.tumblr_audio_player').load( function() {
  111. $('iframe.tumblr_audio_player').contents().find("head")
  112. .append($("<style type='text/css'> .audio-player{background:#000000 !important; color:#2d2d2d !important;} </style>"));
  113. });
  114. });
  115. </script>
  116.  
  117.  
  118.  
  119.  
  120. <!-- SCRIPT: POPUP TABS -->
  121.  
  122. <script>$(document).ready(function(){
  123. $("ul#tabs li").click(function(e){
  124. if (!$(this).hasClass("active")) {
  125. var tabNum = $(this).index();
  126. var nthChild = tabNum+1;
  127. $("ul#tabs li.active").removeClass("active");
  128. $(this).addClass("active");
  129. $("ul#tab li.active").removeClass("active");
  130. $("ul#tab li:nth-child("+nthChild+")").addClass("active");}});});</script>
  131.  
  132.  
  133.  
  134.  
  135. <!-- CUSTOM FONTS -->
  136.  
  137. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  138.  
  139. <link rel="stylesheet" href="https://static.tumblr.com/ebrrv1n/2kupdb7p4/cantrous.css">
  140.  
  141. <link rel="stylesheet" href="CUSTOMFONTHERE">
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148. <!-- META LINES -->
  149.  
  150.  
  151. <meta name="image:Background" content="https://static.tumblr.com/ebrrv1n/IfVq4u88s/empty.png"/>
  152.  
  153. <meta name="text:Custom Capitals Font" content="'customfonthere'">
  154.  
  155. <meta name="color:Body Text" content="#c6c6c6" />
  156. <meta name="color:Bold" content="#555555" />
  157. <meta name="color:Italic" content="#c6c6c6" />
  158. <meta name="color:Links" content="#555555" />
  159. <meta name="color:Links Hover" content="#c6c6c6" />
  160.  
  161.  
  162.  
  163. <meta name="if:Text Wrapping" content="0"/>
  164. <meta name="if:Boxed Blockquotes" content="0"/>
  165. <meta name="if:Icon Borders" content="0"/>
  166. <meta name="if:Bigger Tags on Hover" content="0"/>
  167. <meta name="if:First Letter Styling" content="0"/>
  168. <meta name="if:Verses Popup Page" content="0"/>
  169. <meta name="if:Navigation Popup Page" content="0"/>
  170. <meta name="if:Click on Tags" content="0">
  171.  
  172.  
  173.  
  174. <meta name="text:Description IND Hover" content="Home/Refresh"/>
  175. <meta name="text:Description ASK Hover" content="Questions?"/>
  176. <meta name="text:Description GDL Hover" content="Guidelines"/>
  177. <meta name="text:Description BIO Hover" content="Biography"/>
  178. <meta name="text:Description VERSES Hover" content="Verses/Timelines"/>
  179. <meta name="text:Description NAV Hover" content="Navigation"/>
  180.  
  181.  
  182.  
  183. <meta name="text:Popup Page ASK Header" content="This is ASK's Header"/>
  184.  
  185.  
  186. <meta name="text:Popup Page GDL Header" content="This is GDL's header"/>
  187. <meta name="text:Popup Page GDL Content" content="This is a popup page that appears as 'GDL' 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"/>
  188.  
  189. <meta name="text:Popup Page BIO Header" content="This is BIO's header"/>
  190. <meta name="text:Popup Page BIO Content" content="This is a popup page that appears as 'BIO' 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"/>
  191.  
  192.  
  193. <meta name="text:Popup Page VERSES Header" content="This is VERSES's header"/>
  194. <meta name="text:Popup Page VERSES Content" content="This is a popup page that appears as 'VERSES' 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"/>
  195.  
  196.  
  197. <meta name="text:Popup Page NAV Header" content="This is NAV's header"/>
  198.  
  199.  
  200. <meta name="text:Navigation 1 Title" content="Title 1"/>
  201. <meta name="text:Navigation 1 Link" content="Link/URL 1"/>
  202.  
  203. <meta name="text:Navigation 2 Title" content="Title 2"/>
  204. <meta name="text:Navigation 2 Link" content="Link/URL 2"/>
  205.  
  206. <meta name="text:Navigation 3 Title" content="Title 3"/>
  207. <meta name="text:Navigation 3 Link" content="Link/URL 3"/>
  208.  
  209. <meta name="text:Navigation 4 Title" content="Title 4"/>
  210. <meta name="text:Navigation 4 Link" content="Link/URL 4"/>
  211.  
  212. <meta name="text:Navigation 5 Title" content="Title 5"/>
  213. <meta name="text:Navigation 5 Link" content="Link/URL 5"/>
  214.  
  215. <meta name="text:Navigation 6 Title" content="Title 6"/>
  216. <meta name="text:Navigation 6 Link" content="Link/URL 6"/>
  217.  
  218. <meta name="text:Navigation 7 Title" content="Title 7"/>
  219. <meta name="text:Navigation 7 Link" content="Link/URL 7"/>
  220.  
  221. <meta name="text:Navigation 8 Title" content="Title 8"/>
  222. <meta name="text:Navigation 8 Link" content="Link/URL 8"/>
  223.  
  224. <meta name="text:Navigation 9 Title" content="Title 9"/>
  225. <meta name="text:Navigation 9 Link" content="Link/URL 9"/>
  226.  
  227. <meta name="text:Navigation 10 Title" content="Title 10"/>
  228. <meta name="text:Navigation 10 Link" content="Link/URL 10"/>
  229.  
  230. <meta name="text:Navigation 11 Title" content="Title 11"/>
  231. <meta name="text:Navigation 11 Link" content="Link/URL 11"/>
  232.  
  233. <meta name="text:Navigation 12 Title" content="Title 12"/>
  234. <meta name="text:Navigation 12 Link" content="Link/URL 12"/>
  235.  
  236. <meta name="text:Navigation 13 Title" content="Title 13"/>
  237. <meta name="text:Navigation 13 Link" content="Link/URL 13"/>
  238.  
  239. <meta name="text:Navigation 14 Title" content="Title 14"/>
  240. <meta name="text:Navigation 14 Link" content="Link/URL 14"/>
  241.  
  242.  
  243.  
  244.  
  245. <style type="text/css">
  246.  
  247.  
  248.  
  249.  
  250. /* SCROLLBAR */
  251.  
  252. ::-webkit-scrollbar {
  253. background:transparent;
  254. height: 0px;
  255. display:none;
  256. width: 0px; /* remove scrollbar space */
  257. -ms-overflow-style: none; // IE 10+
  258. overflow: -moz-scrollbars-none; // Firefox
  259. }
  260.  
  261.  
  262. ::-webkit-scrollbar-thumb {
  263. background:transparent;
  264. }
  265.  
  266.  
  267. /* TEXT SELECTION */
  268.  
  269. ::selection {background: #ffffff; color:{color:bold};}
  270. ::-moz-selection {background: #ffffff; color:{color:bold};}
  271.  
  272.  
  273.  
  274.  
  275.  
  276.  
  277. /* TOOLTIP */
  278.  
  279.  
  280. #s-m-t-tooltip {
  281. z-index:999999;
  282. max-width:350px;
  283. margin-left:10px;
  284. margin-top:10px;
  285. font-weight:lighter!important;
  286. background-color:#000000;
  287. border:1px solid #151515;
  288. padding-top:5px;
  289. padding-bottom:5px;
  290. padding-left:16px;
  291. padding-right:16px;
  292. font-family:calibri;
  293. font-style:normal;
  294. font-size:9px;
  295. color: {color:bold};
  296. text-transform:uppercase;
  297. letter-spacing:0px;
  298. }
  299.  
  300.  
  301.  
  302.  
  303.  
  304.  
  305. /* FOUNDATION */
  306.  
  307.  
  308. body {
  309. background-image:url('{image:Background}');
  310. background-attachment:fixed;
  311. background-repeat:no-repeat;
  312. background-position:top left;
  313. background-color:#000000;
  314. color:{color:Body Text};
  315. font-size:10px;
  316. line-height:14px;
  317. word-spacing:-1px;
  318. color:{color:Body Text};
  319. font-family: 'Frank Ruhl Libre', serif;
  320. word-wrap: break-word;
  321. }
  322.  
  323.  
  324. body a {
  325. font-size:12px;
  326. color:{color:links};
  327. font-weight:bold;
  328. text-decoration:none!important;
  329. -moz-transition-duration:1s;
  330. -webkit-transition-duration:1s;
  331. -o-transition-duration:1s;
  332. }
  333.  
  334. body a:hover {
  335. color:{color:links hover};
  336. -moz-transition-duration:1s;
  337. -webkit-transition-duration:1s;
  338. -o-transition-duration:1s;
  339. }
  340.  
  341.  
  342.  
  343.  
  344.  
  345. /* BLOCKQUOTES */
  346.  
  347. {block:IfBoxedBlockquotes}
  348.  
  349. blockquote {
  350. padding-left:24px;
  351. padding-right:24px;
  352. padding-top:12px;
  353. padding-bottom:12px;
  354. margin-top:12px;
  355. margin-bottom:24px;
  356. text-align:justify;
  357. margin-left:0px;
  358. margin-right:0px;
  359. border:1px solid #151515;
  360. word-wrap: break-word!important;
  361. }
  362.  
  363.  
  364.  
  365. blockquote blockquote {
  366. width: auto;
  367. overflow: hidden;
  368. border-left:1px solid #151515;!important;
  369. border-top:0px!important;
  370. border-bottom:0px!important;
  371. border-right:0px!important;
  372. outline:0px solid transparent;
  373. padding-left:24px;
  374. padding-right:0px;
  375. padding-top:0px;
  376. padding-bottom:0px;
  377. margin-top:12px!important;
  378. margin-bottom:0px!important;
  379. }
  380. {/block:IfBoxedBlockquotes}
  381.  
  382.  
  383. {block:IfNotBoxedBlockquotes}
  384. blockquote {
  385. padding-left:24px;
  386. margin-top:12px;
  387. margin-left:0px;
  388. margin-right:0px;
  389. text-align:justify;
  390. margin-bottom:24px;
  391. border-left:1px solid #151515;
  392. background-color:transparent;
  393. word-wrap: break-word!important;
  394. }
  395.  
  396.  
  397.  
  398. blockquote blockquote {
  399. width: auto;
  400. overflow: hidden;
  401. margin-top:15px;
  402. margin-bottom:15px;
  403. }
  404.  
  405.  
  406. blockquote img {
  407. max-width:386px!important;
  408. height:auto;
  409. }
  410. {/block:IfNotBoxedBlockquotes}
  411.  
  412.  
  413.  
  414.  
  415.  
  416. /* FONT-RELATED */
  417.  
  418.  
  419. small, sub, sup {
  420. font-size:10px;
  421. }
  422.  
  423.  
  424. big {
  425. font-size:120%;
  426. }
  427.  
  428.  
  429. b, bold, strong {
  430. font-size:8.5px;
  431. letter-spacing:0.3px;
  432. text-transform:uppercase;
  433. font-family: calibri, sans-serif;
  434. font-weight:bold!important;
  435. color:{color:bold};
  436. text-shadow: 0px 0px 1px {color:bold};
  437. }
  438.  
  439.  
  440. em, i, italic {
  441. font-style:italic;
  442. }
  443.  
  444.  
  445. u {
  446. text-decoration:none!important;
  447. }
  448.  
  449.  
  450. {block:ifFirstLetterStyling}
  451. u, u a {
  452. background-color: #000000;
  453. border: 1px solid #151515;
  454. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  455. color: #000000;
  456. text-decoration:none!important;
  457. font-style:normal!important;
  458. font-weight:100!important;
  459. text-transform:uppercase!important;
  460. float: left;
  461. height:60px;
  462. width:60px;
  463. font-size: 48px;
  464. margin-right: 12px;
  465. position: relative;
  466. text-align: center;
  467. vertical-align: middle;
  468. line-height: 60px;
  469. text-shadow:
  470. -1px -1px 0 #151515,
  471. 1px -1px 0 #151515,
  472. -1px 1px 0 #151515,
  473. 1px 1px 0 #151515;
  474. }
  475. {/block:ifFirstLetterStyling}
  476.  
  477.  
  478.  
  479. pre {
  480. font-weight:lighter;
  481. text-transform:uppercase;
  482. line-height:155%;
  483. font-weight:lighter!important;
  484. font-size:8.4px;
  485. letter-spacing:0.6px;
  486. white-space: pre-wrap;
  487. white-space: -moz-pre-wrap;
  488. white-space: -pre-wrap;
  489. white-space: -o-pre-wrap;
  490. word-wrap: break-word;
  491. }
  492.  
  493.  
  494. pre a {
  495. font-weight:lighter!important;
  496. -moz-transition-duration:2s;
  497. -webkit-transition-duration:2s;
  498. -o-transition-duration:2s;
  499. }
  500.  
  501.  
  502.  
  503. h1 {
  504. background-image:url('');
  505. background-repeat:repeat;
  506. background-attachment:fixed;
  507. border:1px solid #151515;
  508. height:24px;
  509. line-height:24px;
  510. margin-bottom:24px;
  511. padding-left:24px;
  512. padding-right:24px;
  513. text-align:left;
  514. font-family: calibri, sans-serif;
  515. font-style:normal;
  516. font-weight:bold;
  517. font-size:8.5px;
  518. color: {color:bold};
  519. letter-spacing:0.6px;
  520. text-transform:uppercase;
  521. background-color:#000000;
  522. text-shadow: 0px 0px 1px {color:bold};
  523. }
  524.  
  525.  
  526.  
  527. h1 a {
  528. font-weight:bold;
  529. color: #d1d1d1!important;
  530. }
  531.  
  532.  
  533.  
  534. h2 {
  535. font-family: calibri, sans-serif;
  536. font-size:13.4px;
  537. text-transform:uppercase!important;
  538. color:{color:bold};
  539. letter-spacing:-0.4px;
  540. }
  541.  
  542.  
  543.  
  544. h2 a {
  545. font-family: calibri, sans-serif;
  546. font-size:13.4px!important;
  547. text-transform:uppercase!important;
  548. color:{color:links};
  549. letter-spacing:-0.4px;
  550. }
  551.  
  552.  
  553.  
  554.  
  555. h4 {
  556. background-image:url('');
  557. background-repeat:repeat;
  558. background-attachment:fixed;
  559. border:1px solid #151515;
  560. height:24px;
  561. line-height:24px;
  562. margin-bottom:24px;
  563. padding-left:24px;
  564. padding-right:24px;
  565. text-align:left;
  566. font-family:calibri;
  567. font-style:normal;
  568. font-weight:bold;
  569. font-size:10px;
  570. color: {color:bold};
  571. text-transform:uppercase;
  572. background-color:#000000;
  573. }
  574.  
  575.  
  576.  
  577. h4 a {
  578. font-family:calibri;
  579. font-style:normal;
  580. font-weight:700;
  581. font-size:10px;
  582. line-height:10px;
  583. text-shadow: 0px 0px 1px #000;
  584. color: {color:bold};
  585. }
  586.  
  587.  
  588.  
  589.  
  590.  
  591.  
  592. /* DESCRIPTION */
  593.  
  594. .bottombox {
  595. position:fixed;
  596. width:478px;
  597. left:142px;
  598. top:489px;
  599. }
  600.  
  601.  
  602.  
  603. .bottomtitle {
  604. width:479px;
  605. max-width:479px;
  606. text-align:center!important;
  607. color:#ffffff;
  608. position:absolute;
  609. font-family: 'dry_brushregular';
  610. letter-spacing:-7px;
  611. font-size:136px;
  612. top:-97px; /* INCREASE TO -100PX, -150PX ETC. IF A LOT OF TEXT */
  613. text-transform:lowercase;
  614. font-style:italic;
  615. line-height:100px;
  616. text-shadow: 0px -1px 2px rgba(150, 150, 150, 0.5);
  617. -webkit-touch-callout: none; /* iOS Safari */
  618. -webkit-user-select: none; /* Safari */
  619. -khtml-user-select: none; /* Konqueror HTML */
  620. -moz-user-select: none; /* Firefox */
  621. -ms-user-select: none; /* Internet Explorer/Edge */
  622. user-select: none; /* Non-prefixed version, currently
  623. supported by Chrome and Opera */
  624. }
  625.  
  626.  
  627.  
  628. .navi {
  629. width:377px;
  630. height:24px;
  631. line-height:24px;
  632. outline:1px solid #151515;
  633. background-color:#000000;
  634. text-align: center;
  635. letter-spacing:0px;
  636. padding-left:25px;
  637. padding-right:25px;
  638. margin-left:26px;
  639. margin-top:18px;
  640. left:141px;
  641. top:488px!important;
  642. font-family:calibri!important;
  643. overflow-x:hidden;
  644. position:fixed;
  645. z-index:99999999999;
  646. }
  647.  
  648.  
  649.  
  650. .navi a {
  651. font-size:8.5px;
  652. letter-spacing:0.3px;
  653. text-transform:uppercase;
  654. font-family: calibri, sans-serif;
  655. font-weight:bold!important;
  656. color:{color:bold};
  657. text-shadow: 0px 0px 1px {color:bold};
  658. margin-left:22px;
  659. }
  660.  
  661.  
  662. .navi a:first-child {
  663. margin-left:0px!important;
  664. padding-left:0px!important;
  665. }
  666.  
  667.  
  668. .navi b {
  669. color:{color:bold};
  670. }
  671.  
  672.  
  673.  
  674.  
  675. .description {
  676. position:relative;
  677. height:48px;
  678. max-height:48px;
  679. padding-left:24px;
  680. padding-right:24px;
  681. border-top:36px solid transparent;
  682. padding-bottom:18px;
  683. margin-top:28px;
  684. text-align:justify;
  685. overflow-y:scroll;
  686. line-height:16px;
  687. z-index:99999999999999999999999999999;
  688. }
  689.  
  690.  
  691.  
  692.  
  693. {block:ifFirstLetterStyling}
  694. .description:first-letter {
  695. background-color: #000000;
  696. border: 1px solid #151515;
  697. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  698. color: #000000;
  699. text-decoration:none!important;
  700. font-style:normal!important;
  701. font-weight:100!important;
  702. text-transform:uppercase!important;
  703. float: left;
  704. height:60px;
  705. width:60px;
  706. font-size: 48px;
  707. margin-right: 12px;
  708. position: relative;
  709. text-align: center;
  710. padding-left:15px;
  711. padding-right:15px;
  712. vertical-align: middle;
  713. line-height: 60px;
  714. text-shadow:
  715. -1px -1px 0 #151515,
  716. 1px -1px 0 #151515,
  717. -1px 1px 0 #151515,
  718. 1px 1px 0 #151515;
  719. }
  720. {/block:ifFirstLetterStyling}
  721.  
  722.  
  723.  
  724.  
  725.  
  726. /* POPUPS: GENERAL */
  727.  
  728.  
  729. .popup_block {
  730. display:none;
  731. background-color:#000000;
  732. height:330px!important;
  733. top:290px;
  734. left:397px!important;
  735. opacity:1;
  736. position:fixed;
  737. z-index:9999999;
  738. padding-left:24px!important;
  739. padding-right:24px!important;
  740. outline:1px solid #151515;
  741. border-top:24px solid #000000;
  742. border-bottom:24px solid #000000;
  743. overflow-y:scroll;
  744. text-align:justify;
  745. overflow-x:hidden;
  746. }
  747.  
  748.  
  749.  
  750.  
  751.  
  752. .popup_block a {
  753. margin-right:0px;
  754. vertical-align:top;
  755. font-family: calibri, sans-serif;
  756. font-size:8px;
  757. color:#ffffff;
  758. font-weight:lighter!important;
  759. padding-bottom:3px;
  760. position: relative;
  761. text-decoration:none;
  762. text-transform:uppercase;
  763. }
  764.  
  765.  
  766.  
  767. *html #fade {
  768. position: absolute;
  769. }
  770.  
  771.  
  772.  
  773. *html .popup_block {
  774. position: absolute;
  775. }
  776.  
  777.  
  778.  
  779. #fade {
  780. display:none;
  781. position:fixed;
  782. left:0px;
  783. top:0px;
  784. width:100%;
  785. height:100%;
  786. z-index:9;
  787. background:#000;
  788. opacity:0;
  789. }
  790.  
  791.  
  792. #intro {
  793. margin-top:4px;
  794. margin-bottom:24px;
  795. border:1px solid #151515;
  796. padding-left:24px;
  797. padding-right:24px;
  798. padding-top:24px;
  799. padding-bottom:24px;
  800. {block:ifFirstLetterStyling}
  801. min-height:42px;
  802. {/block:ifFirstLetterStyling}
  803. }
  804.  
  805. {block:ifFirstLetterStyling}
  806. #intro:first-letter {
  807. background-color: #000000;
  808. border: 1px solid #151515;
  809. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  810. color: #cecece;
  811. text-decoration:none!important;
  812. font-style:normal!important;
  813. font-weight:100!important;
  814. text-transform:uppercase!important;
  815. float: left;
  816. font-size: 36px;
  817. margin-right: 11px;
  818. margin-top: 0px;
  819. padding-right: 15px;
  820. padding-top:14px;
  821. padding-bottom:14px;
  822. padding-left:15px;
  823. }
  824. {/block:ifFirstLetterStyling}
  825.  
  826.  
  827.  
  828.  
  829.  
  830.  
  831.  
  832. /* POPUPS: TABS */
  833.  
  834. #headerbar{
  835. left:50%;
  836. top:50%;
  837. overflow:scroll;
  838. text-align:justify;
  839. color:#eee;
  840. font-family:calibri;
  841. font-size:12px;
  842. }
  843.  
  844. #tabbar{
  845. left:50%;
  846. top:50%;
  847. margin-left:
  848. overflow: scroll;
  849. text-align:justify;
  850. color:#222;
  851. font-family:calibri;
  852. font-size:12px;
  853. }
  854.  
  855. ul#tabs {text-align: center;}
  856. ul#tabs li {
  857. display: inline-block;
  858. background-repeat:repeat;
  859. background-attachment:fixed;
  860. border:1px solid #171717; /* INACTIVE TAB */
  861. width:158px;
  862. font-weight:bold;
  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. text-shadow: 0px 0px 1px #000;
  870. padding: 10px 10px;
  871. margin-bottom: 4px;
  872. cursor:pointer;
  873. }
  874.  
  875. ul#tabs li.active {
  876. display: inline-block;
  877. padding:9px;
  878. text-align:center;
  879. font-family:calibri;
  880. font-style:normal;
  881. font-weight:700;
  882. font-size:10px;
  883. line-height:10px;
  884. text-shadow: 0px 0px 1px #000;
  885. background:#ffffff;
  886. font-weight:bold;
  887. font-size:10px;
  888. border:1px solid #171717; /* ACTIVE TAB */
  889. color:#e6e6e6;
  890. padding: 10px 10px;
  891. margin-bottom: 4px;
  892. cursor:pointer;
  893. }
  894.  
  895. ul#tab, ul#tabs{
  896. list-style-type:none;
  897. margin:0px;padding:0px;
  898. }
  899.  
  900. ul#tab li.active {
  901. display: block;
  902. }
  903.  
  904. ul#tab li {
  905. display: none;
  906. }
  907.  
  908.  
  909.  
  910.  
  911.  
  912. /* POPUPS: NAVIGATION */
  913.  
  914.  
  915.  
  916. .nvlinks {
  917. margin-left:0px;
  918. margin-top:5px;
  919. padding-top:0px;
  920. padding-bottom:0px;
  921. }
  922.  
  923.  
  924.  
  925. .nvlinks a {
  926. box-sizing: border-box;
  927. display:inline-block;
  928. font-family: calibri, sans-serif;
  929. font-weight:lighter!important;
  930. width: 210px;
  931. padding-left:24px!important;
  932. padding-right:24px!important;
  933. margin-right:3px;
  934. margin-bottom:8px;
  935. height:24px!important;
  936. line-height:22px!important;
  937. text-align:center;
  938. background:#000000;
  939. border: 1px solid #151515;
  940. color:{color:body text};
  941. text-shadow: 0px 0px 1px {color:body text};
  942. font-size:8.5px;
  943. letter-spacing:0.1px;
  944. cursor: pointer;
  945. z-index:2;
  946. }
  947.  
  948.  
  949. .nvlinks a:nth-child(even) {
  950. margin-right:0px!important;
  951. }
  952.  
  953. .nvlinks a:last-child {
  954. margin-left:5px;
  955. margin-right:0px!important;
  956. }
  957.  
  958.  
  959. .nvlinks a:hover {
  960. background-color:{color:bold};
  961. opacity:0.5;
  962. color:#ffffff;
  963. }
  964.  
  965.  
  966.  
  967.  
  968.  
  969.  
  970.  
  971. /* POSTS: GENERAL */
  972.  
  973.  
  974. #container {
  975. position:fixed;
  976. height:504px;
  977. width:430px;
  978. left:646px;
  979. top:85px;
  980. background-color:#000000;
  981. overflow-y:scroll;
  982. border-top:24px solid #000000;
  983. border-bottom:24px solid #000000;
  984. padding-left:24px;
  985. padding-right:24px;
  986. z-index:9999;
  987. outline:1px solid #151515!important;
  988. }
  989.  
  990.  
  991.  
  992.  
  993. .posts {
  994. width:430px;
  995. word-wrap: break-word;
  996. text-align:justify;
  997. background-color:#000000;
  998. line-height:14px;
  999. margin-bottom:25px;
  1000. }
  1001.  
  1002.  
  1003.  
  1004.  
  1005. .posts a {
  1006. font-family: calibri;
  1007. text-transform:uppercase;
  1008. font-size:9px;
  1009. font-weight:bold!important;
  1010. color: #2d2d2d;
  1011. text-shadow: 0px 0px 1px #2d2d2d;
  1012. -moz-transition-duration:2s;
  1013. -webkit-transition-duration:2s;
  1014. -o-transition-duration:2s;
  1015. }
  1016.  
  1017. .posts a:hover {
  1018. color:{color:links hover};
  1019. -moz-transition-duration:2s;
  1020. -webkit-transition-duration:2s;
  1021. -o-transition-duration:2s;
  1022. }
  1023.  
  1024.  
  1025. .posts img {
  1026. max-width: -webkit-calc(100% - 22px);
  1027. max-width: -moz-calc(100% - 22px);
  1028. max-width: calc(100% - 22px);
  1029. height:auto;
  1030. }
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037.  
  1038. /* TEXT-WRAPPING AROUND ICONS/IMAGES */
  1039.  
  1040.  
  1041. #wrap {
  1042. margin-top:12px;
  1043. margin-bottom: 12px;
  1044. }
  1045.  
  1046.  
  1047.  
  1048. #wrap img {
  1049. width: auto;
  1050. overflow: hidden;
  1051. margin-top:0px!important;
  1052. margin-bottom:0px!important;
  1053. padding-right:3px;
  1054. padding-bottom:3px;
  1055. {block:IfTextWrapping}
  1056. float:left;
  1057. margin-right:14px;
  1058. {/block:IfTextWrapping}
  1059. {block:ificonborders}
  1060. padding:9px;
  1061. border:1px solid #151515;
  1062. {/block:ificonborders}
  1063. -webkit-filter: brightness(1) contrast(1) saturate(1);
  1064. }
  1065.  
  1066.  
  1067. {block:IfTextWrapping}
  1068. #wrap blockquote img {
  1069. margin-top:10px!important;
  1070. margin-bottom:0px!important;
  1071. margin-left:14px;
  1072. margin-right:0px!important;
  1073. float:right;
  1074. }
  1075. {/block:IfTextWrapping}
  1076.  
  1077.  
  1078.  
  1079.  
  1080.  
  1081. /* POSTS: TEXT */
  1082.  
  1083.  
  1084.  
  1085. #textbody {
  1086. {block:permalinkpage}
  1087. padding-top:0px;
  1088. {/block:permalinkpage}
  1089.  
  1090. }
  1091.  
  1092.  
  1093.  
  1094.  
  1095.  
  1096. /* POSTS: PHOTO/PHOTOSETS */
  1097.  
  1098. #psingle {
  1099. width:452px;
  1100. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.75);
  1101. -webkit-transition: all 0.9s ease-in-out;
  1102. -moz-transition: all 0.9s ease-in-out;
  1103. -o-transition: all 0.9s ease-in-out;
  1104. -ms-transition: all 0.9s ease-in-out;
  1105. transition: all 0.9s ease-in-out;
  1106. }
  1107.  
  1108.  
  1109.  
  1110. #psingle:hover {
  1111. -webkit-filter: brightness(1) contrast(1.1) saturate(0.75);
  1112. -webkit-transition: all 0.9s ease-in-out;
  1113. -moz-transition: all 0.9s ease-in-out;
  1114. -o-transition: all 0.9s ease-in-out;
  1115. -ms-transition: all 0.9s ease-in-out;
  1116. transition: all 0.9s ease-in-out;
  1117. }
  1118.  
  1119.  
  1120.  
  1121. #pset {
  1122. width:431px;
  1123. -webkit-filter: brightness(1) contrast(1.1) saturate(1);
  1124. -webkit-transition: all 0.9s ease-in-out;
  1125. -moz-transition: all 0.9s ease-in-out;
  1126. -o-transition: all 0.9s ease-in-out;
  1127. -ms-transition: all 0.9s ease-in-out;
  1128. transition: all 0.9s ease-in-out;
  1129. }
  1130.  
  1131.  
  1132.  
  1133. #pset:hover {
  1134. -webkit-filter: brightness(1) contrast(1.1) saturate(1);
  1135. -webkit-transition: all 0.9s ease-in-out;
  1136. -moz-transition: all 0.9s ease-in-out;
  1137. -o-transition: all 0.9s ease-in-out;
  1138. -ms-transition: all 0.9s ease-in-out;
  1139. transition: all 0.9s ease-in-out;
  1140. }
  1141.  
  1142.  
  1143.  
  1144.  
  1145.  
  1146.  
  1147. /* POSTS: QUOTE */
  1148.  
  1149.  
  1150.  
  1151. #quote {
  1152. font-family:calibri, sans-serif;
  1153. text-transform:uppercase;
  1154. text-align:justify;
  1155. font-size:9px;
  1156. padding-top:0px;
  1157. line-height:165%;
  1158. letter-spacing:0px;
  1159. min-height:52px;
  1160. }
  1161.  
  1162.  
  1163.  
  1164. #quote:first-letter {
  1165. background-color: #000000;
  1166. border: 1px solid #151515;
  1167. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  1168. color:{color:First Letter}!important;
  1169. text-decoration:none!important;
  1170. font-style:normal!important;
  1171. font-weight:100!important;
  1172. text-transform:uppercase!important;
  1173. color:#000000;
  1174. float: left;
  1175. font-size: 42px;
  1176. margin-right: 11px;
  1177. margin-top: 3px;
  1178. padding-right: 13px;
  1179. padding-top:17px;
  1180. padding-bottom:17px;
  1181. padding-left:13px;
  1182. text-shadow:
  1183. -1px -1px 0 #151515,
  1184. 1px -1px 0 #151515,
  1185. -1px 1px 0 #151515,
  1186. 1px 1px 0 #151515;
  1187. }
  1188.  
  1189.  
  1190.  
  1191. .source {
  1192. font-family:calibri;
  1193. font-weight:bold;
  1194. height:24px;
  1195. color:#2d2d2d;
  1196. text-shadow: 0px 0px 1px #2d2d2d;
  1197. text-transform:uppercase;
  1198. }
  1199.  
  1200.  
  1201.  
  1202.  
  1203.  
  1204.  
  1205. /* POSTS: LINK */
  1206.  
  1207.  
  1208.  
  1209. #link {
  1210. border:1px solid #151515;
  1211. padding:24px;
  1212. }
  1213.  
  1214.  
  1215. #link a {
  1216. font-size:12px;
  1217. }
  1218.  
  1219.  
  1220.  
  1221.  
  1222.  
  1223.  
  1224. /* POSTS: CHAT */
  1225.  
  1226.  
  1227.  
  1228. #chat {
  1229. margin-top:0px;
  1230. }
  1231.  
  1232.  
  1233.  
  1234.  
  1235.  
  1236.  
  1237. /* POSTS: AUDIO */
  1238.  
  1239.  
  1240. .player {
  1241. opacity: 1;
  1242. position: absolute;
  1243. z-index: 1;
  1244. width: 50px;
  1245. margin-top: 6px;
  1246. margin-left: 12px;
  1247. display: block;
  1248. color:transparent!important;
  1249. background-color:transparent!important;
  1250. }
  1251.  
  1252. .audioplayer {
  1253. width: 24px;
  1254. height: 24px;
  1255. margin-left: 0px;
  1256. overflow: hidden;
  1257. padding: 0px;
  1258. background-color:transparent!important;
  1259. }
  1260.  
  1261.  
  1262.  
  1263. .audioinfo {
  1264. border:1px solid #151515;
  1265. padding-left:48px;
  1266. padding-right:24px;
  1267. padding-top:12px;
  1268. padding-bottom:12px;
  1269. display: block;
  1270. font-family:calibri;
  1271. font-weight:bold;
  1272. text-transform: uppercase;
  1273. text-align: left;
  1274. letter-spacing:0px;
  1275. word-spacing:-0.5px;
  1276. font-size:10px;
  1277. color: #2d2d2d;
  1278. text-shadow: 0px 0px 1px #2d2d2d;
  1279. background: transparent;
  1280. }
  1281.  
  1282.  
  1283. #acaption {
  1284. margin-top:24px!important;
  1285. margin-left:-24px;
  1286. padding-left:24px;
  1287. }
  1288.  
  1289. #acaption a {
  1290. font-size:10px;
  1291. }
  1292.  
  1293.  
  1294.  
  1295.  
  1296.  
  1297.  
  1298. /* POSTS: VIDEO */
  1299.  
  1300. .video-container {
  1301. position: relative;
  1302. padding-bottom: 56.25%;
  1303. padding-top: 30px;
  1304. height: 0;
  1305. overflow: hidden;
  1306. }
  1307.  
  1308. .video-container iframe,
  1309. .video-container object,
  1310. .video-container embed {
  1311. position: absolute;
  1312. top: 0;
  1313. left: 0;
  1314. width: 100%;
  1315. height: 100%;
  1316. }
  1317.  
  1318.  
  1319.  
  1320.  
  1321.  
  1322.  
  1323.  
  1324. /* POSTS: ASK */
  1325.  
  1326.  
  1327. #question {
  1328. border-top:0px solid #151515;
  1329. width: 80%;
  1330. margin-top:1px;
  1331. height:70px;
  1332. }
  1333.  
  1334.  
  1335.  
  1336. #ask {
  1337. z-index:999999!important;
  1338. float:left;
  1339. font-family:calibri, sans-serif;
  1340. text-transform:uppercase;
  1341. position: absolute;
  1342. font-weight:bold;
  1343. background-color:#000000;
  1344. font-size:9px;
  1345. line-height:12px!important;
  1346. width:316px;
  1347. min-height:21px;
  1348. max-height:21px;
  1349. overflow:scroll;
  1350. margin-top:0px;
  1351. margin-left:0px;
  1352. margin-bottom:0px;
  1353. padding-left:24px;
  1354. padding-right:24px;
  1355. outline:solid 1px #151515;
  1356. border-top:22px solid #000000;
  1357. border-bottom:22px solid #000000;
  1358. -moz-transition-duration:1.5s;
  1359. -webkit-transition-duration:1.5s;
  1360. -o-transition-duration:1.5s;
  1361. }
  1362.  
  1363.  
  1364.  
  1365. #ask:hover {
  1366. max-height:35px!important;
  1367. width:382px;
  1368. z-index:999999!important;
  1369. -moz-transition-duration:1.5s;
  1370. -webkit-transition-duration:1.5s;
  1371. -o-transition-duration:1.5s;
  1372. }
  1373.  
  1374.  
  1375. #ask a {
  1376. font-weight:lighter;
  1377. color:{color:bold};
  1378. font-size:9px;
  1379. text-decoration:none;
  1380. }
  1381.  
  1382.  
  1383. #ask b {
  1384. color:{color:body text};
  1385. font-size:9px;
  1386. line-height:11px;
  1387. font-family:calibri!important;
  1388. }
  1389.  
  1390.  
  1391.  
  1392. .letterask {
  1393. font-family:'Frank Ruhl Libre', serif;
  1394. position:relative;
  1395. z-index:9999!important;
  1396. position:absolute;
  1397. text-align:center;
  1398. font-size:48px;
  1399. margin-left:365px;
  1400. outline:1px solid #151515;
  1401. background-color:#000000;
  1402. padding-top:25px;
  1403. padding-bottom:26px;
  1404. padding-left:15px;
  1405. padding-right:15px;
  1406. color:#000000;
  1407. -webkit-user-select: none; /* Chrome all / Safari all */
  1408. -moz-user-select: none; /* Firefox all */
  1409. -ms-user-select: none; /* IE 10+ */
  1410. user-select: none; /* Likely future */
  1411. text-shadow:
  1412. -1px -1px 0 #151515,
  1413. 1px -1px 0 #151515,
  1414. -1px 1px 0 #151515,
  1415. 1px 1px 0 #151515;
  1416. }
  1417.  
  1418.  
  1419.  
  1420.  
  1421. #response {
  1422. margin-top:24px;
  1423. padding-top:0px;
  1424. padding-bottom:0px;
  1425. }
  1426.  
  1427.  
  1428. #response img {
  1429. float:left;
  1430. position:relative;
  1431. margin-left:-1px!important;
  1432. margin-right:13px;
  1433. margin-top:0px;
  1434. margin-bottom:5px;
  1435. padding:8px;
  1436. border:1px solid #151515;
  1437. -webkit-filter: brightness(1) contrast(1) saturate(1);
  1438. }
  1439.  
  1440.  
  1441.  
  1442.  
  1443.  
  1444.  
  1445.  
  1446.  
  1447.  
  1448. {block:IfNotClickonTags}
  1449.  
  1450. /* POST INFORMATION -- NO CLICK ON TAGS */
  1451.  
  1452.  
  1453. .permalinkbar {
  1454. margin-top:12px!important;
  1455. color:#151515!important;
  1456. }
  1457.  
  1458.  
  1459. .permalinkbuttons {
  1460. height:24px;
  1461. background-color:#000000;
  1462. font-weight:bold!important;
  1463. padding-left:24px;
  1464. padding-right:24px;
  1465. line-height:23px;
  1466. letter-spacing:-0.2px;
  1467. margin-left:0px!important;
  1468. margin-bottom:1px!important;
  1469. border:1px solid #151515;
  1470. color:#151515;
  1471. }
  1472.  
  1473.  
  1474. .permalinkbuttons a {
  1475. font-family:calibri;
  1476. background-color:transparent;
  1477. font-weight:bold!important;
  1478. color:#2d2d2d;
  1479. text-shadow: 0px 0px 1px #2d2d2d;
  1480. font-size:9.4px;
  1481. letter-spacing:-0.2px;
  1482. -moz-transition-duration:2s;
  1483. -webkit-transition-duration:2s;
  1484. -o-transition-duration:2s;
  1485. -webkit-user-select: none; /* Chrome all / Safari all */
  1486. -moz-user-select: none; /* Firefox all */
  1487. -ms-user-select: none; /* IE 10+ */
  1488. user-select: none; /* Likely future */
  1489. }
  1490.  
  1491.  
  1492. .permalinkbuttons a:hover {
  1493. color:{color:links};
  1494. -moz-transition-duration:2s;
  1495. -webkit-transition-duration:2s;
  1496. -o-transition-duration:2s;
  1497. }
  1498.  
  1499.  
  1500.  
  1501.  
  1502.  
  1503.  
  1504. .tags {
  1505. font-family: calibri!important;
  1506. font-weight:bold!important;
  1507. background-color:#000000;
  1508. border:1px solid #151515;
  1509. padding-top:6px;
  1510. padding-bottom:6px;
  1511. padding-left:24px;
  1512. padding-right:24px;
  1513. margin-top:-2px;
  1514. color:#2f2f2f;
  1515. text-shadow: 0px 0px 1px #2f2f2f;
  1516. text-transform:uppercase!important;
  1517. font-style:normal;
  1518. line-height:150%;
  1519. font-size:8.4px;
  1520. text-align:justify;
  1521. -moz-text-align-last: center; /* Code for Firefox */
  1522. text-align-last: center;
  1523. }
  1524.  
  1525.  
  1526.  
  1527. .tags a {
  1528. text-decoration:none!important;
  1529. color:#2f2f2f;
  1530. text-shadow: 0px 0px 1px #2f2f2f;
  1531. font-weight:lighter!important;
  1532. color:#2f2f2f;
  1533. text-shadow: 0px 0px 1px #2f2f2f;
  1534. font-size:8.4px;
  1535. margin-right:1px;
  1536. text-transform:uppercase!important;
  1537. font-family: calibri!important;
  1538. -moz-transition-duration:1s;
  1539. -webkit-transition-duration:1s;
  1540. -o-transition-duration:1s;
  1541. }
  1542.  
  1543.  
  1544. .tags a:hover {
  1545. font-weight:bold!important;
  1546. color:{color:bold}!important;
  1547. -moz-transition-duration:2s;
  1548. -webkit-transition-duration:0.2;
  1549. {block:ifBiggerTagsonHover}
  1550. font-size:10px!important;
  1551. {block:ifBiggerTagsonHover}
  1552. }
  1553.  
  1554. {/block:IfNotClickonTags}
  1555.  
  1556.  
  1557.  
  1558.  
  1559.  
  1560. {block:IfClickonTags}
  1561.  
  1562. /* POST INFORMATION -- CLICK ON TAGS */
  1563.  
  1564.  
  1565.  
  1566. .permalinkbar {
  1567. margin-top:12px!important;
  1568. color:#151515!important;
  1569. }
  1570.  
  1571.  
  1572. .permalinkbuttons {
  1573. height:24px;
  1574. background-color:#000000;
  1575. font-weight:bold!important;
  1576. padding-left:24px;
  1577. padding-right:24px;
  1578. line-height:23px;
  1579. letter-spacing:-0.2px;
  1580. margin-left:0px!important;
  1581. margin-bottom:1px!important;
  1582. border:1px solid #151515;
  1583. color:#151515;
  1584. }
  1585.  
  1586.  
  1587. .permalinkbuttons a {
  1588. font-family:calibri;
  1589. background-color:transparent;
  1590. font-weight:bold!important;
  1591. color:#2d2d2d;
  1592. text-shadow: 0px 0px 1px #2d2d2d;
  1593. font-size:9.4px;
  1594. letter-spacing:-0.2px;
  1595. -moz-transition-duration:2s;
  1596. -webkit-transition-duration:2s;
  1597. -o-transition-duration:2s;
  1598. -webkit-user-select: none; /* Chrome all / Safari all */
  1599. -moz-user-select: none; /* Firefox all */
  1600. -ms-user-select: none; /* IE 10+ */
  1601. user-select: none; /* Likely future */
  1602. }
  1603.  
  1604.  
  1605. .permalinkbuttons a:hover {
  1606. color:{color:links};
  1607. -moz-transition-duration:2s;
  1608. -webkit-transition-duration:2s;
  1609. -o-transition-duration:2s;
  1610. }
  1611.  
  1612.  
  1613.  
  1614.  
  1615.  
  1616. .tags {
  1617. font-family: calibri!important;
  1618. font-weight:bold!important;
  1619. background-color:#000000;
  1620. border:1px solid #151515;
  1621. padding-top:6px;
  1622. padding-bottom:6px;
  1623. padding-left:24px;
  1624. padding-right:24px;
  1625. margin-top:-2px;
  1626. color:#2f2f2f;
  1627. text-shadow: 0px 0px 1px #2f2f2f;
  1628. text-transform:uppercase!important;
  1629. font-style:normal;
  1630. line-height:150%;
  1631. font-size:8.4px;
  1632. text-align:left!important;
  1633. }
  1634.  
  1635.  
  1636.  
  1637. .tags a {
  1638. text-decoration:none!important;
  1639. font-weight:bold!important;
  1640. font-size:8.4px;
  1641. margin-right:1px;
  1642. text-transform:uppercase!important;
  1643. font-family: calibri!important;
  1644. color:#2d2d2d;
  1645. text-shadow: 0px 0px 1px #2d2d2d;
  1646. -moz-transition-duration:1s;
  1647. -webkit-transition-duration:1s;
  1648. -o-transition-duration:1s;
  1649. }
  1650.  
  1651.  
  1652. .tags a:hover {
  1653. font-weight:bold!important;
  1654. color:{color:bold}!important;
  1655. -moz-transition-duration:2s;
  1656. -webkit-transition-duration:2s;
  1657. {block:ifBiggerTagsonHover}
  1658. font-size:10px!important;
  1659. {block:ifBiggerTagsonHover}
  1660. }
  1661.  
  1662.  
  1663.  
  1664. .permatags {
  1665. font-family: calibri!important;
  1666. font-weight:lighter!important;
  1667. background-color:#000000;
  1668. border:1px solid #151515;
  1669. padding-top:5px;
  1670. padding-bottom:7px;
  1671. padding-left:24px;
  1672. padding-right:24px;
  1673. margin-bottom:-1px;
  1674. margin-top:-2px;
  1675. color:#2f2f2f;
  1676. text-shadow: 0px 0px 1px #2f2f2f;
  1677. text-transform:uppercase!important;
  1678. font-style:normal;
  1679. line-height:150%;
  1680. font-size:8.4px;
  1681. text-align:left!important;
  1682. }
  1683.  
  1684.  
  1685.  
  1686. .permatags a {
  1687. text-decoration:none!important;
  1688. font-weight:lighter!important;
  1689. font-size:8.4px;
  1690. margin-right:1px;
  1691. text-transform:uppercase!important;
  1692. font-family: calibri!important;
  1693. color:#2f2f2f;
  1694. text-shadow: 0px 0px 1px #2f2f2f;
  1695. font-size:8.4px;
  1696. -moz-transition-duration:1s;
  1697. -webkit-transition-duration:1s;
  1698. -o-transition-duration:1s;
  1699. }
  1700.  
  1701.  
  1702. .permatags a:hover {
  1703. color:{color:bold}!important;
  1704. -moz-transition-duration:2s;
  1705. -webkit-transition-duration:2s;
  1706. {block:ifBiggerTagsonHover}
  1707. font-size:10px!important;
  1708. {block:ifBiggerTagsonHover}
  1709. }
  1710.  
  1711.  
  1712. {/block:IfClickonTags}
  1713.  
  1714.  
  1715.  
  1716.  
  1717.  
  1718. /* PERMAPAGE NOTES */
  1719.  
  1720.  
  1721. .notes {
  1722. text-transform:normal;
  1723. font-style:normal;
  1724. font-size: 10px;
  1725. text-align:left!important;
  1726. outline:1px solid #151515;
  1727. margin-top:24px;
  1728. }
  1729.  
  1730.  
  1731. .notes a {
  1732. text-align:left!important;
  1733. }
  1734.  
  1735.  
  1736.  
  1737. .notes:first-child {
  1738. padding-top:24px;
  1739. }
  1740.  
  1741.  
  1742. .notes li:last-child {
  1743. padding-bottom:24px;
  1744. }
  1745.  
  1746.  
  1747. .notes li {
  1748. text-align:left!important;
  1749. list-style-type:none;
  1750. border:none!important;
  1751. margin-left:-12px;
  1752. line-height:14px;
  1753. text-align:left!important;
  1754. -moz-transition-duration:0.5s;
  1755. -webkit-transition-duration:0.5s;
  1756. -o-transition-duration:0.5s;
  1757. }
  1758.  
  1759.  
  1760.  
  1761. .notes li a {
  1762. font-family:calibri!important;
  1763. font-size:10px!important;
  1764. font-weight:bold;
  1765. text-transform:uppercase;
  1766. letter-spacing:0px;
  1767. color: {color:links};
  1768. text-align:left!important;
  1769. }
  1770.  
  1771.  
  1772.  
  1773. .notes li a:hover {
  1774. color: {color:links hover};
  1775. }
  1776.  
  1777.  
  1778.  
  1779. .notes blockquote {
  1780. border:1px solid #151515;
  1781. padding-top:12px;
  1782. padding-bottom:12px;
  1783. padding-left:24px;
  1784. padding-right:24px;
  1785. margin-top:12px;
  1786. margin-bottom:12px;
  1787. margin-left:0px;
  1788. margin-right:24px;
  1789. }
  1790.  
  1791.  
  1792. .notes img.avatar {
  1793. width: 0px;
  1794. height: 0px;
  1795. }
  1796.  
  1797.  
  1798.  
  1799.  
  1800.  
  1801.  
  1802. /* CREDIT */
  1803.  
  1804.  
  1805. #credit {
  1806. background-color:#000000;
  1807. border:1px solid #151515;
  1808. padding:6px 10px;
  1809. z-index:999;
  1810. position:absolute;
  1811. bottom:44px;
  1812. right:44px;
  1813. width:6px;
  1814. height:14px;
  1815. word-wrap:break-word;
  1816. font-family:calibri;
  1817. overflow:hidden;
  1818. -webkit-transition:all 1s ease;
  1819. -moz-transition:all 1s ease;
  1820. -o-transition:all 1s ease;
  1821. transition:all 1s ease-in-out;
  1822. }
  1823.  
  1824.  
  1825. #credit a {
  1826. color:{color:links};
  1827. text-transform:uppercase;
  1828. font-size:9.5px;
  1829. }
  1830.  
  1831.  
  1832.  
  1833. #credit:hover {
  1834. width:73px;
  1835. }
  1836.  
  1837.  
  1838.  
  1839.  
  1840. #credit span {
  1841. color:{color:bold};
  1842. font-family:calibri;
  1843. margin-right:10px;
  1844. font-size:10.5px;
  1845. }
  1846.  
  1847.  
  1848.  
  1849.  
  1850.  
  1851. </style>
  1852.  
  1853. </head>
  1854.  
  1855. <body>
  1856.  
  1857.  
  1858.  
  1859. <!-- DESCRIPTION + NAVIGATION BAR -->
  1860.  
  1861.  
  1862. <div class="bottombox">
  1863.  
  1864. <div class="bottomtitle">{text:blog title}</div>
  1865.  
  1866. <div class="description">
  1867.  
  1868. {Description}
  1869.  
  1870. </div class="bottombox">
  1871. </div class="description">
  1872.  
  1873.  
  1874.  
  1875. <div class="navi">
  1876. <a href="/" title="Refresh">INDEX</a>
  1877. <a href="#?w=430" rel="INQUIRE" class="poplight">INQUIRE</a>
  1878. <a href="#?w=430" rel="RULES" class="poplight">RULES</a>
  1879. <a href="#?w=430" rel="ABOUT" class="poplight">ABOUT</a>
  1880. {block:ifVersesPopupPage}
  1881. <a href="#?w=430" rel="VERSES" class="poplight">VERSES</a>
  1882. {/block:ifVersesPopupPage}
  1883. {block:ifNavigationPopupPage}
  1884. <a href="#?w=430" rel="NAVIGATE" class="poplight">NAVIGATE</a>
  1885. {/block:ifNavigationPopupPage}
  1886.  
  1887.  
  1888.  
  1889.  
  1890. {block:IndexPage}{block:PreviousPage}
  1891. <a href="{PreviousPage}"><b><<</b></a>
  1892. {/block:PreviousPage}
  1893.  
  1894. {block:NextPage}
  1895. <a href="{NextPage}"><b>>></b></a>
  1896. {/block:NextPage}{/block:IndexPage}
  1897.  
  1898.  
  1899. {block:PermalinkPagination}{block:PreviousPost}
  1900. <a href="{PreviousPost}"><b><<</b></a>
  1901. {/block:PreviousPost}
  1902.  
  1903. {block:NextPost}
  1904. <a href="{NextPost}"><b>>></b></a>
  1905. {/block:NextPost}{/block:PermalinkPagination}
  1906.  
  1907. </div class="navi">
  1908.  
  1909.  
  1910.  
  1911.  
  1912.  
  1913. <!-- POSTS -->
  1914.  
  1915.  
  1916.  
  1917. <div id="container">
  1918.  
  1919. <div class="containerheadertop"></div>
  1920. <div id="containertopspace"></div>
  1921.  
  1922. {block:Posts}
  1923. <div class="posts">
  1924.  
  1925.  
  1926.  
  1927.  
  1928.  
  1929. <!-- POSTS: TEXT -->
  1930.  
  1931.  
  1932. {block:Text}
  1933. <div id="text">
  1934.  
  1935.  
  1936.  
  1937. <div id="textbody">
  1938. {block:Title}
  1939. <h1>{Title}</a></h1>
  1940. {/block:Title}
  1941. <div id="wrap">
  1942. {Body}
  1943. <div style="clear:both">
  1944. </div style="clear:both">
  1945. </div id="wrap">
  1946. </div>
  1947.  
  1948. </div id="text">
  1949.  
  1950. {/block:Text}
  1951.  
  1952.  
  1953.  
  1954.  
  1955.  
  1956. <!-- POSTS: PHOTO/SET -->
  1957.  
  1958. {block:Photo}
  1959. <div id="psingle">
  1960. {LinkOpenTag}
  1961. <img src="{PhotoURL-HighRes}">
  1962. {LinkCloseTag}
  1963. </div id="psingle">
  1964.  
  1965. {block:Caption}
  1966. <div id="pcaption">
  1967. {Caption}
  1968. </div id="pcaption">
  1969. {/block:Caption}
  1970. {/block:Photo}
  1971.  
  1972.  
  1973. {block:Photoset}
  1974. <div id="pset">
  1975. {Photoset}
  1976. </div id="pset">
  1977.  
  1978. {block:Caption}
  1979. <div id="pcaption">
  1980. {Caption}
  1981. </div id="pcaption">
  1982. {/block:Caption}
  1983. {/block:Photoset}
  1984.  
  1985.  
  1986.  
  1987.  
  1988.  
  1989. <!-- POSTS: QUOTE -->
  1990.  
  1991. {block:Quote}
  1992. <div id="quote">
  1993. {Quote} — <span style="font-family:calibri; font-size:10.4px; text-transform:uppercase; color:{color:bold}; font-weight:bold!important; letter-spacing:0.2px;">by {Source}</span>
  1994. </div id="quote">
  1995. {/block:Quote}
  1996.  
  1997.  
  1998.  
  1999.  
  2000.  
  2001. <!-- POSTS: LINK -->
  2002.  
  2003. {block:Link}
  2004. <div id="linkpost">
  2005. <div id="link">
  2006. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; ►</a>
  2007. </div id="link">
  2008. </div id="linkpost">
  2009. {/block:Link}
  2010.  
  2011.  
  2012.  
  2013.  
  2014.  
  2015. <!-- POSTS: CHAT -->
  2016.  
  2017.  
  2018. {block:Chat}
  2019.  
  2020. <div id="chatbox">
  2021. <div id="chat">
  2022. {block:Lines}
  2023. <div id="{Alt}">
  2024. {block:Label}<i>{Label}</i>{/block:Label} {Line}
  2025. </div id="{Alt}">
  2026. {/block:Lines}
  2027. </div id="chat">
  2028. </div id="chatbox">
  2029.  
  2030. {/block:Chat}
  2031.  
  2032.  
  2033.  
  2034.  
  2035.  
  2036. <!-- POSTS: AUDIO -->
  2037.  
  2038. {block:Audio}
  2039. <div id="audiobox">
  2040.  
  2041. <div style="-webkit-filter:grayscale(1);">
  2042.  
  2043. <div class="player">
  2044. <div class="audioplayer">
  2045.  
  2046. {AudioPlayerBlack}
  2047.  
  2048. </div class="audioplayer">
  2049. </div class="player">
  2050.  
  2051. </div style>
  2052.  
  2053. <div class="audioinfo">
  2054. {block:TrackName}{TrackName}{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}
  2055. </div class="audioinfo">
  2056.  
  2057.  
  2058. {block:Caption}
  2059. <div id="acaption">
  2060. {Caption}
  2061. </div id="acaption">
  2062. {/block:Caption}
  2063.  
  2064. </div id="audiobox">
  2065. {/block:Audio}
  2066.  
  2067.  
  2068.  
  2069.  
  2070.  
  2071. <!-- POSTS: VIDEO -->
  2072.  
  2073. {block:Video}
  2074. <div class="video-container">
  2075. {Video-400}
  2076. {block:Caption}{Caption}{/block:Caption}
  2077. </div class="video-container">
  2078. {Caption}
  2079. {/block:Video}
  2080.  
  2081.  
  2082.  
  2083.  
  2084.  
  2085. <!-- POSTS: ASK -->
  2086.  
  2087. {block:Answer}
  2088. <div id="answer">
  2089.  
  2090. <div id="question"><div id="ask"><b>{Asker} is inquiring for information:</b> {Question}</div><div class="letterask">Q</div></div>
  2091.  
  2092.  
  2093.  
  2094.  
  2095. <div id="response">{Answer}<div style="clear:both; margin-bottom:-5px;"></div>
  2096. </div id="response">
  2097.  
  2098. </div id="answer">
  2099. {/block:Answer}
  2100.  
  2101.  
  2102.  
  2103.  
  2104.  
  2105.  
  2106. <!-- POST INFORMATION -- NO CLICK ON TAGS -->
  2107.  
  2108.  
  2109.  
  2110. {block:IfNotClickonTags}
  2111.  
  2112. {block:Date}
  2113.  
  2114. {block:indexpage}
  2115. <div class="permalinkbar">
  2116. <div class="permalinkbuttons">
  2117. <a href="{Permalink}" style="text-align:left;">{Month} {DayOfMonth}{DayOfMonthSuffix} / {12Hour}:{Minutes}{CapitalAmPm} / {NoteCountWithLabel}</a>
  2118. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; ">CLICK HERE TO REBLOG THIS POST</a>
  2119. </div class="permalinkbuttons">
  2120. </div class="permalinkbar">
  2121. {/block:indexpage}
  2122.  
  2123.  
  2124. {block:permalinkpage}
  2125. <div class="permalinkbar" style="margin-top:26px!important;">
  2126. <div class="permalinkbuttons">
  2127. {block:RebloggedFrom}
  2128. <a href="{ReblogParentURL}" style="text-align:left;">REBLOGGED FROM / VIA</a>
  2129. {/block:RebloggedFrom}
  2130. <a href="{ReblogURL}" target="_blank" class="details" style="margin-left:-1px!important; text-align:right; float:right; padding-right:0px;">CLICK HERE TO REBLOG THIS POST</a>
  2131. </div class="permalinkbuttons">
  2132. </div class="permalinkbar">
  2133. {/block:permalinkpage}
  2134.  
  2135.  
  2136.  
  2137. {block:indexpage}
  2138. {block:HasTags}
  2139. <div id="tagsbox">
  2140. <div class="tags">
  2141. {block:Tags}
  2142. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2143. {/block:Tags}
  2144.  
  2145. </div class="tags">
  2146. </div id="tagsbox">
  2147. {/block:HasTags}
  2148. {/block:indexpage}
  2149.  
  2150.  
  2151.  
  2152. {block:permalinkpage}
  2153. <div class="tags">
  2154. {block:HasTags}
  2155. {block:Tags}
  2156. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2157. {/block:Tags}
  2158. {/block:HasTags}
  2159.  
  2160. </div class="tags">
  2161. {/block:permalinkpage}
  2162.  
  2163. {/block:Date}
  2164.  
  2165. {/block:IfNotClickonTags}
  2166.  
  2167.  
  2168.  
  2169.  
  2170.  
  2171.  
  2172.  
  2173.  
  2174. {block:IfClickonTags}
  2175.  
  2176. <div class="perma">
  2177. {block:Date}
  2178. {block:indexpage}
  2179.  
  2180. <div class="permalinkbar">
  2181.  
  2182.  
  2183. <div class="permalinkbuttons">
  2184. <a href="{Permalink}" title="{12Hour}:{Minutes}{CapitalAmPm} / {NoteCountWithLabel}" style="float:left; text-align:left!important; margin-right:0px!important;">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  2185. &nbsp;&nbsp; / &nbsp;
  2186. <a href="#" class="hide">CLICK HERE FOR TAGS </a>
  2187. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; ">CLICK HERE TO REBLOG THIS POST</a>
  2188. </div class="permalinkbuttons">
  2189.  
  2190.  
  2191. </div class="permalinkbar">
  2192.  
  2193. <div class="tags">
  2194. {block:HasTags}
  2195. Tagged with:
  2196. {block:Tags}
  2197. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2198. {/block:Tags}
  2199. {/block:HasTags}
  2200.  
  2201. </div class="tags">
  2202. </div>
  2203. {/block:indexpage}
  2204.  
  2205.  
  2206.  
  2207.  
  2208. {block:permalinkpage}
  2209. <div class="permalinkbar">
  2210. <div class="permalinkbuttons">
  2211. {block:RebloggedFrom}
  2212. <a href="{ReblogParentURL}">REBLOGGED FROM / VIA / SOURCE</a>
  2213. {/block:RebloggedFrom}
  2214.  
  2215. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; ">CLICK HERE TO REBLOG THIS POST</a>
  2216. </div class="permalinkbuttons">
  2217.  
  2218.  
  2219. </div class="permalinkbar">
  2220.  
  2221. <div class="permatags">
  2222. {block:HasTags}
  2223. {block:Tags}
  2224. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2225. {/block:Tags}
  2226. {/block:HasTags}
  2227.  
  2228. </div class="permatags">
  2229. {/block:permalinkpage}
  2230.  
  2231.  
  2232. {/block:Date}
  2233.  
  2234.  
  2235. {/block:IfClickonTags}
  2236.  
  2237.  
  2238.  
  2239.  
  2240.  
  2241. <!-- NOTES -->
  2242.  
  2243.  
  2244. {block:PostNotes}
  2245. <div class="notes">
  2246. {PostNotes}
  2247. </div class="notes">
  2248. {/block:PostNotes}
  2249.  
  2250.  
  2251.  
  2252.  
  2253.  
  2254. <!-- HIDE VIA/SOURCE IN POSTS -->
  2255.  
  2256.  
  2257. {block:ContentSource}<!-- {SourceURL}
  2258. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2259. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2260. {/block:ContentSource}
  2261.  
  2262.  
  2263. <!-- {block:NoRebloggedFrom}
  2264. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2265. {/block:NoRebloggedFrom} -->
  2266.  
  2267.  
  2268.  
  2269. </div class="posts">
  2270.  
  2271. {/block:Posts}
  2272.  
  2273.  
  2274. <div class="containerheaderbottom">
  2275. <div id="containerbottomspace"></div>
  2276. </div class="containerheaderbottom">
  2277.  
  2278.  
  2279. </div id="container">
  2280.  
  2281. </div>
  2282.  
  2283.  
  2284.  
  2285.  
  2286. <!-- POPUP PAGES -->
  2287.  
  2288.  
  2289.  
  2290. <!-- POPUP PAGE: INQUIRE -->
  2291.  
  2292. <div id="INQUIRE" class="popup_block">
  2293.  
  2294.  
  2295. <h1>{text:Popup Page ASK Header}</h1>
  2296.  
  2297. <p>
  2298.  
  2299. <iframe frameborder="0" allowtransparency="true" scrolling="no" width="431px" height="180px" src="https://www.tumblr.com/ask_form/YOURURLHERE.tumblr.com/" style="margin-top:-6px!important; " id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  2300.  
  2301. <p>
  2302. </div id="INQUIRE" class="popup_block">
  2303.  
  2304.  
  2305.  
  2306.  
  2307.  
  2308.  
  2309.  
  2310.  
  2311.  
  2312. <!-- POPUP PAGE: RULES -->
  2313.  
  2314.  
  2315. <div id="RULES" class="popup_block">
  2316.  
  2317. <h1>{text:Popup Page GDL Header}</h1>
  2318.  
  2319.  
  2320. {text:Popup Page GDL Content}
  2321.  
  2322.  
  2323.  
  2324. <p>
  2325. </div id="RULES" class="popup_block">
  2326.  
  2327.  
  2328.  
  2329.  
  2330.  
  2331.  
  2332.  
  2333. <!-- POPUP PAGE: ABOUT -->
  2334.  
  2335.  
  2336. <div id="ABOUT" class="popup_block">
  2337.  
  2338. <h1>{text:Popup Page BIO Header}</h1>
  2339.  
  2340.  
  2341. {text:Popup Page BIO Content}
  2342.  
  2343.  
  2344.  
  2345. <p>
  2346. </div id="ABOUT" class="popup_block">
  2347.  
  2348.  
  2349.  
  2350.  
  2351.  
  2352.  
  2353.  
  2354.  
  2355.  
  2356. {block:ifVersesPopupPage}
  2357.  
  2358. <!-- POPUP PAGE: VERSES -->
  2359.  
  2360.  
  2361. <div id="VERSES" class="popup_block">
  2362.  
  2363. <h1>{text:Popup Page VERSES Header}</h1>
  2364.  
  2365.  
  2366. {text:Popup Page VERSES Content}
  2367.  
  2368.  
  2369.  
  2370. <p>
  2371. </div id="VERSES" class="popup_block">
  2372. </div>
  2373.  
  2374.  
  2375. {block:ifVersesPopupPage}
  2376.  
  2377.  
  2378.  
  2379.  
  2380.  
  2381.  
  2382. <!-- POPUP PAGE NAVIGATE -->
  2383.  
  2384.  
  2385. {block:ifNavigationPopupPage}
  2386.  
  2387. <div id="NAVIGATE" class="popup_block">
  2388.  
  2389. <h1>{text:Popup Page NAV Header}</h1>
  2390.  
  2391. <div class="nvlinks">
  2392.  
  2393. <a href="{text:Navigation 1 Link}">{text:Navigation 1 Title}</a>
  2394. <a href="{text:Navigation 2 Link}">{text:Navigation 2 Title}</a>
  2395. <a href="{text:Navigation 3 Link}">{text:Navigation 3 Title}</a>
  2396. <a href="{text:Navigation 4 Link}">{text:Navigation 4 Title}</a>
  2397. <a href="{text:Navigation 5 Link}">{text:Navigation 5 Title}</a>
  2398. <a href="{text:Navigation 6 Link}">{text:Navigation 6 Title}</a>
  2399. <a href="{text:Navigation 7 Link}">{text:Navigation 7 Title}</a>
  2400. <a href="{text:Navigation 8 Link}">{text:Navigation 8 Title}</a>
  2401. <a href="{text:Navigation 9 Link}">{text:Navigation 9 Title}</a>
  2402. <a href="{text:Navigation 10 Link}">{text:Navigation 10 Title}</a>
  2403. <a href="{text:Navigation 11 Link}">{text:Navigation 11 Title}</a>
  2404. <a href="{text:Navigation 12 Link}">{text:Navigation 12 Title}</a>
  2405. <a href="{text:Navigation 13 Link}">{text:Navigation 13 Title}</a>
  2406. <a href="{text:Navigation 14 Link}">{text:Navigation 14 Title}</a>
  2407.  
  2408. </div class="nvlinks">
  2409.  
  2410.  
  2411. </div id="NAVIGATE" class="popup_block">
  2412. {block:ifNavigationPopupPage}
  2413.  
  2414.  
  2415.  
  2416.  
  2417. <!-- CREDIT -->
  2418.  
  2419. <div id="credit"><div style="width:105px;margin-right:10px;">
  2420. <a href="https://iniziarearchive.tumblr.com/post/172148130832/base-theme-francis-live-preview-in" target="blank">
  2421. <span>S.</span>MADE BY SAE.</a>
  2422. </div></div>
  2423.  
  2424. </body>
  2425. </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!