API tools faq
paste
Advertisement
renkuma

Theme #61

renkuma
Feb 16th, 2020
196
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.69 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 #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>
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!