API tools faq
paste
Advertisement
Lordrauhl

PIXIE THEME

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