API tools faq
paste
renkuma

Theme #64

renkuma
Mar 31st, 2020
126
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.51 KB | None | 0 0
raw download clone embed print report
  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 #64
  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:Background" content=""/>
  40.  
  41. <meta name="color:background" content="#ffffff">
  42. <meta name="color:text" content="#3f3f3f">
  43. <meta name="color:border" content="#ededed">
  44. <meta name="color:sidebar bg" content="#eeeeee">
  45. <meta name="color:blog title" content="#000000">
  46. <meta name="color:nav" content="#000000">
  47. <meta name="color:hearts" 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:100px auto;
  175. width:{text:width}px;
  176.  
  177. }
  178.  
  179. /*sidebar*/
  180.  
  181. #sidebar {
  182. margin:auto;
  183. text-align:center;
  184. width:200px;
  185. background:{color:sidebar bg};
  186. padding:5px 0px 10px 0px;
  187. }
  188.  
  189. #blogt {
  190. font-size:15px;
  191. font-family:courier new;
  192. text-transform:lowercase;
  193. color:{color:blog title};
  194. margin-bottom:7px;
  195. padding:10px;
  196. font-style:italic;
  197. text-decoration: line-through;
  198. }
  199.  
  200. #heart {
  201. color:{color:hearts};
  202. margin-bottom:10px;
  203. font-size:11px;
  204. }
  205.  
  206. #nav {
  207. font-size:10px;
  208. text-transform:lowercase;
  209. letter-spacing:0px;
  210. margin-bottom:5px;
  211. }
  212.  
  213. #nav a {
  214. color:{color:nav};
  215. }
  216.  
  217. #nav a:hover {
  218. text-decoration: line-through;
  219. }
  220.  
  221. /*pagination*/
  222.  
  223. #pagination {
  224. font-family:Inconsolata;
  225. text-transform:uppercase;
  226. letter-spacing:2px;
  227. font-size:8px;
  228. width:{text:width}px;
  229. text-align:center;
  230. }
  231.  
  232. #pagination a {
  233. padding:4px 2px;
  234. }
  235.  
  236.  
  237. .content {
  238. margin-top:100px;
  239. margin-bottom:100px;
  240. width:{text:width}px;
  241. }
  242.  
  243. .entry {
  244. position:relative;
  245. margin-bottom:100px;
  246. width:{text:width}px;
  247. }
  248.  
  249. .entry:last-child {
  250. margin-bottom:0;
  251. }
  252.  
  253. .text {
  254. margin:1em 0 0;
  255. }
  256.  
  257. .text:last-child,
  258. .text *:last-child {
  259. margin-bottom:0;
  260. }
  261.  
  262. /*Info Index Page*/
  263.  
  264. .info {
  265. font-family:Inconsolata;
  266. text-transform:uppercase;
  267. letter-spacing:1px;
  268. font-size:8px;
  269. max-width:100%;
  270. margin-top:0px;
  271. line-height:13px;
  272. text-align:right;
  273. }
  274.  
  275. /*Info Permalink Page*/
  276.  
  277. #permalink {
  278. max-width:100%;
  279. margin-top:5px;
  280. font-size:8px;
  281. text-transform:uppercase;
  282. font-family:Inconsolata;
  283. letter-spacing:1px;
  284. line-height:150%;
  285. text-align:center;
  286. background:transparent;
  287. }
  288.  
  289. #permalink a {padding:0px;}
  290.  
  291. .caption {
  292. {block:IndexPage}
  293. display:none;
  294. {/block:IndexPage}
  295. max-width:100%;
  296. padding:5px;
  297. background:#fff;
  298. }
  299.  
  300. .chat {
  301. padding:0;
  302. list-style-type:none;
  303. }
  304.  
  305. .chat .label {
  306. font-weight:bold;
  307. }
  308.  
  309. .quote {
  310. font-weight:bold;
  311. }
  312.  
  313. .media {
  314. position:relative;
  315. display:inline-block;
  316. width:100%;
  317. }
  318.  
  319. /*audio*/
  320.  
  321. .newplayerbutton {
  322. position: relative;
  323. width: 28px;
  324. height: 27px;
  325. overflow: hidden;
  326. }
  327.  
  328. .playerbuttonhug {
  329. position: absolute;
  330. top: -11px;
  331. left: 0px;
  332. display:block;
  333. overflow:hidden;
  334. }
  335.  
  336. .tumblr_audio_player {
  337. border: none;
  338. padding: 0px;
  339. margin: 0px;
  340. height: 50px;
  341. width: 500px;
  342. }
  343.  
  344. .playerbuttonbg {
  345. position: absolute;
  346. left: 0px;
  347. top: 0px;
  348. width: 34px;
  349. height: 31px;
  350. padding: 10px;
  351. opacity:1;
  352. border-left:5px solid {color:audio};
  353. border-right:2px solid {color:audio};
  354. border-top:7px solid {color:audio};
  355. background-color:{color:audio};
  356.  
  357. }
  358.  
  359. .trackdetails {
  360. width:100%;
  361. height:44px;
  362. display:inline-block;
  363. padding:15px 5px 0px 5px;
  364. background:{color:audio};
  365. margin-left:58px;
  366. font-family:Inconsolata;
  367. line-height:14px;
  368. }
  369.  
  370. .audiowrapper {
  371. position: relative;
  372. display:inline-block;
  373. width:100%;
  374. overflow:hidden;
  375. background-color:{color:audio};
  376. }
  377.  
  378. /*asks*/
  379. .q {
  380. margin-bottom:10px;
  381. background:{color:ask};
  382. text-align:center;
  383. padding:5px;
  384. }
  385. .asker {
  386. font-weight:bold;
  387. text-transform:uppercase;
  388. font-style:italic;
  389. background:#ffffff;
  390. letter-spacing:1px;
  391. }
  392.  
  393. .answer {
  394. margin-top:10px;
  395. }
  396.  
  397. /*notes*/
  398. .pagenotes {
  399. {block:IndexPage}
  400. display: none!important;
  401. {/block:IndexPage}
  402. max-width:100%;
  403. text-align:left;
  404. margin-top:-50px;
  405. }
  406.  
  407. .pagenotes img {
  408. display:none;
  409. }
  410.  
  411. .pagenotes li {
  412. font-family:Inconsolata;
  413. text-transform:uppercase;
  414. font-size:8px;
  415. letter-spacing:1px;
  416. list-style-type:none;
  417. padding:5px;
  418. margin-left:-40px;
  419. }
  420.  
  421.  
  422. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  423. opacity:0.25;
  424. -webkit-filter:invert(100%);
  425. -moz-filter:invert(100%);
  426. -o-filter:invert(100%);
  427. -ms-filter:invert(100%);
  428. filter:invert(100%);
  429. }
  430.  
  431. .vignette {opacity:0 !important;}
  432.  
  433. .lightbox-caption {visibility:hidden;}
  434.  
  435. .lightbox-image {
  436. border: 0px !important;
  437. box-shadow: none !important;
  438. border-radius:0 !important;
  439. }
  440.  
  441. .tmblr-lightbox {background-color:rgba({RGBcolor:lightbox}, .9)!important;}
  442.  
  443. .hidden {display: none;}
  444. .unhidden {display: block;}
  445.  
  446. iframe.tmblr-iframe {
  447. z-index:99999999999999!important;
  448. top:0!important;
  449. right:0!important;
  450. opacity:0.4;
  451. /* delete from here */
  452. filter:invert(1);
  453. -webkit-filter:invert(1);
  454. -o-filter:invert(1);
  455. -moz-filter:invert(1);
  456. -ms-filter:invert(1);
  457. /* to here if your blog has a dark background */
  458. transform:scale(0.6);
  459. transform-origin:100% 0;
  460. -webkit-transform:scale(0.6);
  461. -webkit-transform-origin:100% 0;
  462. -o-transform:scale(0.6);
  463. -o-transform-origin:100% 0;
  464. -moz-transform:scale(0.6);
  465. -moz-transform-origin:100% 0;
  466. -ms-transform:scale(0.6);
  467. -ms-transform-origin:100% 0;}
  468.  
  469. iframe.tmblr-iframe:hover {
  470. opacity:0.4!important;}
  471.  
  472. </style>
  473.  
  474. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  475.  
  476. <script type="text/javascript">
  477. function unhide(divID) {
  478. var item = document.getElementById(divID);
  479. if (item) {
  480. item.className=(item.className=='hidden')?'unhidden':'hidden';
  481. }
  482. }
  483. </script>
  484.  
  485. </head>
  486. <body>
  487. <div class="main">
  488. <div id="sidebar">
  489. <div id="blogt">{title}</div>
  490. <div id="heart">
  491. <span style="opacity:1;">♥</span>
  492. <span style="opacity:0.8;margin-left:10px;">♥</span>
  493. <span style="opacity:0.6;margin-left:10px;">♥</span>
  494. <span style="opacity:0.4;margin-left:10px;">♥</span>
  495. <span style="opacity:0.6;margin-left:10px;">♥</span>
  496. <span style="opacity:0.8;margin-left:10px;">♥</span>
  497. <span style="opacity:1;margin-left:10px;">♥</span>
  498. </div>
  499. <div id="nav">
  500. <a href="/">index</a> /
  501. <a href="/ask">mail</a>
  502. <p><a href="/archive">archive</a> /
  503. {block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifLink1}
  504. </div>
  505. </div>
  506.  
  507. <div class="content">
  508. {block:Posts}
  509. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
  510. <section class="post">
  511. {block:AudioPlayer}
  512. <div class="audiowrapper"><div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div>
  513. <div class="trackdetails">
  514. <span{block:TrackName} style="display:none;"{/block:TrackName}>Track: Unknown</span>{block:TrackName}Track: {TrackName}{/block:TrackName}<br/>
  515. <span{block:Artist} style="display:none;"{/block:Artist}>Artist: Unknown</span>{block:Artist}Artist: {Artist}{/block:Artist}<br/>
  516. </div>
  517. </div>
  518. {/block:AudioPlayer}
  519. {block:Photo}
  520. <div class="media">
  521. {LinkOpenTag}
  522. <img src="{PhotoURL-500}">
  523. {LinkCloseTag}
  524. </div>
  525. {/block:Photo}
  526. {block:Photoset}
  527. <div class="media photoset">
  528. <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>
  529. </div>
  530. {/block:Photoset}
  531. {block:Video}
  532. <div class="media video">{Video-500}</div>
  533. {/block:Video}
  534. {block:Answer}
  535. <div class="q">
  536. <div class="asker">— {Asker} —</div>
  537. {Question}</div>
  538. <div class="answer">{Answer}</div>
  539. {/block:Answer}
  540. {block:Chat}
  541. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  542. <ul class="chat text">
  543. {block:Lines}
  544. <li class="line">
  545. {block:Label}
  546. <span class="label">{Label}&nbsp; </span>
  547. {/block:Label}
  548. {Line}
  549. </li>
  550. {/block:Lines}
  551. </ul>
  552. {/block:Chat}
  553. {block:Link}
  554. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  555. {block:Description}<div class="text">{Description}</div>{/block:Description}
  556. {/block:Link}
  557. {block:Quote}
  558. <div class="quote text">{Quote}</div>
  559. {block:Source}
  560. <div class="source text">– {Source}</div>
  561. {/block:Source}
  562. {/block:Quote}
  563. {block:Text}
  564. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  565. <div class="text">{Body}</div>
  566. {/block:Text}
  567. {block:Caption}
  568. <div class="caption text">{Caption}</div>
  569. {/block:Caption}
  570.  
  571. {block:indexpage}
  572. {block:Date}
  573. <div class="info text">
  574. <a class="permalink" href="{Permalink}" title="{timeAgo}" style="text-decoration:underline;">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  575. {block:HasTags}
  576. / <span style="cursor:pointer;" title="{block:Tags}#{Tag} {/block:Tags}">tags</span>
  577. {/block:HasTags}
  578. {/block:indexpage}
  579. </div>
  580. {/block:Date}
  581. {/block:indexpage}
  582.  
  583. <div id="permalink">
  584. {block:permalinkpage}
  585. {block:Date}{TimeAgo}{/block:Date}
  586. {block:NoteCount} / <a href="javascript:unhide('displaybx');">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}
  587. {block:HasTags}<br>Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}{/block:permalinkpage}
  588. </div>
  589.  
  590. </section>
  591. </article>
  592.  
  593. <div id="displaybx" class="hidden">
  594. {block:PostNotes}
  595. <div class="pagenotes">
  596. {PostNotes}
  597. </div>
  598. {/block:PostNotes}
  599. </div>
  600.  
  601. {/block:Posts}
  602. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  603. </div>
  604.  
  605. {block:Pagination}
  606. <div id="pagination">
  607. {block:PreviousPage}
  608. <a class="prev" href="{PreviousPage}">newer</a>
  609. {/block:PreviousPage}
  610. /
  611. {block:NextPage}
  612. <a class="next" href="{NextPage}">older</a>
  613. {/block:NextPage}
  614. </div>
  615. {/block:Pagination}
  616.  
  617. </div>
  618. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  619. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  620. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  621.  
  622. <script>
  623. $(document).ready(function(){
  624. $('.photo-slideshow').pxuPhotoset({
  625. lightbox: true,
  626. rounded: false,
  627. gutter: '1px',
  628. photoset: '.photo-slideshow',
  629. photoWrap: '.photo-data',
  630. photo: '.pxu-photo'
  631. });
  632. var $container = $('.content');
  633. });
  634. </script>
  635. </body>
  636. <BODY onselectstart="return false;" ondragstart="return false;">
  637. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!