API tools faq
paste
littlemisswhoever

Theme: Francis (by iniziare)

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