API tools faq
paste
Advertisement
Lordrauhl

THEME FIVE 4C

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