API tools faq
paste
Advertisement
renkuma

Theme #56

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