API tools faq
paste
Advertisement
kawaiibuu

palette #2

kawaiibuu
Apr 18th, 2014
2,832
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.56 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2.  
  3. <!--
  4.  
  5. palette #2 theme by softwaring.tumblr.com
  6. avaliable for download at jubileethemes.tumblr.com
  7.  
  8. -->
  9.  
  10. <meta name="color:background" content="#EFE6E6"/>
  11. <meta name="color:border" content="#000"/>
  12. <meta name="color:links" content="#000"/>
  13. <meta name="color:links hover" content="#dedede"/>
  14. <meta name="color:links click" content="#919191"/>
  15. <meta name="color:circle 1" content="#dedede"/>
  16. <meta name="color:circle 2" content="#b7b7b7"/>
  17. <meta name="color:circle 3" content="#919191"/>
  18. <meta name="color:text" content="#000"/>
  19. <meta name="color:tooltip background" content="#dedede"/>
  20.  
  21.  
  22. <meta name="text:link 1 title" content="example" />
  23. <meta name="text:link 1 url" content="" />
  24. <meta name="text:link 2 title" content="" />
  25. <meta name="text:link 2 url" content="" />
  26. <meta name="text:link 3 title" content="" />
  27. <meta name="text:link 3 url" content="" />
  28. <meta name="text:link 4 title" content="" />
  29. <meta name="text:link 4 url" content="" />
  30. <meta name="text:link 5 title" content="" />
  31. <meta name="text:link 5 url" content="" />
  32. <meta name="text:link 6 title" content="" />
  33. <meta name="text:link 6 url" content="" />
  34.  
  35. <meta name="image:background" content=""/>
  36.  
  37. <meta name="if:fullsized background image" content="0"/>
  38. <meta name="if:header links" content="0"/>
  39. <meta name="if:show captions" content="0"/>
  40. <meta name="if:show description" content="1"/>
  41.  
  42.  
  43. <meta name="select:post width" content="width: 250px;" title="250px">
  44. <meta name="select:post width" content="width: 300px;" title="300px">
  45. <meta name="select:post width" content="width: 400px;" title="400px">
  46. <meta name="select:post width" content="width: 500px;" title="500px">
  47. <meta name="select:post width" content="width: 700px;" title="700px">
  48.  
  49. <meta name="select:top post margin" content="margin-top:400px;" title="lower">
  50. <meta name="select:top post margin" content="margin-top:300px;" title="low">
  51. <meta name="select:top post margin" content="margin-top:250px;" title="normal">
  52. <meta name="select:top post margin" content="margin-top:200px;" title="high">
  53. <link rel="shortcut icon" href="{Favicon}">
  54. <style type="text/css">
  55. body{
  56. height:100%; text-align:center;
  57. font-family: helvetica; font-size: 10px;
  58. color:{color:text};
  59. {block:IfNotFullsizedBackgroundImage}
  60. background:fixed;
  61. background: {color:background} url('{image:background}') top left fixed repeat;{/block:IfNotFullsizedBackgroundImage}
  62. {block:ifFullsizedBackgroundImage}background:fixed;
  63. background: {color:background} url('{image:background}') top left fixed no-repeat; background-size: cover;{/block:ifFullsizedBackgroundImage}
  64. }
  65. a { color: {color:links}; text-decoration: none; cursor: help; text-align: right;}
  66. a:hover { color: {color:links hover}; }
  67. a:active { color: {color:links click}; }
  68. ::-webkit-scrollbar-thumb:vertical {
  69. background-color: {color:circle 1}; }
  70. ::-webkit-scrollbar { width: 6px; background-color: transparent; }
  71. #content{ margin: auto; {select:post width} {select:top post margin} }
  72. #entry{ margin-bottom: 150px; text-align:center; {select:post width} padding: 15px; margin-left: -15px; }
  73. #entry .photoperma { text-align: right;
  74. position: absolute; opacity: 0; transition:All 0.3619s ease-in-out;
  75. -webkit-transition:All 0.3619s ease-in-out;
  76. -moz-transition:All 0.3619s ease-in-out;
  77. -o-transition:All 0.3619s ease-in-out;
  78. }
  79. #entry:hover .photoperma {
  80. opacity: 1; transition:All 0.3619s ease-in-out;
  81. -webkit-transition:All 0.3619s ease-in-out;
  82. -moz-transition:All 0.3619s ease-in-out;
  83. -o-transition:All 0.3619s ease-in-out;
  84. }
  85. #entry img{ {select:post width} -webkit-transition: 0.15s ease-in; }
  86. .circle1 { width: 7px; height: 7px; border-radius: 50%; float:left; margin: 5px; border:1px solid {color:border}; transition:All 0.3619s ease-in-out;
  87. -webkit-transition:All 0.3619s ease-in-out;
  88. -moz-transition:All 0.3619s ease-in-out;
  89. -o-transition:All 0.3619s ease-in-out;}
  90. .circle2 { width: 7px; height: 7px; border-radius: 50%; float:left; margin: 5px; border:1px solid {color:border}; transition:All 0.3619s ease-in-out;
  91. -webkit-transition:All 0.3619s ease-in-out;
  92. -moz-transition:All 0.3619s ease-in-out;
  93. -o-transition:All 0.3619s ease-in-out;}
  94. .circle3 { width: 7px; height: 7px; border-radius: 50%; float:left; margin: 5px; border:1px solid {color:border}; transition:All 0.3619s ease-in-out;
  95. -webkit-transition:All 0.3619s ease-in-out;
  96. -moz-transition:All 0.3619s ease-in-out;
  97. -o-transition:All 0.3619s ease-in-out;}
  98. #head { position: fixed; {select:post width} padding: 5px; text-align: center; margin-top: -150px; margin-left: -3px; z-index: 9999; {block:IfNotFullsizedBackgroundImage}
  99. background:fixed;
  100. background: {color:background} url('{image:background}') top left fixed repeat;{/block:IfNotFullsizedBackgroundImage}
  101. {block:ifFullsizedBackgroundImage}background:fixed;
  102. background: {color:background} url('{image:background}') top left fixed no-repeat; background-size: cover;{/block:ifFullsizedBackgroundImage} }
  103. .circle1:hover { background: {color:circle 1}; transition:All 0.3619s ease-in-out;
  104. -webkit-transition:All 0.3619s ease-in-out;
  105. -moz-transition:All 0.3619s ease-in-out;
  106. -o-transition:All 0.3619s ease-in-out;}
  107. .circle2:hover { background: {color:circle 2}; transition:All 0.3619s ease-in-out;
  108. -webkit-transition:All 0.3619s ease-in-out;
  109. -moz-transition:All 0.3619s ease-in-out;
  110. -o-transition:All 0.3619s ease-in-out;}
  111. .circle3:hover { background: {color:circle 3}; transition:All 0.3619s ease-in-out;
  112. -webkit-transition:All 0.3619s ease-in-out;
  113. -moz-transition:All 0.3619s ease-in-out;
  114. -o-transition:All 0.3619s ease-in-out;}
  115.  
  116. #entry .photoset a:first-child { display:block !important; border:0 !important; padding:0 !important; }
  117. #entry .photoset a { display:none; }
  118. #s-m-t-tooltip {
  119. padding: 4px; background-color: {color:tooltip background}; max-width:390px;
  120. font-size: 8px; letter-spacing:2px; text-transform:uppercase;
  121. color:{color:tolltip text}; z-index:999999999999999999999999999999999999; margin-left: 17px; margin-top:15px; text-align: center; border: 1px solid {color:border}; }
  122. #ttitle { font-size: 20px; text-align: right; padding-right: 5px; text-transform: uppercase; }
  123. #ttitle a {
  124. color: {color:text};
  125. }
  126. #des { text-align: right; padding-right: 5px; font-style:oblique; }
  127. .inners {
  128. }
  129. .how1 { {select:post width} padding: 5px; margin-left: -5px;
  130. position:absolute; margin-top: 20px; {block:IfNotFullsizedBackgroundImage}
  131. background:fixed;
  132. background: {color:background} url('{image:background}') top left fixed repeat;{/block:IfNotFullsizedBackgroundImage}
  133. {block:ifFullsizedBackgroundImage}background:fixed;
  134. background: {color:background} url('{image:background}') top left fixed no-repeat; background-size: cover;{/block:ifFullsizedBackgroundImage}
  135. }
  136. </style>
  137. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  138. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  139. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  140. <script>
  141. (function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);
  142. </script>
  143. <script type="text/javascript"
  144. src="http://static.tumblr.com/mqkrxog/Mcmmz7osn/jquery.min_1_.js"></script>
  145. <script type="text/javascript">
  146. jQuery(document).ready(function() {
  147. jQuery(".how1").hide();
  148. jQuery(".how2").click(function()
  149. {
  150. jQuery(this).next(".how1").animate({
  151. opacity: "toggle"
  152. }, 600);
  153.  
  154. });});
  155. </script>
  156. <body>
  157. <div id="content">
  158. <div id="head">
  159. <div id="ttitle"><a href="/">{title}</a></div> {block:ifshowdescription}<div id="des"> {description}</div>{/block:ifshowdescription}
  160. {block:ifheaderlinks}
  161. <a class="how2" title="links"><div class="circle1"></div></a>
  162. <div class="how1">
  163. <div class="inners">
  164.  
  165. {block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1title}
  166. {block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2title}
  167. {block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3title}
  168. {block:iflink4title}<a href="{text:link 4 url}">{text:link 4 title}</a>{/block:iflink4title}
  169. {block:iflink5title}<a href="{text:link 5 url}">{text:link 5 title}</a>{/block:iflink5title}
  170. </div></div>
  171.  
  172. <a href="/" title="refresh"><div class="circle2"></div></a>
  173. <a href="/ask" title="mail"><div class="circle3"></div></a>{/block:ifheaderlinks}
  174. </div>
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183.  
  184. <div id="posts">
  185. {block:Posts}
  186. <div class="autopagerize_page_element">
  187. {block:ContentSource}
  188. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  189. {/block:ContentSource}
  190. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  191. {block:Text}
  192. <div id="entry">
  193. <div class="photoperma">
  194. <a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="circle1"style="margin-left: -15px; float: none;"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="circle2"style="float: none; margin-left: -15px;"></div></a>{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="circle3"style="margin-top: 0px;margin-left: -15px;"></div></a>{/block:ContentSource}</div>
  195. {block:Title}<div class="title"><i>{Title}</i></div>{/block:Title}
  196. {Body}
  197. </div>
  198. <br/>
  199. {/block:Text}
  200.  
  201. {block:Photo}
  202. <div id="entry">
  203. <div class="photoperma">
  204. <a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="circle1"style="margin-left: -15px; float: none;"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="circle2"style="float: none; margin-left: -15px;"></div></a>{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="circle3"style="margin-top: 0px;margin-left: -15px;"></div></a>{/block:ContentSource}</div>
  205. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  206. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  207. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  208. {block:IndexPage}{block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption} {/block:ifshowcaptions}{/block:IndexPage}
  209. {block:PermalinkPage}
  210. {block:Caption}{Caption}{/block:Caption}{LinkCloseTag}
  211. {/block:PermalinkPage}
  212. </div>
  213. {/block:Photo}
  214.  
  215. {block:Photoset}
  216. <div id="entry">
  217. <div class="photoperma">
  218. <a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="circle1"style="margin-left: -15px; float: none;"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="circle2"style="float: none; margin-left: -15px;"></div></a>{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="circle3"style="margin-top: 0px;margin-left: -15px;"></div></a>{/block:ContentSource}</div>
  219.  
  220. <div class="photoset">{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-HighRes}"></a>{/block:Photos}</div>
  221.  
  222.  
  223. {block:IndexPage}{block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption} {/block:ifshowcaptions}{/block:IndexPage}
  224. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  225. </div>
  226. {/block:Photoset}
  227.  
  228. {block:Quote}
  229. <div id="entry">
  230. <div class="photoperma">
  231. <a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="circle1"style="margin-left: -15px; float: none;"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="circle2"style="float: none; margin-left: -15px;"></div></a>{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="circle3"style="margin-top: 0px;margin-left: -15px;"></div></a>{/block:ContentSource}</div>
  232. {Quote}<br><br>{block:Source}<b><i>{Source}</i></b>{/block:Source}
  233. </div>
  234. {/block:Quote}
  235.  
  236. {block:Link}
  237. <div id="entry">
  238. <div class="photoperma">
  239. <a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="circle1"style="margin-left: -15px; float: none;"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="circle2"style="float: none; margin-left: -15px;"></div></a>{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="circle3"style="margin-top: 0px;margin-left: -15px;"></div></a>{/block:ContentSource}</div>
  240. <a href="{URL}"><b><i>{Name}</i></b></a>{block:Description}{Description}{/block:Description}
  241. {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>
  242. {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="palettesq" style="background: {color:palette 4};"></div></a>{/block:ContentSource}{/block:IndexPage}
  243. </div>
  244. {/block:Link}
  245.  
  246. {block:Chat}
  247. <div id="entry">
  248.  
  249. {block:Title}<b>{Title}</b>{/block:Title}
  250. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  251. </div>
  252. {/block:Chat}
  253.  
  254. {block:Audio}
  255. <div id="entry">
  256. <div class="photoperma">
  257. <a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="circle1"style="margin-left: -15px; float: none;"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="circle2"style="float: none; margin-left: -15px;"></div></a>{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="circle3"style="margin-top: 0px;margin-left: -15px;"></div></a>{/block:ContentSource}</div>
  258. <div class="audio">
  259. {AudioPlayerBlack}</div><br>
  260. <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>
  261. {block:PermalinkPage}{block:ExternalAudio} <a href="{ExternalAudioURL}"> / download </a> </span>{/block:ExternalAudio}{/block:PermalinkPage}
  262. </div>
  263. {/block:Audio}
  264.  
  265. {block:Answer}
  266. <div id="entry">
  267. <div class="photoperma">
  268. <a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="circle1"style="margin-left: -15px; float: none;"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="circle2"style="float: none; margin-left: -15px;"></div></a>{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="circle3"style="margin-top: 0px;margin-left: -15px;"></div></a>{/block:ContentSource}</div>
  269. <div class="answer"><b><span style="color:{color:Links};">{Asker}:</span></b> {Question}</div><br>
  270. <div style="margin-top:-15px;">{Answer}</div>
  271. </div>
  272. {/block:answer}
  273.  
  274.  
  275. {block:Video}
  276. <div id="entry">
  277. <div class="photoperma">
  278. <a href="{Permalink}" title="Posted {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="circle1"style="margin-left: -15px; float: none;"></div></a> <a href="{ReblogURL}" target="_blank" title="reblog"><div class="circle2"style="float: none; margin-left: -15px;"></div></a>{block:ContentSource}<a href="{SourceURL}"title="source: {SourceTitle}"><div class="circle3"style="margin-top: 0px;margin-left: -15px;"></div></a>{/block:ContentSource}</div>
  279. <div class="video">
  280. <center>{Video-250}</center>
  281. {block:Caption}{Caption}{/block:Caption}
  282. {block:PermalinkPage}{/block:PermalinkPage}
  283. </div>
  284. </div>
  285. {/block:Video}
  286.  
  287. {block:PermalinkPage}
  288. {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}
  289. {/block:HasTags}{/block:PermalinkPage}
  290.  
  291. {block:PostNotes}
  292. {PostNotes}
  293. {/block:PostNotes}
  294.  
  295. {/block:Posts}
  296. </div></div></div>
  297. <div style="position:fixed; bottom: 3px; left: 5px; "><a href="http://jubileethemes.tumblr.com" title="theme credit">&copy;</a></div>
  298. </body>
  299. </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!