SHARE
TWEET

Theme #61

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