API tools faq
paste
Advertisement
sadmilks

Sky Haven thm.02

sadmilks
Aug 29th, 2013
1,246
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.45 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <!--
  3.  
  4. ☆ ⋆ ☆ ⋆ SKY HAVEN THEME @ R-EIORA.TUMBLR.COM ☆ ⋆ ☆ ⋆
  5.  
  6. /DO NOT REMOVE THIS COMMENT/
  7.  
  8. (◍ ´꒳` ◍)
  9.  
  10. ☆ ⋆ ☆ ⋆ ☆ ⋆ ☆ ⋆ ☆ ⋆ ☆ ⋆ ☆ ⋆ ☆ ⋆ ☆ ⋆ ☆ ⋆
  11.  
  12. **update: text posts fixed**
  13.  
  14. -->
  15. <html>
  16. <head>
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. {block:Description}<meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23.  
  24. <meta name="image:background" content=""/>
  25.  
  26. <meta name="color:quo" content="#000"/>
  27. <meta name="color:perma" content="#000"/>
  28. <meta name="color:background" content="#fff"/>
  29. <meta name="color:text" content="#333">
  30. <meta name="color:links" content="#858585">
  31.  
  32. <meta name="font:sous text" content="simhei" />
  33.  
  34. <meta name="if:single column" content="1">
  35. <meta name="if:double column" content="0">
  36. <meta name="if:post shadow" content="1">
  37. <meta name="if:show sprout" content="1"/>
  38. <meta name="if:extra links" content="0">
  39.  
  40. <meta name="text:link1"content""/>
  41. <meta name="text:link1 name" content""/>
  42. <meta name="text:link2"content""/>
  43. <meta name="text:link2 name" content""/>
  44. <meta name="text:link3"content""/>
  45. <meta name="text:link3 name" content""/>
  46.  
  47. <style type="text/css">
  48.  
  49. iframe#tumblr_controls {right:3px !important;
  50. z-index:999999;
  51. position: fixed !important;
  52. opacity: 0;
  53. -webkit-filter:invert(1);
  54. filter:alpha(opacity=0);
  55. -moz-opacity: 0;
  56. -khtml-opacity: 0;
  57. -webkit-transition: all 0.9s ease;
  58. -moz-transition: all 0.9s ease;
  59. -o-transition: all 0.9s ease;}
  60. iframe#tumblr_controls:hover{
  61. opacity: 1;
  62. filter:alpha(opacity=100);
  63. -moz-opacity: 1;
  64. -khtml-opacity: 1;
  65. -webkit-transition: all 0.9s ease;
  66. -moz-transition: all 0.9s ease;
  67. -o-transition: all 0.9s ease;}
  68.  
  69. /*scrollbar code here*/
  70.  
  71. ::-webkit-scrollbar-thumb{background-color:#000;border: 4px solid #fff;height:auto;}
  72.  
  73. ::-webkit-scrollbar {height:9px;width:9px;background-color:#eee;border: 4px solid #fff;}
  74.  
  75. ::selection {background-color:#f9f9f9;}
  76.  
  77. body{font-family:consolas;font-size:10px;text-align:justify;text-transform:lowercase;color:{color:text};margin:0px;background:{color:background} url('{image:background}') fixed repeat center;}
  78.  
  79. a {cursor:none;text-decoration:none;color:#858585;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
  80.  
  81. a:hover {border-bottom:0px dotted #000;color:#e0e0e0;}
  82.  
  83. #all {margin:auto;}
  84.  
  85. #posts {float: left;height: auto;position:relative;margin-left:530px;margin-right: auto;margin-top:20px;{block:ifdoublecolumn}width:490px;left:50;{/block:ifdoublecolumn} {block:ifsinglecolumn}width:240px;left:40px; {/block:ifsinglecolumn}
  86. }
  87.  
  88. .po {{block:ifpostshadow}-webkit-box-shadow: 6px 6px 0px -1px #000;box-shadow: 6px 6px 0px -1px #000;{/block:ifpostshadow}background:transparent url('http://static.tumblr.com/palmvjm/ggYmsb8bv/bgr..jpg') repeat center;overflow:hidden;display: block;position:relative;padding:5px;float:left;margin-top:55px;margin:7px;{block:indexpage}width:195px;float:left;{block:indexpage}{block:permalinkpage}
  89. background:transparent url('http://static.tumblr.com/palmvjm/ggYmsb8bv/bgr..jpg') repeat center;width:400px;margin-top:10px;margin-left:10px;font:8px cambria;font-style:italic;{/block:indexpage} {/block:permalinkpage}}
  90.  
  91. .po:hover #posts {-webkit-filter:grayscale(.7);-moz-filter:grayscale(.7);
  92. -ms-filter:grayscale(.7);-o-filter:grayscale(.7);
  93. -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
  94.  
  95. #txt{background:#fff;text-align:left;padding:11px;overflow:hidden;{block:permalinkpage}max-width:400px;text-align:left;{/block:permalinkpage}}
  96.  
  97. img:hover{opacity: 0.8;-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;}
  98.  
  99. img{opacity: 1.0;-webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;}
  100.  
  101. #ph {width:195px;overflow:hidden;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;{block:permalinkpage}width:400px;{/block:permalinkpage}}
  102.  
  103. #ph img {width:195px;{block:permalinkpage}width:400px;{/block:permalinkpage}}
  104.  
  105. .po:hover #per {opacity:.9;}
  106.  
  107. #per{font-weight:lighter;font-family:tinytots;font-style:italic;border-right: 5px solid #000;bottom:3px;right:7px;letter-spacing:1px;opacity:.0;position:absolute;overflow:hidden;width:30px;text-align:right;background:transparent;padding:5px 5px 1px 5px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;z-index:3;{block:permalinkpage}display:none;{/block:permalinkpage}
  108. }
  109.  
  110. #per:hover{border-right: 16px solid #000;}
  111.  
  112. #per a {color:{color:perma};}
  113.  
  114. .he {background:#fff;text-align:left;padding:5px;overflow:hidden;}
  115.  
  116. .body {}
  117.  
  118. .body img {background:#fff;text-align:left;{block:indexpage} max-width:182px;{/block:indexpage}{block:permalinkpage}max-width:350px;{/block:permalinkpage}}
  119.  
  120. .qu {font-family:palatino linotype;font-style:italic;font-size: 10px;letter-spacing:1px;}
  121.  
  122. .qu2 {text-align:left;color:{color:quo};font-family:arial;font-size: 40px;padding: 0px;padding-bottom: 0px;margin-top:-7px;margin-left: -12px;position: relative;float: left;width:30px;opacity:.1;line-height:90%;}
  123.  
  124. .qusrc {text-align:right;}
  125.  
  126. .le {width:80px;height:80px;}
  127.  
  128. .le img {width:80px;height:80px;display:block;}
  129.  
  130. .be {background:none;width:26px;height:26px;border:1px solid transparent;margin:25px;overflow: hidden; z-index: 9999; opacity: 0.5;}
  131.  
  132. .button {margin-top:-25px;margin-left: -30px;width:10px;height:10px;background:;opacity:1;position:absolute;z-index:8;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
  133.  
  134. .po:hover .button {opacity:.75;}
  135.  
  136. .ri {float:right;margin:-80px 0 0 0;{block:indexpage}width:105px;{/block:indexpage}{block:permalinkpage}width:305px;{/block:permalinkpage}}
  137.  
  138. .thru {text-align:right;font:6px consolas;letter-spacing:1px;text-transform:uppercase;}
  139.  
  140. #ppage{margin-top:5px;padding:0 5px 5px 5px;}
  141.  
  142. .nav {font:8px consolas;text-transform:uppercase;letter-spacing:1px;margin-top:5px;display:none;}
  143.  
  144. #side {position:fixed;top:20px;width:150px;left:35px;text-align:right;}
  145.  
  146. .notetitle {padding-left:14px;text-transform:none;padding-bottom:10px; text-align:left;}
  147. .notes {margin-top:-4px; margin-bottom:25px; text-align:left;margin-left:-10px;}
  148. ol.notes li.note {padding:5px;}
  149. ol.notes {max-height: 200px;width:410px; overflow: auto;}
  150. img.avatar {display: none;}
  151. .caption {margin-top:-3px;padding:-15px;}
  152.  
  153. blockquote { padding-left:5px;padding-right:5px;margin-left:0px; margin-right:5px;border-left:0px solid #888;width:180px;border-right: 0px solid #888;overflow: hidden;}
  154.  
  155. /*♪ side codes ♪*/
  156.  
  157. #s-m-t-tooltip{position:fixed;overflow:hidden;max-width:190px; padding:0px;margin:10px 0 0 23px;background:#000;z-index:10;display:inline-block;font size:8px;font-family:consolas;text-transform:uppercase;color:#fff;z-index: 999999999;}
  158.  
  159. #mou{opacity:0.8;bottom:9px;margin-left:200px;background: url('http://static.tumblr.com/palmvjm/ggYmsb8bv/bgr..jpg') repeat;border: 0px double #ccc;border-radius: 5px;color: #fff;height: auto;left: 100px;overflow: hidden;padding: 8px 21px 12px 13px;position: fixed;text-align: center;width: 95px;z-index:3;line-height: 110%;z-index:999;}
  160.  
  161. /*this is where you change the bg image*/
  162.  
  163. #tsun{width:100px;height:691px;position:fixed;bottom:-10px;padding:0px;left:-28px;background:transparent;}
  164.  
  165. #tsun img{background-color:transparent;opacity:0.9;}
  166.  
  167. #goku {left: 310px;margin-top:-18px;font-size:13px;color:#000;font-family:{font:sous text};line-height: 14px;text-align: left;position: fixed;z-index: 999999;}
  168.  
  169. #sprout {left: 307px;top:86%;line-height: 14px;position: fixed;{block:permalinkpage}left: 307px;{/block:permalinkpage}z-index: 999999;}
  170.  
  171. #taro a {font: 9px tinytots;color:#fff;padding:2px;background-color:#000;z-index:99999;padding:2px;background:#fff url('http://media.tumblr.com/b3be189b6c1865990e6399ccb8415525/tumblr_inline_mpskkbQ68R1qz4rgp.png') fixed repeat center; }
  172.  
  173. #taro a:hover {color:#000;background:#fff;text-align: right; border-bottom: 5px solid #000; -webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
  174. /*♪ end side codes ♪*/
  175.  
  176. </style>
  177.  
  178. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  179. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  180. <script>
  181. (function($){
  182. $(document).ready(function(){
  183. $("a[title]").style_my_tooltips({
  184. tip_follows_cursor:true,
  185. tip_delay_time:20,
  186. tip_fade_speed:400,
  187. attribute:"title"
  188. });
  189. });
  190. })(jQuery);
  191. </script>
  192.  
  193. <script type="text/javascript">
  194. $(document).ready(function()
  195. {
  196. $( '.wrap' ).fadeIn("slow");
  197. });
  198. </script>
  199.  
  200. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/zr9m0w1np/masonryq.js"></script>
  201. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/J0qm0vycn/querymasonry.js"></script>
  202. <script src="http://static.tumblr.com/nj7bgyh/bynm0xy7g/endlessscrolljquery.js"></script>
  203.  
  204. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  205. <script type="text/javascript">
  206. $(window).load(function () {
  207. $('#posts').masonry(),
  208. $('.masonryWrap').infinitescroll({
  209. navSelector : ".nav a",
  210. // selector for the paged navigation (it will be hidden)
  211. nextSelector : ".nav a",
  212. // selector for the NEXT link (to page 2)
  213. itemSelector : ".po",
  214. // selector for all items you'll retrieve
  215. bufferPx : 10000,
  216. extraScrollPx: 11000,
  217. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  218. loadingText : "<em></em>",
  219. },
  220. // call masonry as a callback.
  221. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  222. );
  223. });
  224. </script>
  225. <script src="toggle.js" type="text/javascript"></script>
  226. <script type="text/javascript">
  227. </script>
  228.  
  229. </head><body>
  230.  
  231. {block:ifshowsprout}
  232. <div id="sprout"><img src="http://static.tumblr.com/dw5tmyf/GiOmqtx0g/plnt.gif"/>&nbsp;&nbsp;</a></div>
  233. {/block:ifshowsprout}
  234.  
  235. <div id="mou">
  236. <div id="goku">&nbsp;&nbsp;&nbsp;{Title}</a></div><div style="color:#000;font-size:10px;font-style:italic;font-family:cambria;">
  237. {Description}
  238. </div>
  239.  
  240. <div id="taro">
  241.  
  242. <div style="margin-top:12px;left:7px;">
  243. <a href="/">001</a>
  244. <a href="/ask">002</a>
  245. <a href="http://r-eiora.tumblr.com" title="theme">003</a>
  246. </div></div>
  247.  
  248. {block:ifextralinks}
  249. <br>
  250. <select style="border:0px double #eee;#b3b1b2;font: 9px tinytots;font-style:italic;height: 16px;letter-spacing: 1px;margin-top: 7px;text-transform: lowercase;
  251. width: 105px;" onChange="location.href=this.options[this.selectedIndex].value;">
  252. <option value=''>navigation</option>
  253. <option value="http://r-eiora.tumblr.com">theme by r-eiora</option>
  254. {block:iflink1}
  255. <option value="{text:link1}">{text:link1 Name}</option>{/block:iflink1}
  256. {block:iflink2}
  257. <option value="{text:link2}">{text:link2 Name}</option>{/block:Iflink2}
  258. {block:iflink3}
  259. <option value="{text:link3}">{text:link3 Name}</option>{/block:Iflink3}
  260. </select>
  261. {block:ifextralinks}
  262. </div>
  263.  
  264. <div id="tsun"><img src="http://static.tumblr.com/palmvjm/hIFms3jp6/db.png"/></div>
  265.  
  266. </div>
  267. </div></div></div>
  268.  
  269. <div id="all">
  270. <div class="nav">
  271.  
  272. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}
  273. {/block:Pagination}
  274.  
  275. </div>
  276. </div>
  277. <div id="posts">{block:Posts}<div class="po">
  278.  
  279. {block:Text}<div id="per"><a href="{permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></div><div id="txt">{block:Title}<div class="he">{Title}</div>{/block:Title}<div class="bdy">{Body}</div></div>{/block:Text}{block:Source}{/block:Source}
  280.  
  281. {block:Quote}<div id="per"><a href="{permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></div><div id="txt"><div class="qu"><span class="qu2">❝</span>{Quote}</div>{block:Source}<div class="qusrc"><br> </div>{/block:Source}</div>{/block:Quote}
  282.  
  283. {block:Link}<div id="per"><a href="{permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></div><div id="txt"><div class="he"><a href="{URL}" target="_blank"> {Name}</a></div>{block:permalinkpage}{block:Description}<div class="body">{Description}<div>{/block:Description}{/block:permalinkpage}</div>{/block:Link}
  284.  
  285. {block:Chat}<div id="per"><a href="{permalink}" title="{NoteCountWithLabel}">{24Hour}.</a></div><div id="txt">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<font color="{color:link}"><b>{Label}</b></font> {Line}<br>{/block:Label}{/block:Lines}</a></div>{/block:Chat}
  286.  
  287. {block:Audio}<div id="per"><a href="{permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></div><div id="txt">{block:AudioEmbed}<div style="margin:0 -15px 0 -5px;">{block:indexpage}{AudioEmbed-250}{/block:indexpage}{block:permalinkpage}{AudioEmbed-400}{/block:permalinkpage}</div>{/block:AudioEmbed}{block:AudioPlayer}<div class="le"><div class="button">
  288. <div class="be">{AudioPlayerWhite}</div></div></div><div class="ri">
  289. {block:TrackName}{TrackName}<br>{/block:TrackName}{block:Artist}<b></b> {Artist}<br>{/block:Artist}</div>{/block:AudioPlayer}{block:permalinkpage}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:permalinkpage}</div>{/block:Audio}
  290.  
  291. {block:Answer}<div id="per"><a href="{permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></div><div id="txt"><div class="qu">{Question}</div><div class="qusrc">{Asker}</div><div class="body">{Answer}</div>
  292. </div>{/block:Answer}
  293.  
  294. {block:Photo}<div id="ph">{block:permalinkpage}{LinkOpenTag}{/block:permalinkpage}{block:indexpage}<a href="{Permalink}" title="{NoteCountWithLabel}">{/block:indexpage}<img src="{PhotoURL-500}"></a>{LinkCloseTag}{block:permalinkpage}{block:HighRes}<div class="thru"><a href="{PhotoURL-HighRes}" target="_blank">high res</a></div>{/block:HighRes}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:permalinkpage}</div>{/block:Photo}
  295.  
  296. {block:Photoset}<div id="ph">{block:indexpage}{block:Photos}<a href="{Permalink}" title="{NoteCountWithLabel}">{/block:indexpage}<img src="{PhotoURL-500}"></a>{/block:Photos}{/block:indexpage}{block:permalinkpage}{Photoset-400}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:permalinkpage}</div>{/block:Photoset}
  297.  
  298. {block:Video}<div id="per"><a href="{permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></div><div id="ph">{block:indexpage}{Video-250}{/block:indexpage}{block:permalinkpage}{Video-400}{PlayCountWithLabel}<br>{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:permalinkpage}</div>{/block:Video}
  299.  
  300. {block:permalinkpage}
  301. <div id="ppage">
  302.  
  303. <br><div style="background:#fff;">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}; {ReblogParentTitle}"> via</a> , <a href="{ReblogRootURL}" title="{ReblogRootName}; {ReblogRootTitle}">source</a>{/block:RebloggedFrom} {block:HasTags} {block:Tags}<a href="{TagURL}">#{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
  304.  
  305. <p>{block:PostNotes}{PostNotes}{/block:PostNotes}
  306. </div>{/block:permalinkpage}</div>{/block:Posts}</p>
  307.  
  308. </div></div></div>
  309.  
  310. </body>
  311.  
  312. </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!