API tools faq
paste
Advertisement
Lordrauhl

IV THEME

Lordrauhl
Jan 18th, 2015
1,454
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.60 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. <meta name="color:Link" content="#fff"/>
  26. <meta name="color:Text" content="#fff"/>
  27. <meta name="color:Hover" content="#ccc"/>
  28. <meta name="color:Border" content="#fff"/>
  29. <meta name="color:Background" content="#000"/>
  30.  
  31. <meta name="text:Link 1 Url" content="/"/>
  32. <meta name="text:Link 2 URL" content="/"/>
  33. <meta name="text:Link 3 URL" content="/"/>
  34. <meta name="text:Link 4 URL" content="/"/>
  35. <meta name="text:Link 5 URL" content="/"/>
  36. <meta name="text:Link 6 URL" content="/"/>
  37.  
  38. <meta name="text:Link 1 Name" content="Link"/>
  39. <meta name="text:Link 2 Name" content="Link"/>
  40. <meta name="text:Link 3 Name" content="Link"/>
  41. <meta name="text:Link 4 Name" content="Link"/>
  42. <meta name="text:Link 5 Name" content="Link"/>
  43. <meta name="text:Link 6 Name" content="Link"/>
  44.  
  45. <meta name="text:Blogtitle" content="iv"/>
  46. <meta name="image:Background" content=""/>
  47.  
  48. <style type="text/css">
  49.  
  50. iframe#tumblr_controls {
  51. white-space:nowrap;
  52. -webkit-filter: invert(100%);
  53. -moz-filter: invert(100%);
  54. -o-filter: invert(100%);
  55. -ms-filter: invert(100%);
  56. filter: invert(100%);
  57. opacity:1;}
  58.  
  59. ::-webkit-scrollbar-thumb:vertical {
  60. background-color:{color:Text};
  61. height:auto;}
  62.  
  63.  
  64. ::-webkit-scrollbar {
  65. height:7px;
  66. width:7px;
  67. background-color:{color:Link};}
  68.  
  69. body {
  70. padding: 0px;
  71. margin: 0px;
  72. line-height:10px;
  73. font-size:8px;
  74. color:{color:Text};
  75. font-family:'calibri';
  76. letter-spacing:1px;
  77. overflow:visible;
  78. background-color:{color:Background};
  79. background-image:url(http://assets.tumblr.com/images/x.gif?v=1);
  80. background-repeat: repeat;
  81. background-attachment: fixed;
  82. cursor: url(http://static.tumblr.com/anhogta/excn6tvvl/woop.png), auto;}
  83.  
  84. a:link, a:active, a:visited{
  85. color:{color:Link};
  86. text-decoration: none;
  87. -webkit-transition: color 0.6s ease-out;
  88. -moz-transition: color 0.6s ease-out;
  89. transition: color 0.6s ease-out;
  90. cursor: url(http://static.tumblr.com/anhogta/excn6tvvl/woop.png), auto;}
  91.  
  92. a:hover {
  93. color:{color:Link};
  94. -webkit-transition: color 0.6s ease-out;
  95. -moz-transition: color 0.6s ease-out;
  96. transition: color 0.6s ease-out;
  97. cursor: url(http://static.tumblr.com/anhogta/excn6tvvl/woop.png), auto;}
  98.  
  99.  
  100. .entry .jazmyn{
  101. position:absolute;
  102. padding:7px;
  103. line-height:10px;
  104. background-color:{color:Background};
  105. font-style:italic;
  106. overflow:visible;
  107. text-align:right;
  108. opacity:1;
  109. bottom:-13px;
  110. width:auto;
  111. margin-bottom:0px;
  112. right:15px;
  113. z-index:10;
  114. color:{color:Link};
  115. -webkit-transition: all 0.4s ease-out;
  116. -moz-transition: all 0.4s ease-out;
  117. transition: all 0.4s ease-out;
  118. }
  119.  
  120. .entry .jazmyn a{
  121. color:{color:Link};
  122. }
  123.  
  124. .entry:hover .jazmyn{
  125. opacity:1;
  126. }
  127.  
  128.  
  129.  
  130. .permalink {
  131. text-align:right;
  132. color:{color:Link};
  133. margin-top:5px;
  134. padding:5px;
  135. }
  136.  
  137. .permalink a{
  138. color:{color:Link};
  139. }
  140.  
  141. .hide{
  142. float:left;
  143. }
  144.  
  145. .left{
  146. position:fixed;
  147. height:100%;
  148. width:40px;
  149. top:0%;
  150. margin-left:0px;
  151. left:0%;
  152. z-index:99;
  153. overflow:hidden;
  154. background:{color:Link};
  155. margin-top:0px;
  156. }
  157.  
  158. #header{
  159. position:fixed;
  160. width:150px;
  161. height:auto;
  162. padding:10px;
  163. left:50%;
  164. margin-left:-509px;
  165. top:40px;
  166. z-index:99;
  167. overflow:hidden;
  168. margin-right:auto;
  169. text-align:center;
  170. padding-bottom:20px;
  171. border:1px solid {color:Border};
  172. margin-bottom:20px;
  173. background:transparent;
  174. }
  175.  
  176.  
  177.  
  178. #bio{
  179. margin-top:10px;
  180. text-transform:uppercase;
  181. margin:10px 10px;
  182. padding:10px;
  183. }
  184.  
  185.  
  186. #blogtitle{
  187. border-bottom:1px solid {color:Border};
  188. width:auto;
  189. color:#fff;
  190. padding-top:50px;
  191. padding-bottom:15px;
  192. line-height: 100%;
  193. font-size: 60px;
  194. font-family:times;
  195. text-transform:uppercase;
  196. text-align:center;
  197. -webkit-transition: all 0.6s ease-in-out;
  198. -moz-transition: all 0.6s ease-in-out;
  199. -o-transition: all 0.6s ease-in-out;
  200. transition: all 0.6s ease-in-out;}
  201.  
  202.  
  203.  
  204.  
  205. #demi {
  206. width:150px;
  207. height:auto;
  208. opacity:1;
  209. padding:3px;
  210. text-align:center;
  211. opacity:1;
  212. }
  213.  
  214. #demi a{
  215. padding:5px;
  216. font-size:13px;
  217. width:auto;
  218. color:{color:Link};
  219. -webkit-transition: all 0.9s ease-in-out;
  220. -moz-transition: all 0.9s ease-in-out;
  221. -o-transition: all 0.9s ease-in-out;
  222. transition: all 0.9s ease-in-out;
  223. }
  224.  
  225. #demi a:hover{
  226. color:{color:Hover};
  227. -webkit-transition: all 0.6s ease-in-out;
  228. -moz-transition: all 0.6s ease-in-out;
  229. -o-transition: all 0.6s ease-in-out;
  230. transition: all 0.6s ease-in-out;}
  231.  
  232.  
  233.  
  234.  
  235. .entry {
  236. display: block;
  237. margin:25px;
  238. overflow:visible;
  239. width:250px;
  240. opacity:1;
  241. text-transform:uppercase;
  242. float:left;
  243. padding:15px;
  244. border-radius:3px;
  245. border:1px solid {color:Border};
  246. {block:PermalinkPage}
  247. text-align:center;
  248. width:600px;
  249. float:center;
  250. line-height:10px;
  251. {/block:permalinkpage}
  252. background:transparent;
  253. background-image:URL();
  254. }
  255.  
  256. .entry img{
  257. max-width:100%;
  258. opacity:.6;
  259. border-radius:3px;
  260. -webkit-transition: all 0.6s ease-in-out;
  261. -moz-transition: all 0.6s ease-in-out;
  262. -o-transition: all 0.6s ease-in-out;
  263. transition: all 0.6s ease-in-out;}
  264.  
  265. .entry img:hover{
  266. opacity:.9;
  267. -webkit-transition: all 0.6s ease-in-out;
  268. -moz-transition: all 0.6s ease-in-out;
  269. -o-transition: all 0.6s ease-in-out;
  270. transition: all 0.6s ease-in-out;}
  271.  
  272.  
  273. #posts {
  274. position:relative;
  275. z-index:9;
  276. margin-left:-300px;
  277. right:auto;
  278. width:680px;
  279. left:50%;
  280. margin-top:0px;
  281. overflow-y: visible;
  282. background:transparent;
  283. margin-right:auto;
  284. {block:PermalinkPage}
  285. text-align:center;
  286. width:600px;
  287. float:center;
  288. line-height:10px;
  289. {/block:permalinkpage}
  290. }
  291.  
  292.  
  293.  
  294.  
  295. .title{
  296. color:{color:Text};
  297. }
  298.  
  299.  
  300. #s-m-t-tooltip{
  301. font-size:8px;
  302. max-width:100px;
  303. line-height:8px;
  304. border-radius:0px;
  305. padding:4px 10px 4px 10px;
  306. margin:20px 0px 0px 20px;
  307. z-index:10;
  308. background:{color:Background};
  309. text-transform:uppercase;
  310. opacity:.5;
  311. border:1px solid {color:Border};
  312. letter-spacing:1px;
  313. color:{color:Link};
  314. z-index:9999999999999999999999999999999;
  315. }
  316.  
  317.  
  318.  
  319.  
  320. #infscr-loading{
  321. bottom: -70px;
  322. position: absolute;
  323. left: 50%;
  324. margin-left:-8px;
  325. width:16px;
  326. height:11px;
  327. overflow:hidden;
  328. margin-bottom: 50px;
  329. }
  330.  
  331. #caption{
  332. display:none;}
  333.  
  334. #postnotes{
  335. text-align: left;}
  336.  
  337. #postnotes blockquote{
  338. border: 0px;}
  339.  
  340. blockquote{
  341. padding:0px 0px 2px 5px;
  342. margin:0px 0px 2px 10px;
  343. border-left: 1px solid {color:Border};
  344. }
  345.  
  346. blockquote p, ul{
  347. margin:0px;
  348. padding:0px;
  349. }
  350.  
  351. a img{border: 0px;}
  352.  
  353.  
  354. ul, ol, li{list-style:none; margin:0px; margin-left:2px;padding:5px;{block:permalinkpage}padding:10px;border-bottom:1px solid {color:Border};{/block:PermalinkPage}
  355. }
  356.  
  357. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  358. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Text};}
  359.  
  360. .notes img{display:none;}
  361. <--ses-->
  362. small{font-size: 90%;}
  363.  
  364.  
  365. {CustomCSS}
  366.  
  367.  
  368.  
  369. </style>
  370.  
  371. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  372. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  373. <script>
  374. (function($){
  375. $(document).ready(function(){
  376. $("a[title]").style_my_tooltips({
  377. tip_follows_cursor:true,
  378. tip_delay_time:90,
  379. tip_fade_speed:600,
  380. attribute:"title"
  381. });
  382. });
  383. })(jQuery);
  384. </script>
  385.  
  386. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script><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>
  387. {block:IndexPage}
  388. <script type="text/javascript">
  389. $(window).load(function(){
  390. var $wall = $('#posts');
  391. $wall.imagesLoaded(function(){
  392. $wall.masonry({
  393. itemSelector: '.entry, .entry_photo',
  394. isAnimated : false
  395. });
  396. });
  397.  
  398. $wall.infinitescroll({
  399. navSelector : '#pagination',
  400. nextSelector : '#pagination a',
  401. itemSelector : '.entry, .entry_photo',
  402. bufferPx : 2000,
  403. debug : false,
  404. errorCallback: function() {
  405. $('#infscr-loading').fadeOut('normal');
  406. }},
  407. function( newElements ) {
  408. var $newElems = $( newElements );
  409. $newElems.hide();
  410. $newElems.imagesLoaded(function(){
  411. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  412. });
  413. }); $('#posts').show(500);
  414. });
  415. </script>
  416. {/block:IndexPage}
  417.  
  418.  
  419. <title>{Title}</title>
  420.  
  421. <link rel="shortcut icon" href="{Favicon}" />
  422. <meta name="viewport" content="width=820" />
  423. </head>
  424.  
  425. <body>
  426.  
  427.  
  428.  
  429. <div id="header">
  430.  
  431. <div id="blogtitle">{text:Blogtitle}</div>
  432. <div id="demi">
  433. <a href="{text:Link 1 Url}" title="{text:Link 1 Name}">x</a>
  434. <a href="{text:Link 2 Url}" title="{text:Link 2 Name}">x</a>
  435. <a href="{text:Link 3 Url}" title="{text:Link 3 Name}">x</a>
  436. <a href="{text:Link 4 Url}" title="{text:Link 4 Name}">x</a>
  437. <a href="{text:Link 5 Url}" title="{text:Link 5 Name}">x</a>
  438. <a href="{text:Link 6 Url}" title="{text:Link 6 Name}">x</a>
  439. <a href="http://hazythemes.tumblr.com" title="credit">x</a>
  440. </div>
  441.  
  442.  
  443. <div id="bio">{Description}</div></div>
  444.  
  445.  
  446.  
  447. <div id="posts">
  448. {block:Posts}
  449. <div class="entry">
  450.  
  451. {block:Photo}
  452. {block:IndexPage}
  453. <div class="photo"><a href="{Permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  454. <div class="jazmyn">
  455. <a href="{ReblogURL}">Reblog</a> &middot;
  456. <a href="{ReblogParentURL}">Via</a> &middot;
  457. <a href="{Permalink}">{NoteCount}</a>
  458. </div>
  459. {/block:IndexPage}
  460. {block:PermalinkPage}
  461. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  462. {LinkCloseTag}
  463. {/block:PermalinkPage}
  464. {/block:Photo}
  465.  
  466. {block:Answer}
  467. {Asker}:{Question}
  468. {Answer}
  469. {block:IndexPage}
  470. <div class="permalink"><a href="{Permalink}">{TimeAgo}</a>
  471. <div class="hide"><a href="{reblogurl}">Share Post</a></div>
  472. </div>
  473. {/block:IndexPage}
  474. {/block:Answer}
  475.  
  476. {block:Text}
  477. {block:Title}
  478. <span class="title">{Title}</span>
  479. {/block:Title}
  480. <span class="body">{Body}</span>
  481. {block:IndexPage}
  482. <div class="permalink"><a href="{Permalink}">{TimeAgo}</a>
  483. <div class="hide"><a href="{reblogurl}">Share Post</a></div>
  484. </div>
  485. {/block:IndexPage}
  486. {/block:Text}
  487.  
  488. {block:Link}
  489. <a href="{URL}" class="title">{Name}</a>{block:Description}
  490. <div class="body">{Description}</div>{/block:Description}
  491. {block:IndexPage}
  492. <div class="permalink"><a href="{Permalink}">{TimeAgo}</a>
  493. <div class="hide"><a href="{reblogurl}">Share Post</a></div>
  494. </div>
  495. {/block:IndexPage}
  496. {block:Link}
  497.  
  498. {block:Photoset}
  499. {block:IndexPage}
  500. {Photoset}
  501. <div class="permalink"><a href="{Permalink}">{TimeAgo}</a>
  502. <div class="hide"><a href="{reblogurl}">Share Post</a></div>
  503. </div>
  504. {/block:IndexPage}
  505. {block:PermalinkPage}
  506. <center>
  507. {Photoset}</center>
  508. {/block:PermalinkPage}
  509. {/block:Photoset}
  510.  
  511. {block:Quote}
  512. <span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}{block:IndexPage}
  513. <div class="permalink"><a href="{Permalink}">{TimeAgo}</a>
  514. <div class="hide"><a href="{reblogurl}">Share Post</a></div>
  515. </div>
  516. {/block:IndexPage}
  517. {/block:Quote}
  518.  
  519. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  520. <ul class="chat">
  521. {block:Lines}
  522. <li class="user_{UserNumber}">
  523. {block:Label}
  524. <span class="label">{Label}</span>
  525. {/block:Label}
  526.  
  527. {Line}
  528. </li>
  529. {/block:Lines}
  530. {block:IndexPage}
  531. <div class="permalink"><a href="{Permalink}">{TimeAgo}</a>
  532. <div class="hide"><a href="{reblogurl}">Share Post</a></div>
  533. </div>
  534. {/block:IndexPage}
  535. {/block:Chat}
  536.  
  537. {block:Audio}
  538. <div style="width:200px; height:30px;">
  539. {AudioPlayerWhite}
  540. </div>
  541. {block:IndexPage}
  542. <div class="permalink"><a href="{Permalink}">{TimeAgo}</a>
  543. <div class="hide"><a href="{reblogurl}">Share Post</a></div>
  544. </div>
  545. {/block:IndexPage}
  546. {/block:Audio}
  547.  
  548. {block:Video}
  549. {block:IndexPage}
  550. <center>
  551. {Video-250}
  552. </center>
  553. {block:IndexPage}
  554. <div class="permalink"><a href="{Permalink}">{TimeAgo}</a>
  555. <div class="hide"><a href="{reblogurl}">Share Post</a></div>
  556. </div>
  557. {/block:IndexPage}
  558. {/block:IndexPage}
  559. {block:PermalinkPage}
  560. <center>
  561. {Video-400}</center>
  562. {/block:PermalinkPage}
  563. {block:Video}
  564.  
  565.  
  566. {block:PostNotes}<br><div id="caption">{caption}</div>
  567. <center>
  568.  
  569. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  570.  
  571. {block:HasTags}
  572. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}{/block:HasTags}
  573. {block:RebloggedFrom}
  574. <br> Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  575. <br> Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  576.  
  577. {/block:RebloggedFrom}
  578. </center></span>
  579. <br>
  580. <div id="postnotes">{PostNotes}</div><br>
  581.  
  582. <center>{block:ContentSource}
  583. <br><a href="{SourceURL}">
  584. {lang:Source}:
  585. {block:SourceLogo}
  586. <img src="{BlackLogoURL}" width="{LogoWidth}"
  587. height="{LogoHeight}" alt="{SourceTitle}" />
  588. {/block:SourceLogo}
  589. {block:NoSourceLogo}
  590. {SourceLink}
  591. {/block:NoSourceLogo}
  592. </a>
  593. {/block:ContentSource}</center>
  594.  
  595. {/block:PostNotes}
  596. </div>
  597. {/block:Posts}
  598. </div></div>
  599.  
  600. {block:IndexPage}
  601. {block:Pagination}
  602. <div id="pagination">
  603. {block:NextPage}
  604. <a id="nextPage" href="{NextPage}"></a>
  605. {/block:NextPage}
  606. {block:PreviousPage}
  607. <a href="{PreviousPage}"></a>
  608. {/block:PreviousPage}
  609. </div>
  610. {/block:Pagination}
  611. {/block:IndexPage}
  612.  
  613. </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!