Guest User

theme 44 by plugsanddrugs-

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