API tools faq
paste
Advertisement
Lordrauhl

DETOX THEME

Lordrauhl
Mar 12th, 2015
2,334
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.46 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME MADE BY
  4.  
  5.  
  6. ###### ### ######## ###
  7. ## ## ## ## ## ## ## ##
  8. ## ## ## ## ## ## ##
  9. ###### ## ## ######## ## ##
  10. ## ######### ## ## #########
  11. ## ## ## ## ## ## ## ##
  12. ###### ## ## ######## ## ##
  13.  
  14.  
  15. BY INSTALLING OR USING THIS THEME YOU AGREE TO FOLLOW THE TERMS AND CONDITIONS OF HAZYTHEMES.
  16.  
  17. A FULL LIST CAN BE FOUND AT HTTP://WWW.HAZYTHEMES.TUMBLR.COM/TERMS
  18.  
  19. THANK YOU FOR CHOOSING HAZYTHEMES
  20. PLEASE NOTIFY ME IF THERE ARE ANY PROBLEMS WITH THIS THEME
  21. -->
  22.  
  23. <head>
  24.  
  25. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  26.  
  27. <title>{Title}</title>
  28.  
  29. <link rel="shortcut icon" href="{Favicon}">
  30.  
  31. <meta name="color:Link" content="#000000"/>
  32. <meta name="color:Text" content="#000000"/>
  33. <meta name="color:Hover" content="#eeeeee"/>
  34. <meta name="color:Background" content="#ffffff"/>
  35. <meta name="text:Link 1 Url" content="/"/>
  36. <meta name="text:Link 2 URL" content="/ask"/>
  37. <meta name="text:Link 3 URL" content="/random"/>
  38. <meta name="text:Link 4 URL" content="/submit"/>
  39. <meta name="text:Link 4 URL" content="/submit"/>
  40. <meta name="text:Link 5 URL" content="/rss"/>
  41. <meta name="text:Link 1 Name" content="Home"/>
  42. <meta name="text:Link 2 Name" content="Ask"/>
  43. <meta name="text:Link 3 Name" content="Random"/>
  44. <meta name="text:Link 4 Name" content="Submit"/>
  45. <meta name="text:Link 5 Name" content="Rss"/>
  46. <meta name="text:Blogtitle" content="Detox"/>
  47.  
  48. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  49.  
  50. <style type="text/css">
  51.  
  52. iframe#tumblr_controls {
  53. white-space:nowrap;
  54. -webkit-filter: invert(100%);
  55. -moz-filter: invert(100%);
  56. -o-filter: invert(100%);
  57. -ms-filter: invert(100%);
  58. filter: invert(100%);
  59. opacity:1;}
  60.  
  61.  
  62.  
  63. body {
  64. padding: 0px;
  65. margin: 0px;
  66. color:{color:text};
  67. font-family:arial;
  68. font-size:10px;
  69. line-height:150%;
  70. background-attachment: fixed;
  71. background-repeat: repeat;
  72. background-color:white;
  73. }
  74.  
  75. a:link, a:active, a:visited{
  76. text-decoration: none;
  77. color:{color:Link};
  78. }
  79.  
  80. a:hover {
  81. color: {color:Hover};
  82. }
  83.  
  84. .entry .peeta{
  85. position:absolute;
  86. width:auto;
  87. height:auto;
  88. line-height:8px;
  89. font-size:15px;
  90. opacity:0;
  91. border-radius:3px;
  92. border:1px solid rgba(230,230,230,.1);
  93. background:rgba(0,0,0,.17);
  94. z-index:99;
  95. padding:15px;
  96. top:50%;
  97. margin-top:5px;
  98. margin-left:70px;
  99. -webkit-transition: all 0.2s ease-out;
  100. -moz-transition: all 0.2s ease-out;
  101. transition: all 0.2s ease-out;}
  102.  
  103. .entry .peeta a{
  104. color:white;
  105. }
  106.  
  107. .entry:hover .peeta{
  108. opacity:1;
  109. margin-left:49px;
  110. margin-top:-25px;}
  111.  
  112. .peeta:hover{
  113. -webkit-filter: invert(100%);
  114. -moz-filter: invert(100%);
  115. -o-filter: invert(100%);
  116. -ms-filter: invert(100%);
  117. filter: invert(100%);}
  118.  
  119. .entry .katniss{
  120. position:absolute;
  121. width:auto;
  122. border:1px solid rgba(230,230,230,.1);
  123. height:auto;
  124. line-height:8px;
  125. font-size:15px;
  126. opacity:0;
  127. border-radius:3px;
  128. background:rgba(0,0,0,.17);
  129. padding:15px;
  130. z-index:99;
  131. top:50%;
  132. margin-top:5px;
  133. margin-left:70px;
  134. -webkit-transition: all 0.2s ease-out;
  135. -moz-transition: all 0.2s ease-out;
  136. transition: all 0.2s ease-out;}
  137.  
  138. .entry .katniss a{
  139. color:white;
  140. }
  141.  
  142. .entry:hover .katniss{
  143. opacity:1;
  144. margin-left:98px;
  145. margin-top:-25px;}
  146.  
  147. .katniss:hover{
  148. -webkit-filter: invert(100%);
  149. -moz-filter: invert(100%);
  150. -o-filter: invert(100%);
  151. -ms-filter: invert(100%);
  152. filter: invert(100%);}
  153.  
  154. .entry .gale{
  155. position:absolute;
  156. width:auto;
  157. height:auto;
  158. line-height:8px;
  159. font-size:15px;
  160. opacity:0;
  161. border-radius:3px;
  162. border:1px solid rgba(230,230,230,.1);
  163. background:rgba(0,0,0,.17);
  164. z-index:99;
  165. padding:15px;
  166. top:50%;
  167. margin-top:5px;
  168. margin-left:70px;
  169. -webkit-transition: all 0.2s ease-out;
  170. -moz-transition: all 0.2s ease-out;
  171. transition: all 0.2s ease-out;}
  172.  
  173. .entry .gale a{
  174. color:white;
  175. }
  176.  
  177. .entry:hover .gale{
  178. opacity:1;
  179. margin-left:150px;
  180. margin-top:-25px;}
  181.  
  182. .gale:hover{
  183. -webkit-filter: invert(100%);
  184. -moz-filter: invert(100%);
  185. -o-filter: invert(100%);
  186. -ms-filter: invert(100%);
  187. filter: invert(100%);}
  188.  
  189.  
  190. .entry .back{
  191. position:absolute;
  192. width:250px;
  193. height:calc(100% - 15px);
  194. opacity:0;
  195. background:rgba(0,0,0,.7);
  196. z-index:9;
  197. padding:0px;
  198. top:0%;
  199. margin-top:7px;
  200. margin-left:0px;
  201. -webkit-transition: all 0.2s ease-out;
  202. -moz-transition: all 0.2s ease-out;
  203. transition: all 0.2s ease-out;}
  204.  
  205.  
  206. .entry:hover .back{
  207. opacity:1;
  208. }
  209.  
  210. .permalink {
  211. text-align:right;
  212. color:{color:Link};
  213. margin-top:10px;
  214. padding:5px;
  215. opacity:1;
  216. -webkit-transition: all 0.4s ease-out;
  217. -moz-transition: all 0.4s ease-out;
  218. transition: all 0.4s ease-out;}
  219.  
  220. .permalink a{
  221. color:{color:Link};
  222. }
  223.  
  224. .hide{float:left;}
  225.  
  226.  
  227.  
  228. #sidebar{
  229. left:50%;
  230. margin-left:-400px;
  231. top:0px;
  232. position:fixed;
  233. margin-right:auto;
  234. width: 815px;
  235. text-align:center;
  236. height:auto;
  237. padding:7px;
  238. z-index:9999;
  239. background-color:white;
  240. padding-bottom:30px;
  241. }
  242.  
  243. .navi {
  244. text-align:center;
  245. }
  246.  
  247. .navi a{
  248. color:{color:Link};
  249. padding:2px;
  250. margin:2px;
  251. }
  252.  
  253. .navi a:first-letter{text-transform:uppercase;}
  254.  
  255. .entry {
  256. float:left;
  257. display: block;
  258. margin:5px;
  259. width: 250px;
  260. padding:7px;
  261. {block:PermalinkPage}
  262. width:500px;
  263. margin:45px;
  264. text-align:left;
  265. line-height:10px;
  266. {/block:PermalinkPage}
  267. background-color:white;}
  268.  
  269. .entry img{max-width:100%;margin-bottom:-3px;}
  270.  
  271. #posts {
  272. width: 825px;
  273. margin-left:-395px;
  274. margin-top:163px;
  275. right:auto;
  276. left:50%;
  277. margin-right:auto;
  278. position:relative;
  279. overflow-y: hidden;
  280. {block:PermalinkPage}
  281. text-align:center;
  282. margin-left:-280px;
  283. float:center;
  284. line-height:10px;
  285. {/block:PermalinkPage}
  286. }
  287.  
  288.  
  289. .title{
  290. color:{color:Text};
  291. }
  292.  
  293. ul#drawers {width: 100px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: #000;}
  294.  
  295. ul#drawers a {text-decoration: none; color: #000;}
  296.  
  297. ul#drawers li h4 {margin: 0; padding: 0px; text-transform: Camelcase; font-size: 10px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out;
  298. transition: background-color 0.2s ease-out;}
  299.  
  300. h4.small {display: table-cell; margin: 0px; height: 100%;}
  301.  
  302. li.drawer h4.open {background-color: ; border-top: 0px;}
  303.  
  304. li.drawer div {padding: 0px; margin: 0px; line-height: 10px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}
  305.  
  306. li.drawer div li {list-style-type: disc;}
  307.  
  308. li.drawer div ul {-webkit-padding-start: 12px;}
  309.  
  310. h4{
  311. color:black;
  312. height:auto;
  313. padding:5px;
  314. margin-top:35px;
  315. margin-bottom:15px;
  316. letter-spacing:5px;
  317. font-size:72px;
  318. text-transform:uppercase;
  319. font-family: 'Oswald', sans-serif;
  320. opacity:1;
  321. text-align:center;}
  322.  
  323. #infscr-loading{
  324. bottom: -70px;
  325. position: absolute;
  326. left: 50%;
  327. margin-left:-8px;
  328. width:16px;
  329. height:11px;
  330. overflow:hidden;
  331. margin-bottom: 50px;
  332. }
  333.  
  334.  
  335. #postnotes{
  336. text-align: justify;
  337. text-transform:uppercase;}
  338.  
  339. #postnotes blockquote{
  340. border: 0px;}
  341.  
  342. blockquote{
  343.  
  344. {block:IndexPage}
  345. padding:0px 0px 2px 5px;
  346. margin:0px 0px 2px 10px;
  347. border-left: 1px solid {color:Text};
  348. {/block:Indexpage}
  349. }
  350.  
  351. blockquote p, ul{
  352. margin:0px;
  353. padding:0px;
  354. }
  355.  
  356. a img{border: 0px;}
  357.  
  358.  
  359. ul, ol, li{list-style:none; margin:0px; padding:3px;}
  360.  
  361. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  362. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Text};}
  363.  
  364. .notes img{display:none;}
  365. <--ses-->
  366. small{font-size: 90%;}
  367.  
  368.  
  369.  
  370. {CustomCSS}
  371.  
  372.  
  373. </style>
  374.  
  375. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  376. <script type="text/javascript">
  377. $(document).ready(function () {
  378. $('li.drawer div:nth-child(2)').hide();
  379. $('li.drawer h4').click(function () {
  380. if ($(this).hasClass('open')) {
  381. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  382. else {
  383. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  384. $(this).next().slideDown();
  385. $(this).addClass('open');}
  386. });
  387. });
  388. </script>
  389.  
  390.  
  391. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script><link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"><script type="text/javascript" src="http://static.tumblr.com/kdaljby/PQJnhkccw/scroll.js"></script><script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  392. {block:IndexPage}
  393. <script type="text/javascript">
  394. $(window).load(function(){
  395. var $wall = $('#posts');
  396. $wall.imagesLoaded(function(){
  397. $wall.masonry({
  398. itemSelector: '.entry, .entry_photo',
  399. isAnimated : false
  400. });
  401. });
  402.  
  403. $wall.infinitescroll({
  404. navSelector : '#pagination',
  405. nextSelector : '#pagination a',
  406. itemSelector : '.entry, .entry_photo',
  407. bufferPx : 2000,
  408. debug : false,
  409. errorCallback: function() {
  410. $('#infscr-loading').fadeOut('normal');
  411. }},
  412. function( newElements ) {
  413. var $newElems = $( newElements );
  414. $newElems.hide();
  415. $newElems.imagesLoaded(function(){
  416. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  417. });
  418. }); $('#posts').show(500);
  419. });
  420. </script>
  421. {/block:IndexPage}
  422.  
  423.  
  424. <title>{Title}</title>
  425. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  426. <link rel="shortcut icon" href="{Favicon}" />
  427. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  428.  
  429.  
  430.  
  431. </head>
  432.  
  433. <body>
  434.  
  435.  
  436. <div id="sidebar">
  437. <ul>
  438. <li class="drawer" >
  439. <h4>{text:Blogtitle}</h4>
  440. <div align="center">
  441. <div class="navi">
  442. <br><br><br><br>
  443. <a href="{text:Link 1 Url}">{text:Link 1 Name}</a>
  444. <a href="{text:Link 2 Url}">{text:Link 2 Name}</a>
  445. <a href="{text:Link 3 Url}">{text:Link 3 Name}</a>
  446. <a href="{text:Link 4 Url}">{text:Link 4 Name}</a>
  447. <a href="{text:Link 5 Url}">{text:Link 5 Name}</a>
  448. <a href="http://hazythemes.tumblr.com">Theme</a>
  449. </div>
  450. </div>
  451. </li>
  452. </ul>
  453. </div>
  454.  
  455. <div id="posts">
  456. {block:Posts}
  457. <div class="entry">
  458.  
  459. {block:Photo}
  460. {block:IndexPage}
  461. <div class="peeta"><a href="{Permalink}"><i class="fa fa-search"></i></a></div><div class="katniss"><a href="{ReblogURL}"><i class="fa fa-retweet"></i></a></div><div class="gale"><a href="{ReblogParentURL}"><i class="fa fa-share"></i></a></div><div class="back"></div><div class="photo"><a href="{Permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  462. {/block:IndexPage}
  463. {block:PermalinkPage}
  464. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  465. {LinkCloseTag}
  466. {/block:PermalinkPage}
  467. {/block:Photo}
  468.  
  469. {block:Answer}
  470. {Asker}:{Question}
  471. {Answer}
  472. {block:IndexPage}
  473. <div class="permalink"><a href="{Permalink}">Permalink</a>
  474. <div class="hide"><a href="{Reblogurl}">Reblog</a></div>
  475. </div>
  476. {/block:IndexPage}
  477. {/block:Answer}
  478.  
  479. {block:Text}
  480. {block:Title}
  481. <span class="title">{Title}</span>
  482. {/block:Title}
  483. <span class="body">{Body}</span>
  484. {block:IndexPage}
  485. <div class="permalink"><a href="{Permalink}">Permalink</a>
  486. <div class="hide"><a href="{Reblogurl}">Reblog</a></div>
  487. </div>
  488. {/block:IndexPage}
  489. {/block:Text}
  490.  
  491. {block:Link}
  492. <a href="{URL}" class="title">{Name}</a>{block:Description}
  493. <div class="body">{Description}</div>{/block:Description}
  494. {block:IndexPage}
  495. <div class="permalink"><a href="{Permalink}">Permalink</a>
  496. <div class="hide"><a href="{Reblogurl}">Reblog</a></div>
  497. </div>
  498. {/block:IndexPage}
  499. {block:Link}
  500.  
  501. {block:Photoset}
  502. {block:IndexPage}
  503. {Photoset-250}
  504. {block:IndexPage}
  505. <div class="permalink"><a href="{Permalink}">Permalink</a>
  506. <div class="hide"><a href="{Reblogurl}">Reblog</a></div>
  507. </div>
  508. {/block:IndexPage}
  509. {block:PermalinkPage}
  510. <center>
  511. {Photoset-500}</center>
  512. {/block:PermalinkPage}
  513. {/block:Photoset}
  514.  
  515. {block:Quote}
  516. <span class="title"><i>{Quote}</i></span> — {block:Source}<b>{Source}</b>{/block:Source}
  517. {block:IndexPage}
  518. <div class="permalink"><a href="{Permalink}">Permalink</a>
  519. <div class="hide"><a href="{Reblogurl}">Reblog</a></div>
  520. </div>
  521. {/block:IndexPage}
  522. {/block:Quote}
  523.  
  524. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  525. <ul class="chat">
  526. {block:Lines}
  527. <li class="user_{UserNumber}">
  528. {block:Label}
  529. <span class="label">{Label}</span>
  530. {/block:Label}
  531. {Line}
  532. </li>
  533. {/block:Lines}
  534. {block:IndexPage}
  535. <div class="permalink"><a href="{Permalink}">Permalink</a>
  536. <div class="hide"><a href="{Reblogurl}">Reblog</a></div>
  537. </div>
  538. {/block:IndexPage}
  539. {/block:Chat}
  540.  
  541. {block:Audio}
  542. <div style="width:100%; height:30px;">
  543. {AudioPlayerWhite}
  544. </div>
  545. {block:IndexPage}
  546. <div class="permalink"><a href="{Permalink}">Permalink</a>
  547. <div class="hide"><a href="{Reblogurl}">Reblog</a></div>
  548. </div>
  549. {/block:IndexPage}
  550. {/block:Audio}
  551.  
  552. {block:Video}
  553. {block:IndexPage}
  554. <center>
  555. {Video-250}
  556. </center>
  557. {block:IndexPage}
  558. <div class="permalink"><a href="{Permalink}">Permalink</a>
  559. <div class="hide"><a href="{Reblogurl}">Reblog</a></div>
  560. </div>
  561. {/block:IndexPage}
  562. {/block:IndexPage}
  563. {block:PermalinkPage}
  564. <center>
  565. {Video-400}</center>
  566. {/block:PermalinkPage}
  567. {block:Video}
  568.  
  569.  
  570. {block:PostNotes}
  571. <center>
  572.  
  573. <br><br>{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  574.  
  575. {block:HasTags}
  576. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}{/block:HasTags}
  577. {block:RebloggedFrom}
  578. <br> Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  579. <br> Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  580.  
  581. {/block:RebloggedFrom}
  582. </center></span>
  583. <br>
  584. <div id="postnotes">{PostNotes}</div><br>
  585.  
  586. <center>{block:ContentSource}
  587. <br><a href="{SourceURL}">
  588. {lang:Source}:
  589. {block:SourceLogo}
  590. <img src="{BlackLogoURL}" width="{LogoWidth}"
  591. height="{LogoHeight}" alt="{SourceTitle}" />
  592. {/block:SourceLogo}
  593. {block:NoSourceLogo}
  594. {SourceLink}
  595. {/block:NoSourceLogo}
  596. </a>
  597. {/block:ContentSource}</center>
  598.  
  599. {/block:PostNotes}
  600. </div>
  601. {/block:Posts}
  602. </div></div>
  603.  
  604. {block:IndexPage}
  605. {block:Pagination}
  606. <div id="pagination">
  607. {block:NextPage}
  608. <a id="nextPage" href="{NextPage}"></a>
  609. {/block:NextPage}
  610. {block:PreviousPage}
  611. <a href="{PreviousPage}"></a>
  612. {/block:PreviousPage}
  613. </div>
  614. {/block:Pagination}
  615. {/block:IndexPage}
  616.  
  617. </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!