API tools faq
paste
Advertisement
Lordrauhl

FRAGILE THEME

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