API tools faq
paste
Advertisement
kyngri

Hiatus

kyngri
May 22nd, 2015
241
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.97 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!--
  4. Farahmir base code.
  5. Theme made by kyngri for personal use only.
  6. -->
  7.  
  8. <!DOCTYPE html>
  9. <head>
  10.  
  11. <script language=JavaScript> var message="Boo."; function clickIE4(){ if (event.button==2) { alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("return false") </script>
  12.  
  13. <title>ʜ ɪ ᴀ ᴛ ᴜ s .</title>
  14.  
  15. <link rel="shortcut icon" href="{favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!--Default Variables-->
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Hyrule" content="#ffffff"/>
  23. <meta name="color:Triforce" content="#ffffff"/>
  24. <meta name="color:Scroll" content="#ffffff" />
  25.  
  26.  
  27.  
  28. <!--CSS customization here. -->
  29.  
  30. <style type="text/css">
  31.  
  32.  
  33.  
  34. iframe#tumblr_controls {
  35. top:0%!important;
  36. right:0%!important;
  37. position:fixed!important;
  38. z-index:99999999!important;
  39. -webkit-filter:invert(100%);
  40. -moz-filter:invert(100%);
  41. -o-filter:invert(100%);
  42. -ms-filter:invert(100%);
  43. filter:invert(100%);
  44. opacity:.3;
  45. {block:IndexPage}
  46. opacity:0;
  47. -webkit-transition: all 1s ease-in-out;
  48. -moz-transition: all 1s ease-in-out;
  49. -o-transition: all 1s ease-in-out;
  50. -ms-transition: all 1s ease-in-out;
  51. transition: all 1s ease-in-out;
  52. {/block:IndexPage}
  53. }
  54.  
  55. iframe#tumblr_controls:hover {
  56. opacity:.3;
  57. }
  58.  
  59.  
  60. #s-m-t-tooltip{
  61. max-width:300px;
  62. margin-top:25px;
  63. margin-left:15px;
  64. padding:4px;
  65. z-index:99999999999999999;
  66. background-color:{color:castle town};
  67. color:{color:Text};
  68. font-family:wendy;
  69. font-size:10px;
  70. line-height:10px;
  71. letter-spacing:1px;
  72. font-style:normal;
  73. text-transform:normal;
  74. border-left:4px solid {color:Borders};
  75. border-right:4px solid {color:Borders};
  76. border-radius:7px 7px 7px 7px;
  77. word-wrap:break-word;
  78. -moz-transition:all 0.5s ease-in-out;
  79. -webkit-transition:all 0.5s ease-in-out;
  80. -o-transition:all 0.5s ease-in-out;
  81. transition:all 0.5s ease-in-out;
  82. }
  83.  
  84. ::-webkit-scrollbar-thumb:vertical {
  85. background:{color:Scroll};
  86. height: 30px;
  87. }
  88.  
  89. ::-webkit-scrollbar {
  90. height: 10px;
  91. width: 4px;
  92. }
  93.  
  94.  
  95. body {
  96. background:{color:Background};
  97. color:{color:Text};
  98. font-family:calibri;
  99. font-size:11px;
  100. text-align:justify;
  101. margin:0;
  102. line-height:16px;}
  103.  
  104.  
  105. /* container */
  106.  
  107. #hyrulefield {
  108. width:100%;
  109. height:100%;
  110. left:0px;
  111. top:0px;
  112. position:fixed;
  113. background:url('https://31.media.tumblr.com/68f115cee568439ec06c1b875175a7aa/tumblr_inline_nl17hgfnlU1t839df.png');
  114. background-attachment:fixed;
  115. background-repeat:repeat;
  116. }
  117.  
  118. /* sidebar wrapper */
  119.  
  120. #hyrule {
  121. position:absolute;
  122. left:250px;
  123. bottom:40px;
  124. width:700px;
  125. height:350px;
  126. z-index:999999;
  127. }
  128.  
  129. #hyruleline {
  130. position:absolute;
  131. left:0px;
  132. bottom:75px;
  133. height:2px;
  134. width:100%;
  135. background-color:{color:hyrule};
  136. }
  137.  
  138. #hyruleline2 {
  139. position:absolute;
  140. left:0px;
  141. bottom:60px;
  142. height:10px;
  143. width:100%;
  144. background-color:{color:hyrule};
  145. }
  146.  
  147. /* Music Player */
  148.  
  149. #ocarina {
  150. overflow:hidden;
  151. position:absolute;
  152. width:20px;
  153. height:20px;
  154. bottom:15px;
  155. left:250px;
  156. background:{color:triforce};
  157. border:2px solid {color:hyrule};
  158. padding:2px;
  159. border-radius:100%;
  160. z-index:9999999;
  161. -webkit-transition: all 1s ease-in-out;
  162. -moz-transition: all 1s ease-in-out;
  163. -o-transition: all 1s ease-in-out;
  164. -ms-transition: all 1s ease-in-out;
  165. transition: all 1s ease-in-out;
  166. }
  167.  
  168. #time {
  169. margin-top:3px;
  170. margin-left:3px;
  171. z-index:3;
  172. -webkit-transition: 0.9s;
  173. -moz-transition: 0.9s;
  174. -o-transition: 0.9s;
  175. -ms-transition: 0.9s;
  176. transition: 0.9s;
  177. }
  178.  
  179. #ocarina:hover #time {
  180. margin-top:-20px;
  181. -webkit-transition: 0.9s;
  182. -moz-transition: 0.9s;
  183. -o-transition: 0.9s;
  184. -ms-transition: 0.9s;
  185. transition: 0.9s;
  186. }
  187.  
  188. #lullaby {
  189. margin-top:4px;
  190. margin-left:-3px;
  191. opacity:1;
  192. z-index:2;
  193. }
  194.  
  195. /* sidebar img */
  196.  
  197. #link {
  198. position:absolute;
  199. left:0px;
  200. bottom:0px;
  201. z-index:9;
  202. }
  203.  
  204. #link img {
  205. width:350px;
  206. }
  207.  
  208. /* sidebar desc */
  209.  
  210. #midna {
  211. position:absolute;
  212. left:356px;
  213. bottom:205px;
  214. width:508px;
  215. height:208px;
  216. z-index:99999;
  217. background:{color:triforce};
  218. }
  219.  
  220. .tri{
  221. top:50px;
  222. left:-20px;
  223. width:50px;
  224. border:0;
  225. padding:0;
  226. margin-top:-1px;
  227. position:absolute;
  228. background:{color:triforce};
  229. -ms-transform: rotate(90deg); /* IE 9 */
  230. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  231. transform: rotate(90deg);
  232. -webkit-transition: all 1s ease-in-out;
  233. -moz-transition: all 1s ease-in-out;
  234. -o-transition: all 1s ease-in-out;
  235. -ms-transition: all 1s ease-in-out;
  236. transition: all 1s ease-in-out;
  237. }
  238.  
  239. .tri:before, .tri:after {
  240. content:"";
  241. position:absolute;
  242. width:0;
  243. height:0;
  244. border-style:solid;
  245. border-color:transparent;
  246. border-bottom:0;
  247. }
  248. .tri:before {
  249. left:0px;
  250. border-top-color:{color:triforce};
  251. border-width:50px;
  252. }
  253. .tri:after {
  254. left:0px;
  255. border-top-color:{color:triforce};
  256. border-width:50px;
  257. }
  258.  
  259. #skullkid {
  260. position:absolute;
  261. bottom:0px;
  262. left:0px;
  263. padding:4px;
  264. width: 500px;
  265. height: 200px;
  266. background:transparent;
  267. font-family:calibri;
  268. font-size:10px;
  269. text-align:center;
  270. }
  271.  
  272.  
  273. {CustomCSS}
  274.  
  275.  
  276.  
  277. </style>
  278.  
  279. {block:IndexPage}
  280. {block:ifInfiniteScroll}
  281. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  282. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  283. {/block:ifInfiniteScroll}
  284. {/block:IndexPage}
  285.  
  286.  
  287.  
  288. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  289. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  290. <script>
  291. (function($){
  292. $(document).ready(function(){
  293. $("[title]").style_my_tooltips();
  294. });
  295. })(jQuery);
  296. </script>
  297.  
  298. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script><script>$(function() {var $el, leftPos, newWidth,$mainNav = $("#midnaa");$mainNav.append("<li class='triforce'></li>");var $magicLine = $(".triforce");$magicLine.width($(".current_item").width()).css("left", $(".current_item a").position().left).data("origLeft", $magicLine.position().left);$("#midnaa li a").hover(function() {$el = $(this);leftPos = $el.position().left;newWidth = $el.parent().width();$magicLine.stop().animate({left: leftPos,});}, function() {$magicLine.stop().animate({left: $magicLine.data("origLeft"),});});});</script>
  299.  
  300. </head>
  301.  
  302. <body>
  303. <body bgcolor="#fafafa" ondragstart="return false" onselectstart="return false">
  304. <body onkeydown="return false">
  305.  
  306. <div id="hyrulefield">
  307.  
  308. <div id="hyruleline"></div>
  309. <div id="hyruleline2"></div>
  310. <div id="hyrule">
  311.  
  312. <div id="link"><img src="https://36.media.tumblr.com/5a1870a0cc1c7f1c33bb121ea5babd08/tumblr_inline_noqrxvx8zo1t9imm5_540.png"></div>
  313.  
  314.  
  315. <div id="ocarina">
  316. <div id="time">
  317. <img src="https://31.media.tumblr.com/tumblr_m7w2n46Pdl1r6o8v2.gif"/>
  318. </div>
  319. <div id="lullaby">
  320. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="25" height="20"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" /><param name="bgcolor" value="111111" /><param name="FlashVars" value="mp3=https://db.tt/FEgOwF8Y&amp;width=25&amp;loop=1&amp;autoplay=1&amp;showslider=0&amp;bgcolor=f9f9f9&amp;bgcolor1=f9f9f9&amp;bgcolor2=f9f9f9&amp;buttoncolor=000000&amp;buttonovercolor=000000" /></object>
  321. </div>
  322. </div>
  323.  
  324. <div id="midna">
  325. <div class="tri"></div>
  326. <div id="skullkid">
  327. <iframe frameborder="0"
  328. height="200"
  329. id="ask_form"
  330. scrolling="no"
  331. src="http://www.tumblr.com/ask_form/thenotoriousbyg.tumblr.com"
  332. width="100%">
  333. </iframe>
  334. </div>
  335. </div>
  336.  
  337. </div>
  338.  
  339.  
  340.  
  341. {block:ContentSource}
  342. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  343. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  344. {/block:SourceLogo}
  345. {block:NoSourceLogo}{Sourcelink}{/block:NoSourceLogo} -->
  346. {/block:ContentSource}
  347.  
  348. </body></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!