Advertisement
kawaiibuu

eclipse theme

Feb 2nd, 2014
3,085
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.89 KB | None | 0 0
  1. <!--
  2. ___
  3. ,o88888
  4. ,o8888888'
  5. ,:o:o:oooo. ,8O88Pd8888"
  6. ,.::.::o:ooooOoOoO. ,oO8O8Pd888'"
  7. ,.:.::o:ooOoOoOO8O8OOo.8OOPd8O8O"
  8. , ..:.::o:ooOoOOOO8OOOOo.FdO8O8"
  9. , ..:.::o:ooOoOO8O888O8O,COCOO"
  10. , . ..:.::o:ooOoOOOO8OOOOCOCO"
  11. . ..:.::o:ooOoOoOO8O8OCCCC"o
  12. . ..:.::o:ooooOoCoCCC"o:o
  13. . ..:.::o:o:,cooooCo"oo:o:
  14. ` . . ..:.:cocoooo"'o:o:::'
  15. .` . ..::ccccoc"'o:o:o:::'
  16. :.:. ,c:cccc"':.:.:.:.:.'
  17. ..:.:"'`::::c:"'..:.:.:.:.:.'
  18. ...:.'.:.::::"' . . . . .'
  19. .. . ....:."' ` . . . ''
  20. . . . ...."'
  21. .. . ."' eclipse theme by meancutie
  22. . download @ http://jubileethemes.tumblr.com
  23. do not remove credit; do not take parts of the code.
  24.  
  25.  
  26.  
  27.  
  28. -->
  29. <head>
  30. <link rel="icon" href="{Favicon}"/>
  31. <title>{Title}</title>
  32.  
  33. <meta name="color:background" content="#a0a0a0" />
  34. <meta name="color:links" content="#000000" />
  35. <meta name="color:links hover" content="#ffffff" />
  36. <meta name="color:text" content="#000000" />
  37.  
  38. <meta name="image:cursor" content="http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png"/>
  39. <meta name="image:link cursor" content="http://static.tumblr.com/mqkrxog/tUDn034rx/curosr.png"/>
  40. <meta name="image:background" content="" />
  41. <meta name="image:sidebar" content="" />
  42. <meta name="image:floating img" content="" />
  43. <meta name="text:links title" content="links" />
  44. <meta name="text:links clicked title" content="hide links" />
  45.  
  46. <meta name="select:post width" content="250" title="250">
  47. <meta name="select:post width" content="300" title="300">
  48. <meta name="select:post width" content="400" title="400">
  49. <meta name="select:post width" content="500" title="500">
  50. <meta name="select:post width" content="650" title="650">
  51. <meta name="select:post color" content="255, 255, 255" title="white">
  52. <meta name="select:post color" content="0, 0, 0" title="black">
  53. <meta name="select:post color" content="55, 55, 55" title="grey">
  54. <meta name="select:post color" content="208, 13, 43" title="red">
  55. <meta name="select:post color" content="161, 70, 163" title="violet">
  56. <meta name="select:post color" content="130, 63, 168" title="purple">
  57. <meta name="select:post color" content="54, 49, 198" title="blue">
  58. <meta name="select:post color" content="69, 154, 178" title="teal">
  59. <meta name="select:post color" content="128, 211, 122" title="green">
  60. <meta name="select:post color" content="255, 229, 0" title="yellow">
  61. <meta name="select:post color" content="255, 157, 0" title="orange">
  62. <meta name="select:post color" content="247, 207, 207" title="pink">
  63. <meta name="select:post opacity" content="1" title="100%">
  64. <meta name="select:post opacity" content="0.75" title="75%">
  65. <meta name="select:post opacity" content="0.5" title="50%">
  66. <meta name="select:post opacity" content="0.25" title="25%">
  67. <meta name="select:post opacity" content="0.0" title="0%">
  68. <meta name="select:shadow opacity" content="1" title="100%">
  69. <meta name="select:shadow opacity" content="0.75" title="75%">
  70. <meta name="select:shadow opacity" content="0.5" title="50%">
  71. <meta name="select:shadow opacity" content="0.25" title="25%">
  72. <meta name="select:shadow opacity" content="0.0" title="0%">
  73. <meta name="select:hover photo opacity" content="opacity:1;" title="100%">
  74. <meta name="select:hover photo opacity" content="opacity:0.75;" title="75%">
  75. <meta name="select:hover photo opacity" content="opacity:0.55;" title="55%">
  76. <meta name="select:hover photo opacity" content="opacity:0.25;" title="25%">
  77. <meta name="select:hover photo opacity" content="opacity:0;" title="0%">
  78.  
  79. <meta name="if:hover permalinks" content="0">
  80. <meta name="if:darken photos" content="1">
  81. <meta name="if:stretch background image" content="0">
  82.  
  83. <meta name="text:link title 1" content="">
  84. <meta name="text:link url 1" content="">
  85. <meta name="text:link title 2" content="">
  86. <meta name="text:link url 2" content="">
  87. <meta name="text:link title 3" content="">
  88. <meta name="text:link url 3" content="">
  89. <meta name="text:link title 4" content="">
  90. <meta name="text:link url 4" content="">
  91. <meta name="text:floating img left" content="-55">
  92. <meta name="text:floating img top" content="-25">
  93. <style type="text/css">
  94. body{ cursor:url('{image:cursor}'), progress !important; font-style:normal; letter-spacing: 2px; text-transform: uppercase; font-size: 8px; font-family: consolas; color:{color:text};
  95. background:{color:background} url('{image:background}')top left fixed repeat; {block:ifstrechbackgroundimage} background-size:cover; {/block:ifstrechbackgroundimage} }
  96. small { font-size: 9px; text-transform: uppercase; }
  97. ::selection { background: {color:x button background}; } ::-moz-selection { background: {color:x button background}; } ::-webkit-selection { background: {color:x button background}; } ::-webkit-scrollbar-thumb{ background: rgba({select:post color}, {select:post opacity}); height:auto;}
  98. ::-webkit-scrollbar {height:auto; width: 3px; background: transparent; }
  99. ::-webkit-scrollbar:horizontal {height:0px; width: 3px; background: transparent; }
  100. #holder { width: {select:post width}px; margin: auto; -webkit-box-shadow: 0px 0px 15px 0px rgba({select:post color}, {select:shadow opacity}); -moz-box-shadow: 0px 0px 15px 0px rgba({select:post color}, {select:shadow opacity}); box-shadow: 0px 0px 15px 0px rgba({select:post color}, {select:shadow opacity}); height: 450px; padding: 5px; padding-right: 15px; background: rgba({select:post color}, {select:post opacity}); border: 1px solid rgba({select:post color}, {select:post opacity}); }
  101. #margin { padding-top: 75px; }
  102. a { cursor:url('{image:link cursor}'), progress !important;
  103. text-decoration: none; color: {color:links}; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
  104. a:hover { color: {color:links hover}; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
  105. #posts {
  106. overflow-y: auto; padding: 5px; width: {select:post width}px;
  107. padding-top: 0px; margin-top: 10px; height: 90%;
  108. background: transparent; margin-left: -2px;}
  109. .post .b { {block:ifhoverpermalinks}opacity: 0; margin-left: 150%;{/block:ifhoverpermalinks} border: 1px solid transparent; width: {select:post width}px; line-height: 8px; padding: 3px; padding-bottom: 0px; text-transform: uppercase;-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;
  110. -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
  111. .post:hover .b { {block:ifhoverpermalinks}opacity: 1; margin-left: 10%;{/block:ifhoverpermalinks}
  112. width: {select:post width}px;-webkit-transition: all 0.8s ease-in-out; color:{color:text}; opacity: 1; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
  113. .post { margin: 0px auto 0px -1px; width: {select:post width}px;
  114. padding: 5px; padding-top: 0px; padding-bottom: 4px;-webkit-transition: all 0.8s ease-in-out; background: transparent; color: {color:text}; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  115. .post a { color: {color:links}; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;
  116. transition: all 0.8s ease-in-out; }
  117. .post img { {block:ifdarkenphotos}-webkit-filter: brightness(85%); {/block:ifdarkenphotos} max-width: 100%; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
  118. .post:hover img { {block:ifdarkenphotos} -webkit-filter: brightness(100%); {/block:ifdarkenphotos} -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
  119. .poststyle { overflow: hidden; }
  120. i { font-style:normal; letter-spacing: 2px; text-transform: uppercase; font-size: 8px; }
  121. .slide { z-index: 999999999; color: {color:text}; }
  122. .slide a { color: {color:text}; }
  123. #sidebar { padding: 3px; padding-right: 18px; text-align:center; background: transparent; width: {select:post width}px; border-bottom: 1px solid rgba({select:post color}, {select:post opacity}); margin-left: -5px; line-height: 10px; }
  124. #s-m-t-tooltip { z-index: 99999999999999999999999999999999999999999999; letter-spacing:1.5px; margin: 15px; text-align:center; color: {color:text}; word-break: break-word; padding: 5px;
  125. max-width: 140px; font-size: 8px; text-transform:uppercase; display:block; border: 1px solid rgba({select:post color}, {select:post opacity}); background: rgba({select:post color}, {select:post opacity});}
  126. #changer { z-index:-999999999999999999999999999999999999999999999999999999999; top: 0px; left:0px; {select:hover photo opacity}
  127. height:100%; width: 100%; position:fixed; background: url(http://static.tumblr.com/mqkrxog/nHCn0c37s/transparent.png); background-size:cover; -webkit-transition: background 0.7s ease-in-out; -moz-transition: background 0.7s ease-in-out; -ms-transition: background 0.7s ease-in-out; -o-transition: background 0.7s ease-in-out; transition: background 0.7s ease-in-out; }
  128. </style>
  129.  
  130. <script type="text/javascript"
  131. src="http://static.tumblr.com/mqkrxog/Mcmmz7osn/jquery.min_1_.js"></script>
  132. <script type="text/javascript">
  133. jQuery(document).ready(function() {
  134. jQuery(".tabb").hide();
  135. jQuery(".slide").click(function()
  136. {
  137. jQuery(this).next(".tabb").animate({
  138. height: "toggle"
  139. }, 400);
  140. $(this).text($(this).text() == '{text:links clicked title}' ? '{text:links title}' : '{text:links clicked title}');
  141.  
  142. });});
  143. </script>
  144. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  145. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  146. <script>
  147. (function($){
  148. $(document).ready(function(){
  149. $("[title]").style_my_tooltips();
  150. });
  151. })(jQuery);
  152. </script>
  153. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  154. <script>
  155. $.fn.changebackground = function(msg) {
  156. $("#changer").css("background-image", "url("+msg+")");
  157. };
  158. </script>
  159. <script type="text/javascript">
  160. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  161. $(document).ready(function() {
  162. function photosetResize() {
  163. $('iframe.photoset').each(function(){
  164. var newSize = {select:post width};
  165. var newSrc = $(this).attr('src').replace('500',newSize);
  166. $(this).attr('src', newSrc).width(newSize);
  167. var high = $(this).css('height');
  168. var calculate = parseInt(high, 10)* newSize/500;
  169. $(this).css('height', calculate);
  170. });
  171. }
  172. photosetResize();
  173. });
  174. </script>
  175. </head>
  176. <body>
  177. <div id="changer"></div>
  178. <div id="margin">
  179. <div id="holder">
  180. <img src="{image:floating img}" style="position:absolute; margin-left: {text:floating img left}px; margin-top: {text:floating img top}px;"> <div id="sidebar"> {title} <a href="/">home</a> <a href="/ask" title="message">mail</a> <a href="/archive" title="post archive">index</a> <a class="slide" title="navigation"> {text:links title} </a> <div class="tabb"> <center>
  181. {block:iflinktitle1}<a href="{text:link url 1}">{text:link title 1}</a> / {/block:iflinktitle1} {block:iflinktitle2}<a href="{text:link url 2}">{text:link title 2}</a> / {/block:iflinktitle2} {block:iflinktitle3}<a href="{text:link url 3}">{text:link title 3}</a> / {/block:iflinktitle3} {block:iflinktitle4}<a href="{text:link url 4}">{text:link title 4}</a>{/block:iflinktitle4} </center> </div> </div>
  182. <div id="posts">
  183. {block:Posts}
  184. {block:Text}
  185. <div class="post">
  186. <div class="poststyle">
  187. {block:Title}{Title}{/block:Title}
  188. {Body}
  189. <div class="b">
  190. <a href="{Permalink}">{NoteCountwithLabel}</a> /
  191. <a href="{ReblogURL}" target="_blank">reblog</a>
  192. </div></div></div>
  193. {/block:Text}
  194.  
  195. {block:Photo}
  196. <div class="post">
  197. <a href="{permalink}"><img src="{PhotoURL-HighRes}" onmouseover="$(this).changebackground('{PhotoURL-HighRes}')" alt="{PhotoAlt}"></a>
  198. {block:ifshowcaptions}{caption}{/block:ifshowcaptions}
  199. <div class="b"><a href="{Permalink}">{NoteCountwithLabel}</a> /
  200. <a href="{ReblogURL}" target="_blank">reblog</a>
  201. </div></div>{/block:Photo}
  202.  
  203. {block:Photoset}
  204. <div class="post">
  205. {Photoset-500}
  206. <div class="b"><a href="{Permalink}">{NoteCountwithLabel}</a> /
  207. <a href="{ReblogURL}" target="_blank">reblog</a>
  208. </div></div>{/block:Photoset}
  209.  
  210. {block:Quote} <div class="post"><div class="poststyle">
  211. "<small>{Quote}</small>"
  212. — {Source}
  213. <div class="b"><a href="{Permalink}">{NoteCountwithLabel}</a> /
  214. <a href="{ReblogURL}" target="_blank">reblog</a>
  215. </div></div></div> {/block:Quote}
  216.  
  217. {block:Link} <div class="post"> <div class="poststyle">
  218. <a href="{URL}">{Name}</a>
  219. {block:Description}{Description}{/block:Description}
  220. <div class="b"><a href="{Permalink}">{NoteCountwithLabel}</a> /
  221. <a href="{ReblogURL}" target="_blank">reblog</a>
  222. </div></div></div>{/block:Link}
  223.  
  224. {block:Chat} <div class="post"><div class="poststyle">
  225. {block:Title}{Title}{/block:Title}<br>
  226. {block:Lines}{block:Label}<i>{Label}</i><br> {Line} <br><br>
  227. {/block:Label}{/block:Lines}
  228. <div class="b"><a href="{Permalink}">{NoteCountwithLabel}</a> /
  229. <a href="{ReblogURL}" target="_blank">reblog</a>
  230. </div></div></div>{/block:Chat}
  231.  
  232. {block:Video} <div class="post">
  233. <center>{Video-250}</center>
  234. {block:ifshowcaptions}{caption}{/block:ifshowcaptions}
  235. <div class="b"><a href="{Permalink}">{NoteCountwithLabel}</a> /
  236. <a href="{ReblogURL}" target="_blank">reblog</a>
  237. </div></div>{/block:Video}
  238.  
  239. {block:Audio} <div class="post"> <div class="poststyle">
  240. {block:AlbumArt} <div style="float:right;"> <img src="{AlbumArtURL}" style="width: 50px; height: 50px; border: 1px solid rgba({select:post color}, {select:post opacity});"> </div> {/block:AlbumArt}
  241. <div style=" background: rgba({select:post color}, {select:post opacity}); height: 42px; padding-top: 10px;"><center><div style="width: 55px;overflow:hidden;">{AudioPlayerBlack}</div></center></div>
  242. <div class="b"><a href="{Permalink}">{NoteCountwithLabel}</a> /
  243. <a href="{ReblogURL}" target="_blank">reblog</a>
  244. </div></div></div>{/block:Audio}
  245.  
  246. {block:Answer}<div class="post"><div class="poststyle">
  247. {Question}<br>
  248. - {Asker} <br>
  249. <i> {Answer} </i>
  250. <div class="b"><a href="{Permalink}">{NoteCountwithLabel}</a> /
  251. <a href="{ReblogURL}" target="_blank">reblog</a>
  252. </div></div></div> {/block:Answer}
  253.  
  254. {block:PermalinkPage} <div class="post"><div class="poststyle">
  255. {block:ifnotshowcaptions}{caption}{/block:ifnotshowcaptions}
  256. {block:NoteCount}Posted {TimeAgo} with {NoteCount} notes {/block:NoteCount} {block:RebloggedFrom}
  257. via <a href="{ReblogParentURL}">{ReblogParentName}</a>, {/block:RebloggedFrom} {block:ContentSource}
  258. posted by <a href="{SourceURL}">{SourceTitle} </a> {/block:ContentSource} <br><br>{PostNotes}<div></div> {/block:PermalinkPage}
  259. {/block:posts}
  260. {block:Pagination} <div style="width: {select:post width}px; text-align: center;"> {block:PreviousPage} <a href="{PreviousPage}" id="PreviousPage">← back</a> - {/block:PreviousPage}
  261. {block:NextPage} <a href="{NextPage}" id="nextPage">next →</a> {/block:NextPage} </div> {/block:Pagination} </div>
  262. <center><a href="http://jubileethemes.tumblr.com" style="line-height: 18px; padding-left: 10px;">theme</a></center></div>
  263. </div></div>
  264. </body>
  265. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement