SHARE
TWEET

Theme #62

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