API tools faq
paste
littlemisswhoever

Theme: Mary (by Iniziare)

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