SHARE
TWEET

Theme #56

renkuma Dec 14th, 2019 (edited) 125 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml">
  3.  
  4. <script language=JavaScript>
  5. <!--
  6.  
  7. //Disable right click script III- By Renigade (renigade@mediaone.net)
  8. //For full source code, visit http://www.dynamicdrive.com
  9.  
  10. var message="";
  11. ///////////////////////////////////
  12. function clickIE() {if (document.all) {(message);return false;}}
  13. function clickNS(e) {if
  14. (document.layers||(document.getElementById&&!document.all)) {
  15. if (e.which==2||e.which==3) {(message);return false;}}}
  16. if (document.layers)
  17. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  18. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  19.  
  20. document.oncontextmenu=new Function("return false")
  21. // -->
  22. </script>
  23.  
  24. <head>
  25. <!--
  26.  
  27. theme #56
  28. base code by shythemes
  29.  
  30.  
  31. -->
  32. <title>{Title}</title>
  33.  
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35. <link rel="shortcut icon" href="{Favicon}">
  36.  
  37. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  38.  
  39. <meta name="viewport" content="width=device-width, initial-scale=1">
  40.  
  41. <meta name="image:Background" content=""/>
  42.  
  43. <meta name="color:background" content="#ffffff">
  44. <meta name="color:text" content="#3f3f3f">
  45. <meta name="color:border" content="#ededed">
  46. <meta name="color:title" content="#ffffff">
  47. <meta name="color:nav" content="#000000">
  48. <meta name="color:nav hover" content="#000000">
  49. <meta name="color:audio" content="#f4f4f4"/>
  50. <meta name="color:ask" content="#f4f4f4"/>
  51. <meta name="color:scroll" content="#eeeeee"/>
  52. <meta name="color:lightbox" content="#f4f4f4">
  53.  
  54. <meta name="text:width" content="300"/>
  55. <meta name="text:link 1" content="">
  56. <meta name="text:link 1 url" content="">
  57.  
  58.  
  59. <link href='https://fonts.googleapis.com/css?family=Avalon' rel='stylesheet' type='text/css'>
  60.  
  61. <!-- tooltips-->
  62. <script type="text/javascript" src="https://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  63. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  64. <script>
  65. (function($){
  66. $(document).ready(function(){
  67. $("[title],a[title],img[title]").style_my_tooltips({
  68.     tip_follows_cursor:true,
  69.     tip_delay_time:30,
  70.     tip_fade_speed:300,
  71.     attribute:"title"
  72. });
  73. });
  74. })(jQuery);
  75. </script>
  76.  
  77. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  78.  
  79. <link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  80.  
  81. <style type="text/css">
  82.    
  83.  
  84. /* Tooltips */
  85.  
  86.  
  87. #s-m-t-tooltip {
  88.     max-width:300px;
  89.     margin-top:22px;
  90.     margin-left:20px;
  91.     padding-left:4px;
  92.     padding-right:4px;
  93.     z-index:1100;
  94.     background-color:#fff;
  95.     font-family:Inconsolata;
  96.     font-size:8px;
  97.     letter-spacing:1px;
  98.     font-style:normal;
  99.     text-transform:uppercase;
  100.     line-height:11px;
  101.     border:0px solid #eeeeee;
  102. }
  103.  
  104. ::-webkit-scrollbar {
  105.     width: 7px;
  106.     height: 3px;
  107.     background: #ffffff;
  108. }
  109.  
  110. ::-webkit-scrollbar-thumb {
  111.     background-color:{color:scroll};
  112.     border: 1px solid #ffffff;
  113. }
  114.  
  115.  
  116. body {
  117.     margin:0;
  118.     font-size:10px;
  119.     font-family:Inconsolata;
  120.     line-height:16px;
  121.     -moz-osx-font-smoothing:grayscale;
  122.     -webkit-font-smoothing:antialiased;
  123.     font-smoothing:antialiased;
  124.     color:{color:text};
  125.     background:{color:background} url('{image:background}') fixed repeat;
  126. }
  127.  
  128. a {
  129.     color:inherit;
  130.     text-decoration:none;
  131.     -webkit-transition:all .2s linear;
  132.     transition:all .2s linear;
  133. }
  134.  
  135. small, sub {
  136.     font-size:1em;
  137.     vertical-align:baseline;
  138. }
  139.  
  140. blockquote {
  141.     padding:.6em .6em .6em 2em;
  142.     border-left:1px solid {color:border};
  143. }
  144.  
  145. blockquote, ol, ul, p, pre {
  146.     margin:0px;
  147. }
  148.  
  149. h1, h2, h3, h4, h5, h6 {
  150.     margin:0px;
  151.     font-size:1em;
  152.     font-weight:inherit;
  153. }
  154.  
  155. img {
  156.     border:0;
  157.     max-width:100%;
  158.     height:auto;
  159. }
  160.  
  161. hr {
  162.     margin:1em 0;
  163.     border:0;
  164.     height:1px;
  165.     -moz-box-sizing:border-box;
  166.     box-sizing:border-box;
  167.     background-color:{color:border};
  168. }
  169.  
  170. .title {
  171.     font-size:15px;
  172.     font-weight:bold;
  173. }
  174.  
  175.  
  176. .main {
  177.     margin:80px auto;
  178.     width:{text:width}px;
  179.    
  180. }
  181.  
  182. /*sidebar*/
  183.  
  184. #sidebar {
  185.     position:fixed;
  186.     margin-left:-200px;
  187.     text-align:right;
  188.     width:90px;
  189. }
  190.  
  191. #bordera {
  192.     border-bottom:1px dotted {color:title};
  193.     width:40px;
  194.     float:right;
  195.     margin-bottom:25px;
  196. }
  197.  
  198. #borderb {
  199.     border-bottom:1px dotted {color:title};
  200.     width:40px;
  201.     float:right;
  202.     margin-top:25px;
  203. }
  204.  
  205. #title {
  206.     text-decoration: line-through;
  207.     font-size:18px;
  208.     letter-spacing:2px;
  209.     font-weight:bolder;
  210.     color: {color:title};
  211.     text-transform: lowercase;
  212.     padding:0px 0px 3px 0px;
  213. }
  214.  
  215. #desc {
  216.     font-size:8px;
  217.     border-bottom:1px dotted {color:title};
  218.     margin-bottom:25px;
  219.     line-height:10px;
  220.     padding:3px 0px 25px 0px;
  221.     width:75px;
  222.     float:right;
  223. }
  224.  
  225. #nav {
  226.     text-transform:lowercase;
  227.     font-size:12px;
  228.     letter-spacing:1px;
  229.     line-height:23px;
  230. }
  231.  
  232. #nav a {
  233.     color:{color:nav};
  234.     -webkit-transition: all 0.3s ease-in-out;
  235.     -moz-transition: all 0.3s ease-in-out;
  236.     -o-transition: all 0.3s ease-in-out;
  237.     transition:0.3s ease-in;
  238. }
  239.  
  240. #nav a:hover {
  241.     color:{color:nav hover};
  242.     text-decoration: line-through;
  243.     -webkit-transition: all 0.3s ease-in-out;
  244.     -moz-transition: all 0.3s ease-in-out;
  245.     -o-transition: all 0.3s ease-in-out;
  246.     transition:0.3s ease-in;
  247. }
  248.  
  249. .search .query {
  250.     border: 0;
  251.     outline: 0;
  252.     line-height:10px;
  253.     text-transform:lowercase;
  254.     letter-spacing:1px;
  255.     font-size:12px;
  256.     font-family:inconsolata;
  257.     text-align:right;
  258.     width:50px;
  259.     color:{color:nav};
  260.     background:transparent;
  261. }
  262.  
  263.  
  264. /*pagination*/
  265.  
  266. #pagination {
  267.     font-family:Inconsolata;
  268.     text-transform:uppercase;
  269.     letter-spacing:2px;
  270.     font-size:8px;
  271.     width:{text:width}px;
  272.     text-align:center;
  273. }
  274.  
  275. #pagination a {
  276.     padding:4px 2px;
  277. }
  278.  
  279.  
  280. .content {
  281.     margin-top:100px;
  282.     margin-bottom:100px;
  283.     width:{text:width}px;
  284. }
  285.  
  286. .entry {
  287.     position:relative;
  288.     margin-bottom:100px;
  289.     width:{text:width}px;
  290. }
  291.  
  292. .entry:last-child {
  293.     margin-bottom:0;
  294. }
  295.  
  296. .text {
  297.     margin:1em 0 0;
  298. }
  299.  
  300. .text:last-child,
  301. .text *:last-child {
  302.     margin-bottom:0;
  303. }
  304.  
  305. /*Info Index Page*/
  306.  
  307. .info {
  308.     font-family:Inconsolata;
  309.     text-transform:uppercase;
  310.     letter-spacing:1px;
  311.     font-size:8px;
  312.     max-width:100%;
  313.     margin-top:0px;
  314.     line-height:13px;
  315.     text-align:right;
  316. }
  317.  
  318. /*Info Permalink Page*/
  319.  
  320. #permalink {
  321.     max-width:100%;
  322.     margin-top:5px;
  323.     font-size:8px;
  324.     text-transform:uppercase;
  325.     font-family:Inconsolata;
  326.     letter-spacing:1px;
  327.     line-height:150%;
  328.     text-align:center;
  329.     background:transparent;
  330. }
  331.  
  332. #permalink a {padding:0px;}
  333.  
  334. .caption {
  335.     {block:IndexPage}
  336.     display:none;
  337.     {/block:IndexPage}
  338.     max-width:100%;
  339.     padding:5px;
  340.     background:#fff;
  341. }
  342.  
  343. .chat {
  344.     padding:0;
  345.     list-style-type:none;
  346. }
  347.  
  348. .chat .label {
  349.     font-weight:bold;
  350. }
  351.  
  352. .quote {
  353.     font-weight:bold;
  354. }
  355.  
  356. .media {
  357.     position:relative;
  358.     display:inline-block;
  359.     width:100%;
  360. }
  361.  
  362. /*audio*/
  363.  
  364. .newplayerbutton {
  365.     position: relative;
  366.     width: 28px;
  367.     height: 27px;
  368.     overflow: hidden;
  369. }
  370.                
  371. .playerbuttonhug {
  372.     position: absolute;
  373.     top: -11px;
  374.     left: 0px;
  375.     display:block;
  376.     overflow:hidden;
  377. }
  378.      
  379. .tumblr_audio_player {
  380.     border: none;
  381.     padding: 0px;
  382.     margin: 0px;
  383.     height: 50px;
  384.     width: 500px;
  385. }
  386.      
  387. .playerbuttonbg {
  388.     position: absolute;
  389.     left: 0px;
  390.     top: 0px;
  391.     width: 34px;
  392.     height: 31px;
  393.     padding: 10px;
  394.     opacity:1;
  395.     border-left:5px solid {color:audio};
  396.     border-right:2px solid {color:audio};
  397.     border-top:7px solid {color:audio};
  398.     background-color:{color:audio};
  399.  
  400. }
  401.                
  402. .trackdetails {
  403.     width:100%;
  404.     height:44px;
  405.     display:inline-block;
  406.     padding:15px 5px 0px 5px;
  407.     background:{color:audio};
  408.     margin-left:58px;
  409.     font-family:Inconsolata;
  410.     line-height:14px;
  411. }
  412.                
  413. .audiowrapper {
  414.     position: relative;
  415.     display:inline-block;
  416.     width:100%;
  417.     overflow:hidden;
  418.     background-color:{color:audio};
  419. }
  420.  
  421. /*asks*/
  422. .q {
  423.     margin-bottom:10px;
  424.     background:{color:ask};
  425.     text-align:center;
  426.     padding:5px;
  427. }
  428. .asker {
  429.     font-weight:bold;
  430.     text-transform:uppercase;
  431.     font-style:italic;
  432.     background:#ffffff;
  433.     letter-spacing:1px;
  434. }
  435.  
  436. .answer {
  437.     margin-top:10px;
  438. }
  439.  
  440. /*notes*/
  441. .pagenotes {
  442.     {block:IndexPage}
  443.     display: none!important;
  444.     {/block:IndexPage}
  445.     max-width:100%;
  446.     text-align:left;
  447.     margin-top:-50px;
  448. }
  449.  
  450. .pagenotes img {
  451.     display:none;
  452. }
  453.  
  454. .pagenotes li {
  455.     font-family:Inconsolata;
  456.     text-transform:uppercase;
  457.     font-size:8px;
  458.     letter-spacing:1px;
  459.     list-style-type:none;
  460.     padding:5px;
  461.     margin-left:-40px;
  462. }
  463.  
  464.  
  465. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  466.     opacity:0.25;
  467.     -webkit-filter:invert(100%);
  468.     -moz-filter:invert(100%);
  469.     -o-filter:invert(100%);
  470.     -ms-filter:invert(100%);
  471.     filter:invert(100%);
  472. }
  473.  
  474. .vignette {opacity:0 !important;}
  475.  
  476. .lightbox-caption {visibility:hidden;}
  477.  
  478. .lightbox-image {
  479.     border: 0px !important;
  480.     box-shadow: none !important;
  481.     border-radius:0 !important;
  482. }
  483.  
  484. .tmblr-lightbox {background-color:rgba({RGBcolor:lightbox}, .9)!important;}
  485.  
  486. .hidden {display: none;}
  487. .unhidden {display: block;}
  488.  
  489. iframe.tmblr-iframe {
  490.     z-index:99999999999999!important;
  491.     top:0!important;
  492.     right:0!important;
  493.     opacity:0.4;
  494.     /* delete from here */
  495.         filter:invert(1);
  496.         -webkit-filter:invert(1);
  497.         -o-filter:invert(1);
  498.         -moz-filter:invert(1);
  499.         -ms-filter:invert(1);
  500.     /* to here if your blog has a dark background */
  501.     transform:scale(0.6);
  502.     transform-origin:100% 0;
  503.     -webkit-transform:scale(0.6);
  504.     -webkit-transform-origin:100% 0;
  505.     -o-transform:scale(0.6);
  506.     -o-transform-origin:100% 0;
  507.     -moz-transform:scale(0.6);
  508.     -moz-transform-origin:100% 0;
  509.     -ms-transform:scale(0.6);
  510.     -ms-transform-origin:100% 0;}
  511.  
  512. iframe.tmblr-iframe:hover {
  513.     opacity:0.4!important;}
  514.  
  515. </style>
  516.  
  517. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  518.  
  519. <script type="text/javascript">
  520.  function unhide(divID) {
  521.  var item = document.getElementById(divID);
  522.  if (item) {
  523.  item.className=(item.className=='hidden')?'unhidden':'hidden';
  524.  }
  525.  }
  526. </script>
  527.  
  528. <meta name="text:Search Label" content="" />
  529. <script type="text/javascript" src="https://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  530.  
  531. </head>
  532. <body>
  533. <div class="main">
  534. <div id="sidebar">
  535. <div id="bordera"></div>
  536. <div id="nav">
  537. <div id="title">{title}</div>
  538. <div id="desc">{description}</div>
  539. <a href="/">index <i class="fa fa-home"></i></a><br>
  540. <a href="/ask">inbox <i class="fa fa-envelope"></i></a><br>
  541. <a href="/archive">archive <i class="fa fa-bars"></i></a><br>
  542. {block:ifLink1}<a href="{text:link 1 url}">{text:link 1} <i class="fa fa-folder-open"></i></a>{/block:ifLink1}
  543.  
  544. <form onsubmit="return tagSearch(this)" class="search">
  545. <input type="text" name="tag" value="{text:Search Label}" onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" class="query" placeholder="search" /> <i class="fa fa-search" style="color:{color:nav};"></i>
  546. <div id="borderb"></div>
  547.  
  548. </div>
  549. </div>
  550.  
  551. <div class="content">
  552. {block:Posts}
  553. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
  554. <section class="post">
  555. {block:AudioPlayer}
  556. <div class="audiowrapper"><div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div>
  557. <div class="trackdetails">
  558. <span{block:TrackName} style="display:none;"{/block:TrackName}>Track:  Unknown</span>{block:TrackName}Track: {TrackName}{/block:TrackName}<br/>
  559. <span{block:Artist} style="display:none;"{/block:Artist}>Artist: Unknown</span>{block:Artist}Artist: {Artist}{/block:Artist}<br/>
  560. </div>
  561. </div>
  562. {/block:AudioPlayer}
  563. {block:Photo}
  564. <div class="media">
  565.     {LinkOpenTag}
  566.         <img src="{PhotoURL-500}">
  567.     {LinkCloseTag}
  568. </div>
  569. {/block:Photo}
  570. {block:Photoset}
  571. <div class="media photoset">
  572.     <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  573. </div>
  574. {/block:Photoset}
  575. {block:Video}
  576. <div class="media video">{Video-500}</div>
  577. {/block:Video}
  578. {block:Answer}
  579. <div class="q">
  580. <div class="asker">— {Asker} —</div>
  581. {Question}</div>
  582. <div class="answer">{Answer}</div>
  583. {/block:Answer}
  584. {block:Chat}
  585. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  586. <ul class="chat text">
  587.     {block:Lines}
  588.     <li class="line">
  589.         {block:Label}
  590.         <span class="label">{Label}&nbsp; </span>
  591.         {/block:Label}
  592.         {Line}
  593.     </li>
  594.     {/block:Lines}
  595. </ul>
  596. {/block:Chat}
  597. {block:Link}
  598. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  599. {block:Description}<div class="text">{Description}</div>{/block:Description}
  600. {/block:Link}
  601. {block:Quote}
  602. <div class="quote text">{Quote}</div>
  603. {block:Source}
  604. <div class="source text">– {Source}</div>
  605. {/block:Source}
  606. {/block:Quote}
  607. {block:Text}
  608. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  609. <div class="text">{Body}</div>
  610. {/block:Text}
  611. {block:Caption}
  612. <div class="caption text">{Caption}</div>
  613. {/block:Caption}
  614.  
  615. {block:indexpage}
  616. {block:Date}
  617. <div class="info text">
  618. <a class="permalink" href="{Permalink}" title="{timeAgo}" style="text-decoration:underline;">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  619. {block:HasTags}
  620. / <span style="cursor:pointer;" title="{block:Tags}#{Tag} {/block:Tags}">tags</span>
  621. {/block:HasTags}
  622. {/block:indexpage}
  623. </div>
  624. {/block:Date}
  625. {/block:indexpage}
  626.  
  627. <div id="permalink">
  628. {block:permalinkpage}
  629. {block:Date}{TimeAgo}{/block:Date}
  630. {block:NoteCount} / <a href="javascript:unhide('displaybx');">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}
  631. {block:HasTags}<br>Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}{/block:permalinkpage}
  632. </div>
  633.  
  634. </section>
  635. </article>
  636.  
  637. <div id="displaybx" class="hidden">
  638. {block:PostNotes}
  639. <div class="pagenotes">
  640. {PostNotes}
  641. </div>
  642. {/block:PostNotes}
  643. </div>
  644.  
  645. {/block:Posts}
  646. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  647. </div>
  648.  
  649. {block:Pagination}
  650. <div id="pagination">
  651. {block:PreviousPage}
  652. <a class="prev" href="{PreviousPage}">newer</a>
  653. {/block:PreviousPage}
  654.  /
  655. {block:NextPage}
  656. <a class="next" href="{NextPage}">older</a>
  657. {/block:NextPage}
  658. </div>
  659. {/block:Pagination}
  660.  
  661. </div>
  662. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  663. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  664. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  665.  
  666. <script>
  667. $(document).ready(function(){
  668.     $('.photo-slideshow').pxuPhotoset({
  669.         lightbox: true,
  670.         rounded: false,
  671.         gutter: '1px',
  672.         photoset: '.photo-slideshow',
  673.         photoWrap: '.photo-data',
  674.         photo: '.pxu-photo'
  675.     });
  676.     var $container = $('.content');
  677. });
  678. </script>
  679. </body>
  680.  
  681. <BODY onselectstart="return false;" ondragstart="return false;">
  682. </html>
RAW Paste Data
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
 
Top