API tools faq
paste
Advertisement
Tsunland

Untitled

Tsunland
Jul 24th, 2019
134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- (BASE) CODE/THEME BY INIZIARE
  4. (ALSO KNOWN AS KHRUSEOS AND LUMENRECTIS) -->
  5.  
  6.  
  7. <!-- Feel free to edit this theme as much as you please, I simply ask you to keep some form of credit here, so that people who may want to do the same as you, can find where the original code came from. Thank you! -->
  8.  
  9. <!-- Statcounter code for Regancrested
  10. https://regancrested.tumblr.com on Tumblr -->
  11. <script type="text/javascript">
  12. var sc_project=12043062;
  13. var sc_invisible=1;
  14. var sc_security="0f771fb5";
  15. var sc_https=1;
  16. var sc_remove_link=1;
  17. var scJsHost = "https://";
  18. document.write("<sc"+"ript type='text/javascript' src='" +
  19. scJsHost+
  20. "statcounter.com/counter/counter.js'></"+"script>");
  21. </script>
  22. <noscript><div class="statcounter"><img class="statcounter"
  23. src="https://c.statcounter.com/12043062/0/0f771fb5/0/"
  24. alt="Web Analytics"></div></noscript>
  25. <!-- End of Statcounter Code -->
  26.  
  27.  
  28. <html>
  29. <head>
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. {block:Description}
  34. <meta name="description" content="{MetaDescription}" />
  35. {/block:Description}
  36. </head>
  37.  
  38.  
  39. <!-- SCRIPT: TOOLTIP -->
  40.  
  41. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  43. <script>
  44. (function($){
  45. $(document).ready(function(){
  46. $("a[title]").style_my_tooltips({
  47. tip_follows_cursor:true,
  48. tip_delay_time:90,
  49. tip_fade_speed:600,
  50. attribute:"title"
  51. });
  52. });
  53. })(jQuery);
  54. </script>
  55.  
  56. <script type="text/javascript"
  57. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  58. <script>
  59. $(document).ready(function() {
  60. //
  61. $('a.poplight[href^=#]').click(function() {
  62. var popID = $(this).attr('rel'); //Get Popup Name
  63. var popURL = $(this).attr('href'); //Get Popup href to define size
  64. var query= popURL.split('?');
  65. var dim= query[1].split('&');
  66. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  67. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="" class="btn_close" title="" alt="" /></a>');
  68. var popMargTop = ($('#' + popID).height() + 80) / 2;
  69. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  70. //Apply Margin to Popup
  71. $('#' + popID).css({
  72. 'margin-top' : -popMargTop,
  73. 'margin-left' : -popMargLeft
  74. });
  75. $('body').append('<div id="fade"></div>');
  76. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  77. return false;
  78. });
  79. $('a.close, #fade').live('click', function() {
  80. $('#fade , .popup_block').fadeOut(function() {
  81. $('#fade, a.close').remove(); //fade them both out
  82. });
  83. return false;
  84. });
  85. });
  86. </script>
  87.  
  88. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  89. <script type="text/javascript">
  90. $(document).ready(function(){
  91. $('.versebox_body').hide();
  92. $('.versebox_head').click(function(){
  93. $(this).next('.versebox_body').slideToggle('fast');
  94. }); }); </script>
  95. <style type="text/css">
  96. .versebox_list { margin:0px; padding:0px; width:100%;}
  97. .versebox_head { padding-top:0px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  98. .versebox_body { padding:10px; text-align:left; display:none;}
  99. </style>
  100.  
  101.  
  102.  
  103. <!-- SCRIPT: jQuery -->
  104.  
  105. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  106.  
  107.  
  108.  
  109. <!-- SCRIPT: AUDIO PLAYER -->
  110.  
  111. <script>
  112. $(document).ready(function() {
  113. $('iframe.tumblr_audio_player').load( function() {
  114. $('iframe.tumblr_audio_player').contents().find("head")
  115. .append($("<style type='text/css'> .audio-player{background:#ffffff !important; color:{color:bold} !important;} </style>"));
  116. });
  117. });
  118. </script>
  119.  
  120.  
  121.  
  122.  
  123.  
  124. <!-- SCRIPT: CLICK -->
  125.  
  126. <script>
  127. $(document).ready(function(){
  128. $(".nav2").hide();
  129. $(".nav1").show();$('.nav1').toggle(function(){
  130. $(".nav2").slideDown(function(){});
  131. },function(){
  132. $(".nav2").slideUp(function(){});
  133. });
  134. });
  135. </script>
  136.  
  137.  
  138.  
  139. <script>
  140. $(document).ready(function(){
  141. $(".tags2").hide();
  142. $(".tags1").show();$('.tags1').toggle(function(){
  143. $(".tags2").slideDown(function(){});
  144. },function(){
  145. $(".tags2").slideUp(function(){});
  146. });
  147. });
  148. </script>
  149.  
  150.  
  151.  
  152.  
  153. <!-- CUSTOM FONTS -->
  154.  
  155. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  156.  
  157. <link rel="stylesheet" href="https://static.tumblr.com/ebrrv1n/vEvpac24x/stylesheet.css">
  158.  
  159.  
  160.  
  161.  
  162.  
  163. <!-- META LINES -->
  164.  
  165.  
  166. <meta name="color:Body Text" content="#8c8a8a" />
  167. <meta name="color:Bold" content="#d1d1d1" />
  168. <meta name="color:Links" content="#d1d1d1" />
  169. <meta name="color:Links Hover" content="#8c8a8a" />
  170.  
  171. <meta name="text:Header" content="">
  172. <meta name="text:Link 1 URL" content="">
  173. <meta name="text:Link 1" content="Link 1.">
  174. <meta name="text:Link 2 URL" content="">
  175. <meta name="text:Link 2" content="Link 2.">
  176. <meta name="text:Link 3 URL" content="">
  177. <meta name="text:Link 3" content="Link 3.">
  178.  
  179. <meta name="if:Grayscale Images" content="1"/>
  180.  
  181.  
  182.  
  183. <style type="text/css">
  184.  
  185.  
  186.  
  187.  
  188.  
  189. /* SCROLLBAR */
  190.  
  191. ::-webkit-scrollbar {
  192. background:transparent;
  193. height: 0px;
  194. display:none;
  195. width: 0px; /* remove scrollbar space */
  196. -ms-overflow-style: none; // IE 10+
  197. overflow: -moz-scrollbars-none; // Firefox
  198. }
  199.  
  200.  
  201. ::-webkit-scrollbar-thumb {
  202. background:transparent;
  203. }
  204.  
  205.  
  206.  
  207. /* TEXT SELECTION */
  208.  
  209. ::selection {background: #f6f6f6; color:{color:body text};}
  210. ::-moz-selection {background: #f6f6f6; color:{color:body text};}
  211.  
  212.  
  213. /* TOOLTIP */
  214.  
  215.  
  216. #s-m-t-tooltip {
  217. z-index:999999;
  218. max-width:350px;
  219. margin-left:10px;
  220. margin-top:10px;
  221. font-weight:normal;
  222. background-color:#ffffff;
  223. border:1px solid #eeeeee;
  224. padding-top:4px;
  225. padding-bottom:4px;
  226. padding-left:14px;
  227. padding-right:14px;
  228. font-family:calibri;
  229. font-style:normal;
  230. font-weight:700;
  231. font-size:9px;
  232. color: {color:bold};
  233. text-transform:uppercase;
  234. letter-spacing:0px;
  235. }
  236.  
  237. /* POPUPS */
  238.  
  239. ul#tabs {
  240. list-style-type: none;
  241. padding: 0;
  242. text-align: center;
  243. font-size:8px;
  244. letter-spacing:1px;
  245. min-width:120px;
  246. }
  247.  
  248. ul#tabs li {
  249. display: table;
  250. background-color: #000;
  251. border: solid 1px #fff;
  252. padding: 4px 12px;
  253. margin-bottom: 4px;
  254. color: #fff;
  255. cursor: pointer;
  256. }
  257.  
  258. ul#tabs li:hover {
  259. background-color: #000;
  260. color: #f76060;
  261. border: 1px solid #fff;
  262. }
  263.  
  264. ul#tabs li.active {
  265. background-color: #000;
  266. color: #f76060;
  267. border: 1px solid #fff;
  268. }
  269.  
  270. ul#tab {
  271. list-style-type: none;
  272. margin: 0;
  273. padding: 0;
  274. }
  275.  
  276. ul#tab li {
  277. display: none;
  278. }
  279.  
  280. ul#tab li.active {
  281. display: block;
  282. }
  283.  
  284. .popup_block{
  285. width: 280px;
  286. height: 650px;
  287. size:80%;
  288. overflow-y:scroll;
  289. overflow-x:hidden;
  290. display:none;
  291. background:transparent;
  292. color:#cecece;
  293. padding:20px;
  294. border:0px solid #eee;
  295. float:left;
  296. position: absolute;
  297. top:510px;
  298. left: 410px;
  299. z-index: 99999;
  300. font-size:10px;
  301. }
  302.  
  303. .popup_block b, strong, bold{
  304. color:#b00028;
  305. font-weight:bold;
  306. }
  307.  
  308.  
  309. *html #fade {position: absolute;}
  310. *html .popup_block {position: absolute;}
  311. #fade {
  312. display:none;
  313. position:fixed;
  314. left:0px;
  315. top:0px;
  316. width:100%;
  317. height:100%;
  318. z-index:9999;
  319. background:transparent; /* change to #fff for solid white */
  320. opacity:1; /* change to opacity:1; */
  321. }
  322.  
  323.  
  324.  
  325. /* FOUNDATION */
  326.  
  327.  
  328. body {
  329. background-image:url('https://i.imgur.com/zw1GtUT.png');
  330. background-attachment:fixed;
  331. background-repeat:no-repeat;
  332. background-color: #a6a6a4;
  333. color:#312523;
  334. font-size:10px;
  335. line-height:15px;
  336. word-spacing:-0.5px;
  337. font-family:calibri;
  338. word-wrap: break-word;
  339. }
  340.  
  341.  
  342.  
  343.  
  344. body a {
  345. font-size:11px;
  346. color:#;
  347. font-weight:bold;
  348. text-decoration:none!important;
  349. -moz-transition-duration:0.6s;
  350. -webkit-transition-duration:0.6s;
  351. -o-transition-duration:0.6s;
  352. }
  353.  
  354.  
  355.  
  356.  
  357. /* BLOCKQUOTES */
  358.  
  359.  
  360.  
  361. blockquote {
  362. padding-left:20px;
  363. text-align:justify;
  364. padding-right:20px;
  365. margin-right:0px;
  366. margin-bottom:22px;
  367. margin-left:0px;
  368. border-left:1px solid #eeeeee;
  369. background-color:transparent;
  370. word-wrap: break-word!important;
  371. }
  372.  
  373.  
  374.  
  375. blockquote blockquote {
  376. margin-top:15px;
  377. margin-bottom:15px;
  378. }
  379.  
  380.  
  381.  
  382.  
  383.  
  384. /* FONT-RELATED */
  385.  
  386.  
  387. small, sub, sub, s {
  388. font-size:10px!important;
  389. }
  390.  
  391.  
  392. big {
  393. font-size:120%;
  394. }
  395.  
  396.  
  397. b, bold, strong {
  398. font-size:10px;
  399. font-weight:bold;
  400. color:#294375;
  401. text-transform:none;
  402. padding-right:1px;
  403. padding-left:1px;
  404. }
  405.  
  406. i, em, {
  407. color:#c25533;
  408. text-transform:lowercase;
  409. padding-right:1px;
  410. padding-left:1px;
  411. }
  412.  
  413.  
  414. h1 {
  415. letter-spacing:0px;
  416. word-spacing:-0.5px;
  417. font-size:11px;
  418. color: {color:bold};
  419. border-bottom:1px solid #eeeeee;
  420. padding-bottom:5px;
  421. padding-top:9px;
  422. margin-top:0px;
  423. font-weight:normal;
  424. margin-bottom:15px;
  425. text-align:left!important;
  426. text-transform:uppercase;
  427. z-index:9999999;
  428. }
  429.  
  430.  
  431. h1 a {
  432. font-weight:bold;
  433. color: #d1d1d1!important;
  434. text-align:right!important;
  435. }
  436.  
  437.  
  438.  
  439. h2 {
  440. font-family:calibri;
  441. font-size:12px;
  442. text-transform:uppercase!important;
  443. font-weight:bold;
  444. letter-spacing:-0.2px;
  445. color: {color:bold};
  446. }
  447.  
  448.  
  449. h2 a {
  450. font-size:12px;
  451. text-transform:uppercase!important;
  452. font-weight:bold;
  453. color: {color:bold};
  454. }
  455.  
  456.  
  457.  
  458.  
  459. /* IMAGES */
  460.  
  461.  
  462. img {
  463. -webkit-transition: all 0.9s ease-in-out;
  464. -moz-transition: all 0.9s ease-in-out;
  465. -o-transition: all 0.9s ease-in-out;
  466. -ms-transition: all 0.9s ease-in-out;
  467. transition: all 0.9s ease-in-out;
  468. max-width:100%;
  469. height:auto;
  470. padding:0px;
  471. }
  472.  
  473.  
  474. img:hover {
  475. -webkit-filter: brightness(1) contrast(1.1) saturate(1);
  476. -webkit-transition: all 0.9s ease-in-out;
  477. -moz-transition: all 0.9s ease-in-out;
  478. -o-transition: all 0.9s ease-in-out;
  479. -ms-transition: all 0.9s ease-in-out;
  480. transition: all 0.9s ease-in-out;}
  481.  
  482.  
  483. .html_photoset {
  484.  
  485. -webkit-transition: all 0.9s ease-in-out;
  486. -moz-transition: all 0.9s ease-in-out;
  487. -o-transition: all 0.9s ease-in-out;
  488. -ms-transition: all 0.9s ease-in-out;
  489. transition: all 0.9s ease-in-out;}
  490.  
  491. .html_photoset:hover {
  492. -webkit-filter: brightness(1) contrast(1.1) saturate(1);
  493. }
  494.  
  495.  
  496.  
  497. /* SIDEBAR */
  498.  
  499. #sidebar {
  500. position: fixed;
  501. width:135px;
  502. background:transparent;
  503. left: 490px;
  504. top: 430px;
  505. padding-right:36px;
  506. padding-bottom:15px;
  507.  
  508. }
  509.  
  510.  
  511.  
  512. #sideheader {
  513. font-family: 'signerica_thinregular';
  514. font-size:20px;
  515. text-align:right;
  516. letter-spacing:-2px;
  517. margin-bottom:6px;
  518. }
  519.  
  520.  
  521. #sidelinks {
  522. text-align:right;
  523. border-bottom:1px solid #eeeeee;
  524. padding-bottom:5px;
  525. margin-bottom:10px;
  526. text-transform:uppercase;
  527. }
  528.  
  529.  
  530. #sidelinks a {
  531. color:{color:links}!important;
  532. font-family:calibri;
  533. font-style:normal;
  534. font-weight:normal;
  535. font-size:9px;
  536. padding-right:2px;
  537. text-transform:uppercase;
  538. -moz-transition-duration:0.6s;
  539. -webkit-transition-duration:0.6s;
  540. -o-transition-duration:0.6s;
  541. }
  542.  
  543.  
  544. #sidelinks a:last-child{
  545. padding-right: 0;
  546. }
  547.  
  548.  
  549. #sidelinks a:hover {
  550. font-style:normal;
  551. color:{color:links hover}!important;
  552. -moz-transition-duration:0.6s;
  553. -webkit-transition-duration:0.6s;
  554. -o-transition-duration:0.6s;
  555. }
  556.  
  557.  
  558.  
  559.  
  560.  
  561. /* SIDEBAR DESC */
  562.  
  563. #sidebar2 {
  564. position: fixed;
  565. width:400px;
  566. background:transparent;
  567. left: 575px;
  568. top: 10px;
  569. padding-right:36px;
  570. padding-bottom:15px;
  571.  
  572. }
  573.  
  574.  
  575.  
  576. #sideheader2 {
  577. font-family: 'signerica_thinregular';
  578. font-size:20px;
  579. width:450px;
  580. text-align:right;
  581. letter-spacing:-2px;
  582. margin-bottom:6px;
  583. }
  584.  
  585.  
  586. #sidelinks2 {
  587. text-align:right;
  588. padding-bottom:5px;
  589. letter-spacing:2px;
  590. margin-bottom:10px;
  591. width:250px;
  592. text-transform:uppercase;
  593. }
  594.  
  595.  
  596. #sidelinks2 a {
  597. color:#294375;
  598. font-family:calibri;
  599. font-style:normal;
  600. font-weight:normal;
  601. font-size:9px;
  602. padding-right:2px;
  603. text-transform:uppercase;
  604. -moz-transition-duration:0.6s;
  605. -webkit-transition-duration:0.6s;
  606. -o-transition-duration:0.6s;
  607. }
  608.  
  609.  
  610. #sidelinks2 a:last-child{
  611. padding-right: 0;
  612. }
  613.  
  614.  
  615. #sidelinks2 a:hover {
  616. font-style:normal;
  617. color:{color:links hover}!important;
  618. -moz-transition-duration:0.6s;
  619. -webkit-transition-duration:0.6s;
  620. -o-transition-duration:0.6s;
  621. }
  622.  
  623.  
  624. #description {
  625. position:relative;
  626. text-align:right;
  627. width:235px;
  628. overflow:scroll;
  629. padding-bottom:0px;
  630. color:#fefefe;
  631. margin:0px;
  632. }
  633.  
  634.  
  635. .nav2{
  636. margin-top:0px;
  637. text-align:right;
  638. border-top:1px solid #eeeeee;
  639. padding-top:5px;
  640. padding-bottom:2px;
  641. margin-bottom:5px;
  642. }
  643.  
  644.  
  645. .nav2 a {
  646. color:{color:links}!important;
  647. font-family:calibri;
  648. font-style:normal;
  649. font-weight:normal;
  650. font-size:9px;
  651. padding-right:2px;
  652. text-transform:uppercase;
  653. -moz-transition-duration:0.6s;
  654. -webkit-transition-duration:0.6s;
  655. -o-transition-duration:0.6s;
  656. }
  657.  
  658.  
  659. .nav2 a:hover {
  660. color:{color:links hover}!important;
  661. -moz-transition-duration:0.6s;
  662. -webkit-transition-duration:0.6s;
  663. -o-transition-duration:0.6s;
  664. }
  665.  
  666.  
  667. #pagination {
  668. padding-top:5px;
  669. text-align: right;
  670. }
  671.  
  672.  
  673.  
  674. .pages {
  675. font-size: 9px;
  676. font-style: normal !important;
  677. }
  678.  
  679.  
  680. .pages a {
  681. font-weight:normal!important;
  682. font-size:9px;
  683. color: #c25533;
  684. -moz-transition-duration:0.6s;
  685. -webkit-transition-duration:0.6s;
  686. -o-transition-duration:0.6s;
  687. }
  688.  
  689.  
  690. .pages a:last-child{
  691. padding-right: 0;
  692. }
  693.  
  694.  
  695. .pages a:hover {
  696. color:{color:links hover}!important;
  697. -moz-transition-duration:0.6s;
  698. -webkit-transition-duration:0.6s;
  699. -o-transition-duration:0.6s;
  700. }
  701.  
  702.  
  703.  
  704.  
  705. /* POSTS: GENERAL */
  706.  
  707. #container {
  708. position:fixed;
  709. height:625px;
  710. width:400px;
  711. left:125px;
  712. top:85px;
  713. background-color:transparent;
  714. overflow-y:scroll;
  715. z-index:9999;
  716. padding-right:44px;
  717. }
  718.  
  719.  
  720.  
  721. #posts {
  722. width:325px;
  723. margin-bottom:80px;
  724. word-wrap: break-word;
  725. line-height:{text:Line Height};
  726. text-align:left;
  727. z-index:9999;
  728. }
  729.  
  730. #posts a {
  731. font-weight:bold;
  732. font-style:bold;
  733. font-size:9px;
  734. color:#c69048;
  735. text-transform:uppercase;
  736. -moz-transition-duration:0.6s;
  737. -webkit-transition-duration:0.6s;
  738. -o-transition-duration:0.6s;
  739. }
  740.  
  741. #posts a:hover {
  742. color:{color:links hover};
  743. -moz-transition-duration:0.6s;
  744. -webkit-transition-duration:0.6s;
  745. -o-transition-duration:0.6s;
  746. }
  747.  
  748. #posts i, italics, em, {
  749. color:#c25533;
  750. text-transform:lowercase;
  751. padding-right:1px;
  752. padding-left:1px;
  753. }
  754.  
  755. #posts img, image {
  756. padding-top:5px;
  757. }
  758.  
  759.  
  760.  
  761.  
  762.  
  763. /* POSTS: QUOTE */
  764.  
  765. #quote {
  766. text-align:left;
  767. font-size:14px;
  768. font-style:italic;
  769. line-height:165%;
  770. letter-spacing:-0.6px;
  771. }
  772.  
  773. .source {
  774. font-family:calibri;
  775. font-style:normal!important;
  776. font-weight:bold;
  777. font-size:10px;
  778. color: {color:bold};
  779. text-transform:uppercase;
  780. }
  781.  
  782.  
  783.  
  784.  
  785. /* POSTS: LINK */
  786.  
  787.  
  788. #link {
  789. margin-top:0px;
  790. }
  791.  
  792.  
  793. #link a {
  794. font-size:11px;
  795. }
  796.  
  797.  
  798.  
  799.  
  800. /* POSTS: ASK */
  801.  
  802. #ask {
  803. color:#cacaca6;
  804. font-size:9px;
  805. text-align:left;
  806. font-family: calibri;
  807. font-size:8.6px;
  808. line-height:15px!important;
  809. letter-spacing:0.6px;
  810. text-transform: none;
  811. word-wrap: break-word;
  812. padding-left:0px;
  813. padding-right:0px;
  814. padding-top:14px;
  815. padding-bottom:14px;
  816. border-top:solid 1px #959196;
  817. border-bottom:solid 1px #959196;
  818. }
  819.  
  820. #answered {
  821. text-transform: lowercase;
  822.  
  823. }
  824.  
  825. #asker {
  826. font-size:10px;
  827. display:inline-block;
  828. margin-right:3px;
  829. text-transform:uppercase!important;
  830. font-weight:normal;
  831. color:#cacaca6;
  832. }
  833.  
  834.  
  835. #asker a {
  836. font-size:10px;
  837. text-transform:uppercase;
  838. font-weight:bold;
  839. color:#c25533;
  840. -moz-transition-duration:0.6s;
  841. -webkit-transition-duration:0.6s;
  842. -o-transition-duration:0.6s;
  843. }
  844.  
  845. #asker a:hover {
  846. color:{color:links hover}!important;
  847. -moz-transition-duration:0.2s;
  848. -webkit-transition-duration:0.2s;
  849. -o-transition-duration:0.2s;
  850. }
  851.  
  852.  
  853.  
  854. /* POSTS: CHAT */
  855.  
  856. #odd b, #even b, #audio b {
  857. color:{color:bold};
  858. }
  859.  
  860.  
  861. #odd, #even {
  862. padding-bottom:6px;
  863. padding-left:10px;
  864. padding-top:6px;
  865. margin-bottom:px;
  866. border-bottom:1px solid #eeeeee;
  867. }
  868.  
  869.  
  870. #odd {
  871. background:#ffffff;
  872. }
  873.  
  874. #even {
  875. background:#ffffff;
  876. }
  877.  
  878.  
  879.  
  880. /* POSTS: AUDIO */
  881.  
  882.  
  883. #audio {
  884. margin-top:0;
  885. height:42px;
  886. border-top:1px solid #eeeeee;
  887. border-bottom:1px solid #eeeeee;
  888. }
  889.  
  890.  
  891. .player {
  892. opacity: 1;
  893. position: absolute;
  894. z-index: 1;
  895. width: 20px;
  896. height: 20px;
  897. margin-top: 3px;
  898. margin-left: -15px;
  899. display: block;
  900. background-color:#ffffff;
  901. }
  902.  
  903. .audioplayer {
  904. width: 20px;
  905. height: 20px;
  906. margin-top: 1px;
  907. margin-left: 0px;
  908. overflow: hidden;
  909. padding: 3px;
  910. background-color:#ffffff!important;
  911. }
  912.  
  913.  
  914. .audioinfo {
  915. margin-left: 0px;
  916. margin-top: 3px;
  917. padding-left: 0px;
  918. padding-top: 10px;
  919. font-family:calibri;
  920. display: block;
  921. font-weight:normal;
  922. text-transform: uppercase;
  923. text-align: center;
  924. letter-spacing:-0.2px;
  925. word-spacing:-0.5px;
  926. font-size:10px;
  927. color: {color:bold};
  928. background: transparent;
  929. }
  930.  
  931.  
  932. .audioinfo:first-letter {
  933. font-family: 'signerica_thinregular';
  934. font-size:20px;
  935. letter-spacing:-2px;
  936. }
  937.  
  938.  
  939.  
  940.  
  941. /* POSTS: VIDEO */
  942.  
  943.  
  944. .video-container {
  945. position: relative;
  946. padding-bottom: 56.25%;
  947. padding-top: 30px;
  948. height: 0;
  949. overflow: hidden;
  950. }
  951.  
  952. .video-container iframe,
  953. .video-container object,
  954. .video-container embed {
  955. position: absolute;
  956. top: 0;
  957. left: 0;
  958. width: 100%;
  959. height: 100%;
  960. }
  961.  
  962.  
  963.  
  964.  
  965. /* POST INFORMATION */
  966.  
  967. .permalinkbar {
  968. margin-top:22px;
  969. margin-bottom:80px;
  970. background-color:#294375;
  971. text-transform:uppercase;
  972. color:#24262a;
  973. }
  974.  
  975.  
  976. .permalinkbuttons {
  977. border-top:1px solid #959196;
  978. border-bottom:1px solid #959196;
  979. padding-top:4px;
  980. padding-bottom:4px;
  981. text-align:center;
  982. margin: auto;
  983. font-size:11px;
  984. color:#cccccc!important;
  985. }
  986.  
  987.  
  988. .permalinkbuttons a {
  989. text-align:center;
  990. font-weight:bold;
  991. font-weight:normal!important;
  992. display:inline-block;
  993. font-size:11px;
  994. padding-right:17px;
  995. color:#959196;
  996. -moz-transition-duration:2s;
  997. -webkit-transition-duration:2s;
  998. -o-transition-duration:2s;
  999. }
  1000.  
  1001. .permalinkbuttons a:last-child{
  1002. padding-right:0px;
  1003. margin-right: 0px;
  1004. }
  1005.  
  1006.  
  1007. .permalinkbuttons a:hover {
  1008. color:{color:links hover}!important;
  1009. -moz-transition-duration:2s;
  1010. -webkit-transition-duration:2s;
  1011. -o-transition-duration:2s;
  1012. }
  1013.  
  1014.  
  1015. .tags2 {
  1016. font-family: calibri!important;
  1017. font-weight:bold!important;
  1018. background-color:#transparent;
  1019. color:#dcdcdc!important;
  1020. text-transform:uppercase!important;
  1021. font-style:normal;
  1022. border-bottom:1px solid #eeeeee;
  1023. line-height:130%!important;
  1024. margin-bottom:5px;
  1025. font-size:8.6px;
  1026. text-align:justify;
  1027. text-align-last: center;
  1028. -moz-text-align-last: center;
  1029. margin-top:0px;
  1030. padding-top:10px;
  1031. padding-bottom:10px;
  1032. padding-left:20px;
  1033. padding-right:20px;
  1034. -moz-transition-duration:2s;
  1035. -webkit-transition-duration:0.2
  1036. }
  1037.  
  1038.  
  1039. .tags2 a {
  1040. font-weight:bold!important;
  1041. font-size:8.6px!important;
  1042. text-transform:uppercase!important;
  1043. font-family: calibri!important;
  1044. color:#dcdcdc!important;
  1045. -moz-transition-duration:2s;
  1046. -webkit-transition-duration:0.2
  1047. }
  1048.  
  1049.  
  1050. .tags2 a:hover {
  1051. color:{color:links hover}!important;
  1052. -moz-transition-duration:2s;
  1053. -webkit-transition-duration:0.2
  1054. }
  1055.  
  1056.  
  1057. /* PERMAPAGE NOTES */
  1058.  
  1059.  
  1060. .notes {
  1061. text-transform:normal;
  1062. font-style:normal;
  1063. font-size: 10px;
  1064. letter-spacing:-0.20px;
  1065. text-align:left;
  1066. margin-left:-63px;
  1067. }
  1068.  
  1069.  
  1070. .note li {
  1071. opacity:.9;
  1072. list-style-type:none;
  1073. padding:7px 25px 7px 25px;
  1074. text-align:left;
  1075. margin:0px;
  1076. -moz-transition-duration:0.5s;
  1077. -webkit-transition-duration:0.5s;
  1078. -o-transition-duration:0.5s;
  1079. }
  1080.  
  1081. .note blockquote {
  1082. padding-top:3px;
  1083. padding-bottom:3px;
  1084. padding-left:10px;
  1085. padding-right:10px;
  1086. width:100%;
  1087. margin-top:9px;
  1088. margin-bottom:4px;
  1089. }
  1090.  
  1091.  
  1092. .note img.avatar {
  1093. width: 0px;
  1094. height: 0px;
  1095. }
  1096.  
  1097.  
  1098. .note li a {
  1099. font-family:calibri!important;
  1100. font-size:9px!important;
  1101. padding-right:2px;
  1102. font-weight:normal;
  1103. text-transform:uppercase;
  1104. letter-spacing:0px;
  1105. color: {color:bold};
  1106. }
  1107.  
  1108.  
  1109.  
  1110. #credit {
  1111. position:fixed;
  1112. bottom:30px;
  1113. right:30px;
  1114. width:10px;
  1115. height:13px;
  1116. word-wrap:break-word;
  1117. overflow:hidden;
  1118. -webkit-transition:all 1s ease;
  1119. -moz-transition:all 1s ease;
  1120. -o-transition:all 1s ease;
  1121. transition:all 1s ease-in-out;
  1122. z-index:9999999999999999;
  1123. }
  1124.  
  1125. #credit a {
  1126. color:{color:body text};
  1127. text-transform:uppercase;
  1128. font-size:10px;
  1129. z-index:9999999999999999999;
  1130. }
  1131.  
  1132. #credit:hover {width:84px;}
  1133.  
  1134. #credit span {
  1135. color:{color:body text};
  1136. margin-right:5px;
  1137. font-size:11px;
  1138. }
  1139.  
  1140.  
  1141. /* ADDITIONS - NAVIGATION */
  1142.  
  1143. /*The header of each part of the navigation*/
  1144. .navi_linksu h3 {
  1145. font-size:22px;
  1146. margin-bottom:-5px;
  1147. border:none;
  1148. color: #c25533; /*color of header*/
  1149. font-family: 'selima';
  1150. font-weight:normal;
  1151. letter-spacing:1px;
  1152. text-transform:lowercase;
  1153. background:transparent;
  1154. }
  1155.  
  1156. .navi_linksu {
  1157. text-align:center;
  1158. }
  1159.  
  1160. .navi_linksu a {
  1161. display: inline-block;
  1162. width: 120px;
  1163. padding: 5px;
  1164. margin:5px;
  1165. font-size:11px;
  1166. background-image: url('');
  1167. background:transparent; /*color of navigation links background*/
  1168. background-repeat:repeat;
  1169. background-attachment:fixed;
  1170. color:#c25533;
  1171. font-family:calibri;
  1172. text-transform:uppercase;
  1173.  
  1174.  
  1175. }
  1176.  
  1177. .navi_linksu a:hover {
  1178. -webkit-transition: all .5s ease-in-out;
  1179. -moz-transition: all .5s ease-in-out;
  1180. -ms-transition: all .5s ease-in-out;
  1181. -o-transition: all .5s ease-in-out;
  1182. transition: all .5s ease-in-out;
  1183. color:#c25533; /*color of links on hover*/
  1184. }
  1185.  
  1186.  
  1187.  
  1188. </style>
  1189. </head>
  1190.  
  1191.  
  1192.  
  1193. <body>
  1194.  
  1195. <!-- TOP BAR -->
  1196.  
  1197. <div id="topbar"></div>
  1198.  
  1199. <div id="sidebar2">
  1200.  
  1201. <div id="sideheader2">{text:Header}</div>
  1202.  
  1203.  
  1204. <div id="sidelinks2">
  1205. <a href="/">REFRESH.</a>
  1206. <a href="/ask">ASKBOX.</a>
  1207. <a href="/laws">RULES.</a>
  1208. <a href="/navigation">NAVIGATION.</a>
  1209. </div id="sidelinks2">
  1210. </div id="sidebar2">
  1211. <!-- SIDE BAR -->
  1212.  
  1213. <div id="sidebar">
  1214.  
  1215. <div id="description">
  1216. </div id="description">
  1217.  
  1218.  
  1219.  
  1220. <div id="pagination">
  1221. <div class="pages">
  1222. {block:IndexPage}
  1223. {block:Pagination}
  1224. {block:PreviousPage}
  1225. <a href="{PreviousPage}">RETURN.</a>
  1226. {/block:PreviousPage}
  1227.  
  1228. {block:NextPage}
  1229. <a href="{NextPage}">PROCEED.</a>
  1230. {/block:NextPage}
  1231. {/block:Pagination}
  1232. {/block:IndexPage}
  1233.  
  1234. {block:PermalinkPagination}
  1235. {block:PreviousPost}
  1236. <a href="{PreviousPost}">RETURN.</a>
  1237. {/block:PreviousPost}
  1238.  
  1239. {block:NextPost}
  1240. <a href="{NextPost}">PROCEED.</a>
  1241. {/block:NextPost}
  1242. {/block:PermalinkPagination}
  1243.  
  1244. </div class="pages">
  1245. </div id="pagination">
  1246.  
  1247.  
  1248. </div id="sidebar">
  1249.  
  1250.  
  1251.  
  1252. <!-- POSTS -->
  1253.  
  1254.  
  1255. <div id="container">
  1256. <div id="posts" id="{PostID}">
  1257. {block:Posts}
  1258.  
  1259.  
  1260.  
  1261.  
  1262. <!-- POSTS: TEXT -->
  1263.  
  1264. {block:Title}
  1265. <h1>{Title}&nbsp;</h1>
  1266. {/block:Title}
  1267. {block:Text}
  1268. {Body}
  1269. {/block:Text}
  1270.  
  1271.  
  1272.  
  1273.  
  1274. <!-- POSTS: PHOTO/SET -->
  1275.  
  1276. {block:Photo}{LinkOpenTag}
  1277. <img src="{PhotoURL-HighRes}">{LinkCloseTag}<p>
  1278. {block:Caption}{Caption}{/block:Caption}
  1279. {/block:Photo}
  1280.  
  1281.  
  1282. {block:Photoset}
  1283. {Photoset}</center><p>
  1284. {block:Caption}{Caption}{/block:Caption}
  1285. {/block:Photoset}
  1286.  
  1287.  
  1288.  
  1289.  
  1290.  
  1291. <!-- POSTS: QUOTE -->
  1292.  
  1293. {block:Quote}
  1294. <div id="quote">“{Quote}”
  1295. <div class="source">{Source}
  1296. </div class="source">
  1297. </div id="quote">
  1298. {/block:Quote}
  1299.  
  1300.  
  1301.  
  1302.  
  1303. <!-- POSTS: LINK -->
  1304.  
  1305. {block:Link}
  1306. <div id="link">
  1307. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; ►</a>
  1308. </div id="link">
  1309. {/block:Link}
  1310.  
  1311.  
  1312.  
  1313.  
  1314.  
  1315. <!-- POSTS: CHAT -->
  1316.  
  1317. {block:Chat}
  1318. {block:Lines}
  1319. <div id="{Alt}">
  1320. {block:Label}<b>{Label}</b>{/block:Label}
  1321. {Line}
  1322. </div id="{Alt}"
  1323. {/block:Lines}
  1324. {/block:Chat}
  1325.  
  1326.  
  1327.  
  1328. <!-- POSTS: AUDIO -->
  1329.  
  1330. {block:Audio}
  1331.  
  1332. <div id="audio">
  1333. <div class="player">
  1334.  
  1335. <div class="audioplayer">
  1336. {AudioPlayerWhite}
  1337. </div class="audioplayer">
  1338.  
  1339. </div class="player">
  1340.  
  1341. <div class="audioinfo">
  1342. {block:TrackName}{TrackName}{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}
  1343. </div class="audioinfo">
  1344.  
  1345. </div id="audio">
  1346.  
  1347. {block:Caption}
  1348. <div class="cap">{Caption}
  1349. </div class="cap">
  1350. {/block:Caption}
  1351. {/block:Audio}
  1352.  
  1353.  
  1354.  
  1355.  
  1356.  
  1357. <!-- POSTS: VIDEO -->
  1358.  
  1359. {block:Video}
  1360. <div class="video-container">
  1361. {Video-400}
  1362. {block:Caption}{Caption}{/block:Caption}
  1363. </div class="video-container">
  1364. {/block:Video}
  1365.  
  1366.  
  1367.  
  1368. <!-- POSTS: ASK -->
  1369.  
  1370.  
  1371. {block:Answer}
  1372. <div id="ask">
  1373. <div id="asker">
  1374. {Asker} has requested an audience:
  1375. </div id="asker">
  1376. {Question} </div>
  1377. {Answer}
  1378. {/block:Answer}
  1379.  
  1380.  
  1381. <!-- POST INFORMATION -->
  1382.  
  1383.  
  1384. {block:Date}
  1385. <div class="permalinkbar">
  1386. <div class="permalinkbuttons">
  1387. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  1388.  
  1389. <a href="{Permalink}">{NoteCountwithLabel}</a>
  1390.  
  1391. <a href="#" class="tags1">SEE TAGS</a>
  1392.  
  1393. {block:RebloggedFrom}
  1394. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA/ORIGINS</a>
  1395. {/block:RebloggedFrom}
  1396.  
  1397. <a href="{ReblogURL}" target="_blank">REBLOG</a>
  1398. </div class="permalinkbuttons">
  1399.  
  1400.  
  1401. <div class="tags2">{block:HasTags}<i>Tagged with:</i>&nbsp;&nbsp;{block:Tags}<a href="{TagURL}"> {Tag}.&nbsp;&nbsp;</a>{/block:Tags}{/block:PermalinkPage}{/block:HasTags}</div>
  1402.  
  1403. </div class="permalinkbar">
  1404. {/block:Date}
  1405.  
  1406.  
  1407. <div class="note">
  1408. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1409. </div class="note">
  1410.  
  1411. {/block:Posts}
  1412. </div>
  1413.  
  1414. </div id="container">
  1415. </div id="posts" id="{PostID}">
  1416.  
  1417.  
  1418. {block:ContentSource}
  1419. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1420. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1421. {/block:SourceLogo}
  1422. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1423. {/block:ContentSource}
  1424.  
  1425.  
  1426.  
  1427.  
  1428. <!-- CREDIT -->
  1429.  
  1430. <div id="credit">
  1431. <div style="width:105px;margin-right:15px;margin-bottom:15">
  1432. <a href="https://iniziare.tumblr.com/post/174950262252/theme-sleeping-at-last-live-preview-in-use" target="blank">
  1433. <span>S.</span>MADE BY SAE.</a>
  1434. </div style>
  1435. </div id="credit">
  1436.  
  1437.  
  1438.  
  1439. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!