Advertisement
kawaiibuu

palette theme

Apr 15th, 2014
3,015
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.86 KB | None | 0 0
  1. <head>
  2.  
  3. <!--
  4.  
  5. palette theme by softwaring.tumblr.com
  6. avaliable for download at jubileethemes.tumblr.com
  7.  
  8. -->
  9.  
  10. <meta name="color:background" content=""/>
  11. <meta name="color:border" content=""/>
  12. <meta name="color:links" content=""/>
  13. <meta name="color:links hover" content=""/>
  14. <meta name="color:links click" content=""/>
  15. <meta name="color:palette 1" content=""/>
  16. <meta name="color:palette 2" content=""/>
  17. <meta name="color:palette 3" content=""/>
  18. <meta name="color:palette 4" content=""/>
  19. <meta name="color:text" content=""/>
  20. <meta name="color:tooltip text" content=""/>
  21. <meta name="text:url" content="!!important do not include .tumblr.com!!"/>
  22. <meta name="text:question tab info" content="put your faq etc here"/>
  23. <meta name="text:link 1 title" content="" />
  24. <meta name="text:link 1 url" content="" />
  25. <meta name="text:link 2 title" content="" />
  26. <meta name="text:link 2 url" content="" />
  27. <meta name="text:link 3 title" content="" />
  28. <meta name="text:link 3 url" content="" />
  29. <meta name="text:link 4 title" content="" />
  30. <meta name="text:link 4 url" content="" />
  31. <meta name="text:link 5 title" content="" />
  32. <meta name="text:link 5 url" content="" />
  33. <meta name="text:link 6 title" content="" />
  34. <meta name="text:link 6 url" content="" />
  35. <meta name="text:tab 4 content" content="put updates, networks, etc here"/>
  36. <meta name="image:background" content="0"/>
  37. <meta name="if:fullsized background image" content="0"/>
  38. <meta name="if:header links" content="0"/>
  39. <meta name="if:header shadow" content="0"/>
  40. <meta name="if:show captions" content="0"/>
  41. <meta name="select:post width" content="width: 250px;" title="250px">
  42. <meta name="select:post width" content="width: 300px;" title="300px">
  43. <meta name="select:post width" content="width: 400px;" title="400px">
  44. <meta name="select:post width" content="width: 500px;" title="500px">
  45. <meta name="select:post width" content="width: 700px;" title="700px">
  46.  
  47. <link rel="shortcut icon" href="{Favicon}">
  48. <style type="text/css">
  49. body{
  50. height:100%; text-align:center;
  51. font-family: helvetica; font-size: 10px;
  52. color:{color:text};
  53. {block:IfNotFullsizedBackgroundImage}
  54. background:fixed;
  55. background: {color:background} url('{image:background}') top left fixed repeat;{/block:IfNotFullsizedBackgroundImage}
  56. {block:ifFullsizedBackgroundImage}background:fixed;
  57. background: {color:background} url('{image:background}') top left fixed no-repeat; background-size: cover;{/block:ifFullsizedBackgroundImage}
  58. }
  59. a { color: {color:links}; text-decoration: none; cursor: help; }
  60. a:hover { color: {color:links hover}; }
  61. a:active { color: {color:links click}; }
  62. ::-webkit-scrollbar-thumb:vertical {
  63. background-color: {color:palette 2}; }
  64. ::-webkit-scrollbar { width: 6px; background-color: transparent; }
  65. #content{ margin: 185px auto; {select:post width} }
  66. #entry{ margin-bottom: 150px; text-align:center; {select:post width} }
  67. #entry img{ {select:post width} -webkit-transition: 0.15s ease-in; }
  68. .palettesq { width: 50px; height: 10px; float: left; }
  69. #head { position: fixed; {select:post width} text-align: center; margin-top: -150px; margin-left: -3px; z-index: 9999; }
  70. #entry .palettesq { width: 0px; -webkit-transition:all 0.6s;
  71. -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; }
  72. #entry:hover .palettesq { width: 50px; -webkit-transition:all 0.6s;
  73. -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; }
  74. #tab1, #tab2, #tab3, #tab4, #tab5 { position: absolute; margin-top: 8px; padding: 3px; {block:ifheadershadow} -webkit-box-shadow: -4px 4px 0px 0px {color:palette 4}; -moz-box-shadow: -4px 4px 0px 0px {color:palette 4};
  75. box-shadow: -4px 4px 0px 0px {color:palette 4};{/block:ifheadershadow} }
  76. #tab1 { background: {color:palette 1}; padding-top: 10px; padding-bottom: 10px; {select:post width} }
  77. #tab2 { background: {color:palette 2}; padding-top: 10px; padding-bottom: 10px; {select:post width} }
  78. #tab3 { background: {color:palette 3}; padding-top: 10px; padding-bottom: 10px; {select:post width} }
  79. #tab4 { background: {color:palette 4}; padding-top: 10px; padding-bottom: 10px; {select:post width} }
  80. .ui-tabs { position: relative; }
  81. .ui-tabs .ui-tabs-nav { margin: 0; }
  82. .ui-tabs .ui-tabs-nav li { -webkit-transition:all 0.6s;
  83. -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; list-style:none; border: 0.5px solid transparent; float: left; position:relative; text-align: center; white-space:nowrap;
  84. display:block; text-transform:uppercase; }
  85. .ui-tabs .ui-tabs-nav li a {
  86. float: left; outline: 0; margin: 0px;
  87. display:block; -webkit-transition:all 0.6s; -moz-transition:all 0.6s;
  88. -ms-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; }
  89. .ui-tabs .ui-tabs-nav li.ui-tabs-active a { float: none;
  90. outline: 0; margin: 0px; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; }
  91. .ui-tabs .ui-tabs-panel { display:block; }
  92. #entry .photoset a:first-child { display:block !important; border:0 !important; padding:0 !important; }
  93. #entry .photoset a { display:none; }
  94. #s-m-t-tooltip {
  95. padding: 4px; background-color: {color:palette 1}; max-width:390px;
  96. font-size: 8px; letter-spacing:2px; text-transform:uppercase;
  97. color:{color:tolltip text}; z-index:999999999999999999999999999999999999; margin-left: 17px; margin-top:15px; text-align: center; border: 1px solid {color:border}; }
  98. #ttitle { font-size: 10px; text-align: right; padding-right: 5px; text-transform: uppercase; }
  99. #des { text-align: right; padding-right: 5px; font-style:oblique; }
  100. .phoperma { margin-top: 0px; position: absolute; }
  101. </style>
  102. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  103. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  104. <script>
  105. (function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);
  106. </script>
  107. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  108. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  109. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  110. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  111. <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
  112. <script> $(function() { $( "#tabs" ).tabs(); }); </script>
  113. </script><script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=4b35cdbd2e725a56246cf7797ff21d62"></script>
  114. <meta http-equiv="x-dns-prefetch-control" content="off"/></head>
  115. <body>
  116. <div id="content">
  117. <div id="head"><div id="tabs"><div id="links">
  118. <ul><li><a href="#tab1"><div class="palettesq" style="background: {color:palette 1};"></div></a></li>
  119. <li><a href="#tab2"><div class="palettesq" style="background: {color:palette 2};"></div></a></li>
  120. <li><a href="#tab3"><div class="palettesq" style="background: {color:palette 3};"></div></a></li>
  121. <li><a href="#tab4"><div class="palettesq" style="background: {color:palette 4};"></div></a></li></div>
  122. <div id="tab2">
  123. {text:question tab info}
  124. <p><iframe frameborder="0" scrolling="no" width="100%" height="260" src="http://www.tumblr.com/ask_form/{text:url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  125. </div>
  126. <div id="tab3"> {block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1title}
  127. {block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2title}
  128. {block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3title}
  129. {block:iflink4title}<a href="{text:link 4 url}">{text:link 4 title}</a>{/block:iflink4title}
  130. {block:iflink5title}<a href="{text:link 5 url}">{text:link 5 title}</a>{/block:iflink5title}</div>
  131. <div id="tab4"> {text:tab 4 content} </div>
  132. <div id="tab1"> <div id="ttitle">{title}</div> <div id="des"> {description}<br> {block:ifheaderlinks} <a href="/">home</a> ● <a href="/archive">index</a> ● <a href="/submit">submit</a> ● <a href="http://jubileethemes.tumblr.com" title="download theme">credit</a> {/block:ifheaderlinks} </div></div></div></div>
  133. <div id="posts">
  134. {block:Posts}
  135. <div class="autopagerize_page_element">
  136. {block:ContentSource}
  137. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  138. {/block:ContentSource}
  139. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  140. {block:Text}
  141. <div id="entry">
  142. {block:Title}<div class="title"><i>{Title}</i></div>{/block:Title}
  143. {Body}
  144. {block:IndexPage}<a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="palettesq" style="background: {color:palette 1};"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="palettesq" style="background: {color:palette 2};"></div></a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="via: {ReblogParentName}"><div class="palettesq" style="background: {color:palette 3};"></div></a>
  145. {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="palettesq" style="background: {color:palette 4};"></div></a>{/block:ContentSource}{/block:IndexPage}
  146. </div>
  147. <br/>
  148. {/block:Text}
  149.  
  150. {block:Photo}
  151. <div id="entry">
  152. <div class="phoperma">
  153. <a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="palettesq" style="background: {color:palette 1};"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="palettesq" style="background: {color:palette 2};"></div></a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="via: {ReblogParentName}"><div class="palettesq" style="background: {color:palette 3};"></div></a>
  154. {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="palettesq" style="background: {color:palette 4};"></div></a>{/block:ContentSource}</div>
  155. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  156. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  157. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  158. {block:IndexPage}{block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption} {/block:ifshowcaptions}{/block:IndexPage}
  159. {block:PermalinkPage}
  160. {block:Caption}{Caption}{/block:Caption}{LinkCloseTag}
  161. {/block:PermalinkPage}
  162. </div>
  163. {/block:Photo}
  164.  
  165. {block:Photoset}
  166. <div id="entry">
  167. <div class="phoperma">
  168. <a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="palettesq" style="background: {color:palette 1};"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="palettesq" style="background: {color:palette 2};"></div></a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="via: {ReblogParentName}"><div class="palettesq" style="background: {color:palette 3};"></div></a>
  169. {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL} "title="source: {SourceTitle}"><div class="palettesq" style="background: {color:palette 4};"></div></a>{/block:ContentSource}</div>
  170. <div class="photoset">{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-HighRes}"></a>{/block:Photos}</div>
  171. {block:IndexPage}{block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption} {/block:ifshowcaptions}{/block:IndexPage}
  172. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  173. </div>
  174. {/block:Photoset}
  175.  
  176. {block:Quote}
  177. <div id="entry">
  178. {Quote}<br><br>{block:Source}<b><i>{Source}</i></b>{/block:Source}
  179. {block:IndexPage}<a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="palettesq" style="background: {color:palette 1};"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="palettesq" style="background: {color:palette 2};"></div></a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="via: {ReblogParentName}"><div class="palettesq" style="background: {color:palette 3};"></div></a>
  180. {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="palettesq" style="background: {color:palette 4};"></div></a>{/block:ContentSource}{/block:IndexPage}
  181. </div>
  182. {/block:Quote}
  183.  
  184. {block:Link}
  185. <div id="entry">
  186. <a href="{URL}"><b><i>{Name}</i></b></a>{block:Description}{Description}{/block:Description}
  187. {block:IndexPage}<a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="palettesq" style="background: {color:palette 1};"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="palettesq" style="background: {color:palette 2};"></div></a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="via: {ReblogParentName}"><div class="palettesq" style="background: {color:palette 3};"></div></a>
  188. {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="palettesq" style="background: {color:palette 4};"></div></a>{/block:ContentSource}{/block:IndexPage}
  189. </div>
  190. {/block:Link}
  191.  
  192. {block:Chat}
  193. <div id="entry">
  194.  
  195. {block:Title}<b>{Title}</b>{/block:Title}
  196. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  197. {block:IndexPage}<a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="palettesq" style="background: {color:palette 1};"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="palettesq" style="background: {color:palette 2};"></div></a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="via: {ReblogParentName}"><div class="palettesq" style="background: {color:palette 3};"></div></a>
  198. {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="palettesq" style="background: {color:palette 4};"></div></a>{/block:ContentSource}{/block:IndexPage}
  199. </div>
  200. {/block:Chat}
  201.  
  202. {block:Audio}
  203. <div id="entry">
  204.  
  205. <div class="audio">
  206. {AudioPlayerBlack}</div><br>
  207. <div style="text-transform:uppercase; padding:2px; font-size:10px; text-align:center; -webkit-text-stroke: 1px transparent;">{block:TrackName}<b>{TrackName}</b>{/block:TrackName} by </b> {block:Artist}<b>{Artist}</b>{/block:Artist} </div>
  208. {block:PermalinkPage}{block:ExternalAudio} <a href="{ExternalAudioURL}"> / download </a> </span>{/block:ExternalAudio}{/block:PermalinkPage}
  209. {block:IndexPage}<a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="palettesq" style="background: {color:palette 1};"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="palettesq" style="background: {color:palette 2};"></div></a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="via: {ReblogParentName}"><div class="palettesq" style="background: {color:palette 3};"></div></a>
  210. {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="palettesq" style="background: {color:palette 4};"></div></a>{/block:ContentSource}{/block:IndexPage}
  211. </div>
  212. {/block:Audio}
  213.  
  214. {block:Answer}
  215. <div id="entry">
  216.  
  217. <div class="answer"><b><span style="color:{color:Links};">{Asker}:</span></b> {Question}</div><br>
  218. <div style="margin-top:-15px;">{Answer}</div>
  219. {block:IndexPage}<a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="palettesq" style="background: {color:palette 1};"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="palettesq" style="background: {color:palette 2};"></div></a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="via: {ReblogParentName}"><div class="palettesq" style="background: {color:palette 3};"></div></a>
  220. {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="palettesq" style="background: {color:palette 4};"></div></a>{/block:ContentSource}{/block:IndexPage}
  221. </div>
  222. {/block:answer}
  223.  
  224.  
  225. {block:Video}
  226. <div id="entry">
  227. <div class="video">
  228. <center>{Video-250}</center>
  229. {block:Caption}{Caption}{/block:Caption}
  230. {block:PermalinkPage}{/block:PermalinkPage}
  231. </div>
  232. {block:IndexPage}<a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="palettesq" style="background: {color:palette 1};"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="palettesq" style="background: {color:palette 2};"></div></a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="via: {ReblogParentName}"><div class="palettesq" style="background: {color:palette 3};"></div></a>
  233. {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="palettesq" style="background: {color:palette 4};"></div></a>{/block:ContentSource}{/block:IndexPage}
  234. </div>
  235. {/block:Video}
  236.  
  237. {block:PermalinkPage}
  238. {block:Date}{TimeAgo}&nbsp;&#8226;&nbsp;{NoteCountWithLabel}&nbsp;&#8226;&nbsp;{Month}&nbsp;{DayOfMonth}{DayOfMonthSuffix}{/block:Date}{block:HasTags}<br>Tagged with&nbsp;{block:Tags}<a href="{TagURL}"><span style="{color:Links}; color:{color:Text}; line-height:14px; text-decoration:underline;">{Tag}</span></a>&nbsp;&nbsp;{/block:Tags}
  239. {/block:HasTags}{/block:PermalinkPage}
  240.  
  241. {block:PostNotes}
  242. {PostNotes}
  243. {/block:PostNotes}
  244.  
  245. {/block:Posts}
  246. </div></div></div>
  247. <div style="position:fixed; bottom: 3px; left: 5px; "><a href="http://jubileethemes.tumblr.com" title="theme credit">&copy;</a></div>
  248. </body>
  249. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement