Advertisement
Guest User

theme 34 by plugsanddrugs-

a guest
Aug 12th, 2017
144
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.49 KB | None | 0 0
  1. <!--
  2. theme by plugsanddrugs=
  3. -->
  4.  
  5. <html>
  6. <html lang="en">
  7. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  10.  
  11.  
  12. <script type="text/javascript">
  13. <!--
  14.  
  15. // Disable Right Click Script
  16.  
  17. function IE(e)
  18. {
  19. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  20. {
  21. return false;
  22. }
  23. }
  24. function NS(e)
  25. {
  26. if (document.layers || (document.getElementById && !document.all))
  27. {
  28. if (e.which == "2" || e.which == "3")
  29. {
  30. return false;
  31. }
  32. }
  33. }
  34. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  35.  
  36. //-->
  37. </script>
  38.  
  39.  
  40. <script type="text/javascript"
  41. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  42. <link href='http://fonts.googleapis.com/css?family=Average+Sans|Muli|Scada|Telex|Megrim|Inconsolata' rel='stylesheet' type='text/css'>
  43.  
  44. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  45.  
  46. <link href="https://fonts.googleapis.com/css?family=Overpass+Mono" rel="stylesheet">
  47.  
  48. <!--Default Variables-->
  49. <meta name="color:Background" content=""/>
  50. <meta name="color:Link" content=""/>
  51. <meta name="color:Link Hover" content=""/>
  52. <meta name="color:Scrollbar" content=""/>
  53. <meta name="color:Text" content=""/>
  54. <meta name="color:Title" content=""/>
  55. <meta name="color:Border" content=""/>
  56. <meta name="color:Sidebar Title" content=""/>
  57. <meta name="color:Hover" content=""/>
  58. <meta name="image:background" content""/>
  59. <meta name="image:sidebar" content=""/>
  60. <meta name="image:side" content=""/>
  61. <meta name="text:sidebar title" content=""/>
  62. <meta name="text:Custom Link one" content="" />
  63. <meta name="text:Custom Link One Title" content=".01" />
  64. <meta name="text:Custom Link Two" content="" />
  65. <meta name="text:Custom Link Two Title" content=".02" />
  66. <meta name="text:Custom Link Three" content="" />
  67. <meta name="text:Custom Link Three Title" content=".03" />
  68. <meta name="text:Custom Link Four" content="" />
  69. <meta name="text:Custom Link Four Title" content=".04" />
  70. <meta name="text:Custom Link Five" content="" />
  71. <meta name="text:Custom Link Five Title" content=".05" />
  72.  
  73.  
  74. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script>
  75.  
  76. <script type="text/javascript" src="/api/read/json?id={PostID}"></script>
  77. <script type="text/javascript">
  78. var color = "ff0000";
  79. var player = tumblr_api_read['posts'][0]['audio-player'].replace("color=FFFFFF", "color=" + color);
  80. replaceIfFlash(9, "audio_player_{PostID}", player);
  81. </script>
  82. <style type="text/css">
  83.  
  84.  
  85. .wrapper{
  86. margin:auto;
  87. width: 717px;
  88. }
  89.  
  90. #tumblr_controls{
  91. position:fixed !important;
  92. top: 3px;
  93. right: 3px;
  94. }
  95.  
  96.  
  97. ::-webkit-scrollbar {width: 4px; height: 4px; background:{color:Background}; }
  98. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  99.  
  100. iframe#tumblr_controls {-webkit-filter:invert(100%);right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  101.  
  102.  
  103. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  104.  
  105.  
  106. body{
  107. background-color: {color:Background};
  108. background-attachment: fixed;
  109. background-image: url({image:Background});
  110. background-repeat: repeat;
  111. background-position: center;
  112. text-align:left;
  113. font-family:consolas;
  114. font-size: 9px;
  115. color:{color:Text};
  116. }
  117.  
  118. a:link, a:active, a:visited{
  119. color: {color:Link};
  120. text-decoration:none;
  121. -webkit-transition: all 0.1s linear;
  122. -moz-transition: all 0.1s linear;
  123. transition: all 0.1s linear;
  124. }
  125.  
  126. #posts {
  127. position:relative;
  128. {block:IndexPage}
  129. margin-left:30px;
  130. width: 900px;
  131. {/block:IndexPage}
  132. {block:PermalinkPage}
  133. margin-left:30px;
  134. width: 480px;
  135. {/block:PermalinkPage}
  136. }
  137.  
  138. .info {
  139. margin-left:100px;
  140. margin-top:4px;
  141. line-height:14px;
  142. }
  143.  
  144. .entry .permalink{
  145. position:absolute;
  146. width: auto;
  147. margin-top: 10px;
  148. margin-left: 10px;
  149. padding: 10px;
  150. height: auto;
  151. background-color: #fff;
  152. border: 1px solid {color:Borders};
  153. overflow:visible;
  154. TEXT-TRANSFORM: UPPERCASE;
  155. font-family: 'consolas';
  156. font-size: 10px;
  157. line-height:13px;
  158. text-align:center;
  159. opacity:0.0;
  160. }
  161.  
  162. .entry:hover .permalink{
  163. overflow:visible;
  164. opacity: 1;
  165. z-index: 99999999999;
  166. margin-bottom: 0px;
  167. -webkit-transition: all 0.6s ease-out;
  168. -moz-transition: all 0.6s ease-out;
  169. transition: all 0.6s ease-out;
  170. }
  171.  
  172. .permalinktext {
  173. display:block;
  174. padding: 2px;
  175. margin: 5px 5px 0px 5px;
  176. text-transform:uppercase;
  177. font-family:calibri;
  178. font-size: 8px;
  179. color: #b2bfcf;
  180. line-height: 15px;
  181. letter-spacing:1px;
  182. text-align: right;
  183. text-decoration: none;
  184. border-top:1px solid #eee;
  185. webkit-transition: all 0.2s linear;
  186. -webkit-transition: all 0.2s linear;
  187. -moz-transition: all 0.2s linear;
  188. transition: all 0.2s linear;
  189. }
  190.  
  191. .permalinktext:hover{
  192. webkit-transition: all 0.2s linear;
  193. -webkit-transition: all 0.2s linear;
  194. -moz-transition: all 0.2s linear;
  195. transition: all 0.2s linear;
  196. }
  197.  
  198.  
  199. .entry {
  200. opacity: 1;
  201. margin:15px;
  202. padding: 20px;
  203. border: 1px solid {color:Border};
  204. float:left;
  205. background-color: #fff;
  206. font-family:consolas;
  207. font-size: 9px;
  208. line-height:14px;
  209. {block:IndexPage}
  210. width:200px;
  211. -webkit-filter: grayscale(40%);
  212. {/block:IndexPage}
  213. {block:PermalinkPage}
  214. width:400px;
  215. {/block:PermalinkPage}
  216. }
  217.  
  218. .entry img{
  219. {block:IndexPage}
  220. max-width:200px;
  221. opacity: 1;
  222. {/block:IndexPage}
  223. {block:PermalinkPage}
  224. max-width:400px;
  225. {/block:PermalinkPage}
  226. }
  227.  
  228. .entry img{
  229. {block:indexpage}
  230. max-width:200px
  231. {/block:indexpage}
  232. }
  233.  
  234. #desc{
  235. position:fixed;
  236. width:150px;
  237. height:auto;
  238. margin-top:325px;
  239. margin-left:-76px;
  240. background-color:transparent;
  241. letter-spacing:0px;
  242. line-height:12px;
  243. text-align:center;
  244. font-family:consolas;
  245. font-size: 9px;
  246. opacity:1;
  247. z-index: 999999999999;
  248. text-align:center;
  249. }
  250.  
  251.  
  252.  
  253. div#sidebar {
  254. opacity: 1;
  255. position:fixed !important;
  256. background-color: white;
  257. width: 150px;
  258. height: auto;
  259. font-family:consolas;
  260. font-size: 9px;
  261. font-style: none;
  262. text-align: center;
  263. line-height:10px;
  264. margin-left:-160px;
  265. margin-top:230px;
  266. border: 1px solid {color:Border};
  267. padding:20px;
  268. padding-top:35px;
  269. }
  270.  
  271.  
  272. #sidebar img{
  273. background:white;
  274. opacity: 1;
  275. width: 150px;
  276. padding-bottom: 5px;
  277. height: auto;
  278. -webkit-filter: grayscale(40%);
  279. }
  280.  
  281. div#blogtitle{
  282. position: fixed !important;
  283. margin-left:15px;
  284. margin-top:-20px;
  285. text-align: center;
  286. width: auto;
  287. font-family: 'Overpass Mono', monospace;
  288. font-size: 15px;
  289. line-height:10px;
  290. letter-spacing:2px;
  291. z-index; 999999999999999;
  292. padding: 3px;
  293. background-color: transparent;
  294. text-transform: normal;
  295. color:{color:Sidebar Title};
  296. }
  297.  
  298.  
  299. #postnotes blockquote{
  300. border: 0px;}
  301.  
  302.  
  303. .links{
  304. display: block;
  305. font-size: 9px;
  306. text-align: center;
  307. margin-left: 0px;
  308. background-color:#ddd;
  309. }
  310. .links {
  311. width: 25px;
  312. padding: 0px;
  313. height: 15px;
  314. margin-top: -20px;
  315. background-color: #fff;
  316. font-size:10px;
  317. font-family: calibri;
  318. font-style: bold;
  319. letter-spacing:2px;
  320. text-transform: uppercase;
  321. line-height:15px;
  322. text-align:center;
  323. -webkit-transition-duration: .6s;
  324. border-top-right-radius:0px;
  325. border-bottom-right-radius:0px;
  326. border-top-left-radius:0px;
  327. border-bottom-left-radius:0px;
  328. -moz-box-shadow: 0 0 1px #8A8A8A;
  329. -webkit-box-shadow: 0 0 0px#8A8A8A;
  330. display: inline-block;
  331. }
  332.  
  333.  
  334. .links:hover {
  335. background-color: {color:Hover};
  336. -webkit-transition-duration: .2s;
  337. border-top-right-radius:70px;
  338. border-bottom-right-radius:70px;
  339. border-top-left-radius:70px;
  340. border-bottom-left-radius:70px;
  341. }
  342.  
  343. #postnotes{
  344. text-align: justify;}
  345.  
  346. .title{
  347. font-family: 'Overpass Mono', monospace;
  348. font-size: 15px;
  349. line-height: 15px;
  350. color: {color:Title};
  351. font-weight: normal;
  352. padding: 2px 0px 0px 0px;
  353. }
  354.  
  355. .info{
  356. margin-top:5px;
  357. margin-left:10px;
  358. font-style:italic;
  359. }
  360.  
  361. askk {
  362. font-family: 'Overpass Mono', monospace;
  363. color: {color:Title};
  364. font-size:10px;
  365. z-index:1;
  366. }
  367.  
  368. #postnotes{
  369. text-align: justify;
  370. }
  371.  
  372. #postnotes blockquote{
  373. border: 0px;}
  374.  
  375. #infscr-loading{
  376. bottom: -70px;
  377. position: absolute;
  378. left: 50%;
  379. margin-left:-8px;
  380. width:16px;
  381. height:11px;
  382. overflow:hidden;
  383. margin-bottom: 50px;
  384. }
  385.  
  386.  
  387. blockquote{
  388. margin-top:5px;
  389. margin-bottom:5px;
  390. margin-left:5px;
  391. margin-right:0px;
  392. padding:2px;
  393. padding-left:5px;
  394. background:{color:Blockquote};
  395. border-left: 1px solid #555;
  396. }
  397.  
  398. blockquote p, ul{
  399. margin:0px;
  400. padding:0px;
  401. }
  402.  
  403. .p { padding-top: 5px; }
  404. .ol, ul { margin-left: 10px; padding: 5px; }
  405. .ul { list-style-type: square; }
  406.  
  407. a img{border: 0px;}
  408.  
  409.  
  410. .chat .line{
  411. margin-top:-2px;
  412. padding: 4px;
  413. }
  414. .chat .line.odd{
  415. margin-top:-2px;
  416. }
  417.  
  418. .label {font-weight:bold;}
  419.  
  420. .cover {position: absolute; z-index: 1;}
  421.  
  422. .audioplayer {position:absolute; overflow:hidden; background:#E4E4E4; width:70px; height:70px; top:20; margin-left:110px; padding:10px;}
  423.  
  424. .button { position:absolute; overflow:hidden; width:27px; height:27px; margin-top:23px; margin-left:23px;}
  425.  
  426. .notes img{width:10px; position:left; top:3px; -webkit-border-radius: 10px;
  427. -moz-border-radius: 10px; border-radius: 10px;}
  428.  
  429. #c{
  430. position:fixed;
  431. font-family:Inconsolata;
  432. font-size:15px;
  433. bottom:0;
  434. right:0;
  435. padding:8px;
  436. }
  437.  
  438. {CustomCSS}
  439. </style>
  440.  
  441.  
  442. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  443. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  444.  
  445. <script type="text/javascript">
  446. $(window).load(function(){
  447. var $wall = $('#posts');
  448. $wall.imagesLoaded(function(){
  449. $wall.masonry({
  450. itemSelector: '.entry, .entry_photo',
  451. isAnimated : false
  452. });
  453. });
  454.  
  455. $wall.infinitescroll({
  456. navSelector : '#pagination',
  457. nextSelector : '#pagination a',
  458. itemSelector : '.entry, .entry_photo',
  459. bufferPx : 2000,
  460. debug : false,
  461. errorCallback: function() {
  462. $('#infscr-loading').fadeOut('normal');
  463. }},
  464. function( newElements ) {
  465. var $newElems = $( newElements );
  466. $newElems.hide();
  467. $newElems.imagesLoaded(function(){
  468. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  469. });
  470. }); $('#posts').show(500);
  471. });
  472. </script>
  473.  
  474.  
  475. <title>{title}</title>
  476.  
  477. <link rel="shortcut icon" href="{Favicon}">
  478. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  479. <meta name="viewport" content="width=820" />
  480.  
  481. </head>
  482. <body>
  483. <div class="wrapper">
  484. <div id="c">
  485. </div>
  486.  
  487. <div id="sidebar">
  488. <div id="blogtitle">{text:sidebar title}</div>
  489. <img src="{image:sidebar}"></a>
  490. <div class="links">{block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}</div>
  491.  
  492. <div class="links">{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle} </div>
  493.  
  494. <div class="links">{block:ifCustomLinkthreeTitle}<a href="{text:Custom Link three}">{text:Custom Link three Title}</a>{/block:ifCustomLinkthreeTitle} </div>
  495.  
  496. <div class="links">{block:ifCustomLinkfourTitle}<a href="{text:Custom Link four}">{text:Custom Link four Title}</a>{/block:ifCustomLinkfourTitle} </div>
  497.  
  498. <div class="links">{block:ifCustomLinkfiveTitle}<a href="{text:Custom Link five}">{text:Custom Link five Title}</a>{/block:ifCustomLinkfiveTitle} </div>
  499.  
  500. {Description}</div>
  501.  
  502.  
  503.  
  504.  
  505.  
  506. <div id="posts">
  507.  
  508.  
  509. <div id="posts">
  510.  
  511. {block:Posts}
  512. <div class="entry">
  513.  
  514. {block:IndexPage}
  515. {/block:IndexPage}
  516.  
  517. {block:Text}
  518. {block:Title}<span class="title">{Title}</span>
  519. {/block:Title}<span class="body">{Body}</span>
  520. {/block:Text}
  521.  
  522. {block:Link}
  523. <a href="{URL}" class="title">{Name}</a>
  524. {block:Description}<div class="body">{Description}</div>
  525. {/block:Description}
  526. {block:Link}
  527.  
  528. {block:Photo}
  529. {block:IndexPage}
  530. <div class="permalink">
  531. <a href="{reblogurl}"><FONT COLOR="{color:Text}"> ↺ </FONT></a><FONT COLOR="{color:Borders}"> | </FONT><a href="{permalink}"><FONT COLOR="{color:Text}">{notecount}</FONT></a></span></div>{/block:IndexPage}
  532. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>
  533. {LinkCloseTag}
  534. {/block:IndexPage}
  535. {block:PermalinkPage}<center>{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}</center>
  536. {/block:Photo}
  537.  
  538. {block:Photoset}
  539. <div class="post">
  540. {block:IndexPage}
  541. <div class="permalink">
  542. <a href="{ReblogURL}" target="_blank">
  543. <FONT COLOR="{color:Text}"> ↺ </FONT></a>
  544. <FONT COLOR="{color:Borders}"> | </FONT>
  545. <a href="{Permalink}">
  546. <a href="{permalink}">
  547. <FONT COLOR="{color:Text}">{notecount}</FONT></a></div>
  548. {Photoset}
  549. {/block:IndexPage}
  550. {block:PermalinkPage}
  551. {Photoset-400}
  552. {/block:PermalinkPage}
  553. </div>
  554. {/block:Photoset}
  555.  
  556. {LinkCloseTag}
  557. {/block:PermalinkPage}
  558. {/block:Photo}
  559.  
  560. {block:Quote}
  561. <span class="title">"{Quote}"</span><br>
  562. {block:Source}<div style="text-align:right; font-weight:bold;"> — {Source}</div>{/block:Source}<div class="permalinktext"><a href="{ReblogURL}">Reblog</a><FONT COLOR="{color:Borders}"> | </FONT><a href="{permalink}">{NoteCountwithlabel}</a></div>{/block:Quote}
  563.  
  564. {block:Chat}
  565. {block:Title}
  566. <span class="title">{Title}</span>{/block:Title}
  567. <div class="chat">
  568. <ul>
  569. {block:Lines}
  570. <li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
  571. </ul>
  572. </div>
  573. <div class="permalinktext"> <a href="{ReblogURL}">Reblog</a><FONT COLOR="{color:Borders}"> | </FONT><a href="{permalink}">{NoteCountwithlabel}</a></div>
  574. {/block:Chat}
  575.  
  576. {block:Audio}
  577.  
  578. {block:AudioPlayer}
  579. <div class="audioplayer">
  580. <div class="button">
  581. {AudioPlayerGrey}
  582. </div>
  583. </div>
  584. {/block:AudioPlayer}
  585.  
  586. {block:Albumart}
  587. <div class="albumart">
  588. <img src="{albumarturl}" width="90">
  589. </div>
  590. {/block:Albumart}
  591. {block:ifCaptions}
  592. {block:Caption}{Caption}{/block:Caption}
  593. {/block:ifCaptions}
  594. {block:ifNotCaptions}
  595. {block:PermalinkPage}
  596. {block:Caption}{Caption}{/block:Caption}
  597. {/block:PermalinkPage}
  598. {/block:ifNotCaptions}
  599. {/block:Audio}
  600.  
  601. {block:Answer}
  602. <div style="border-radius:0px; border-bottom: 1px solid {color:Borders}; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px; background: {color:Background}; box-shadow: 0px 0px 0px 0px #ddd;">
  603. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 0px #BBB; border-radius: 0px;"/>
  604. <askk>{Asker}</askk>: {Question}<br></div>
  605. <div style="font-family:calibri; font-style: italic; font-size:11px;">
  606. {Answer}
  607. </div>
  608. {/block:Answer}
  609.  
  610. {block:Video}
  611. {block:IndexPage}
  612. <div class="permalink">
  613. <a href="{reblogurl}"><FONT COLOR="{color:Text}"> ↺ </FONT></a><FONT COLOR="{color:Borders}"> | </FONT><a href="{permalink}"><FONT COLOR="{color:Text}">{notecount}</FONT></a></span></div>
  614. <center>
  615. {Video-250}</center>
  616. {/block:IndexPage}
  617. {block:PermalinkPage}
  618. <center>
  619. {Video-500}</center>
  620. {/block:PermalinkPage}
  621. {block:Video}
  622.  
  623. {block:PermalinkPage}
  624. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  625. {block:RebloggedFrom}
  626. Published by: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
  627. Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  628. Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
  629. {/block:RebloggedFrom}
  630. {block:NoteCount} <div style="text-align: center; margin: 10px;"></div>{/block:NoteCount}
  631. {/block:PermalinkPage}
  632.  
  633. {block:PostNotes}<div align="middle"></div>
  634. <center></center></span><br>
  635. <div id="postnotes">{PostNotes}</div><br>
  636. <center>{block:ContentSource}
  637. <br><a href="{SourceURL}">
  638. {lang:Source}:
  639. {block:SourceLogo}
  640. <img src="{BlackLogoURL}" width="{LogoWidth}"
  641. height="{LogoHeight}" alt="{SourceTitle}" />
  642. {/block:SourceLogo}
  643. {block:NoSourceLogo}
  644. {SourceLink}
  645. {/block:NoSourceLogo}
  646. </a>
  647. {/block:ContentSource}</center>
  648.  
  649. {/block:PostNotes}
  650. </div>
  651. {/block:Posts}
  652. </div></div>
  653. {block:IndexPage}
  654. {block:Pagination}
  655. <div id="pagination">
  656. {block:NextPage}
  657. <a id="nextPage" href="{NextPage}"></a>
  658. {/block:NextPage}
  659. {block:PreviousPage}
  660. <a href="{PreviousPage}"></a>
  661. {/block:PreviousPage}
  662. </div>
  663. {/block:Pagination}
  664. {/block:IndexPage}
  665.  
  666. <BODY onselectstart="return false;" ondragstart="return false;">
  667. <div style="position:fixed; bottom:10px; right:0px;">
  668. <a href="http://plugsanddrugs-.tumblr.com/">©</a>
  669. </html>
  670. </div>
  671. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement