Advertisement
kawaiibuu

BLANKED THEME

May 13th, 2014
8,117
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.97 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!--
  4.  
  5. blanked theme
  6. by http://softwaring.tumblr.com
  7. download @ http://jubileethemes.tumblr.com
  8. do not remove credits thank u !~
  9.  
  10. -->
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <head>
  13. <meta name="color:background" content="#ffffff"/>
  14. <meta name="color:text" content="#000"/>
  15. <meta name="color:links" content="#000"/>
  16. <meta name="color:links hover" content="#000"/>
  17. <meta name="color:links click" content="#000"/>
  18.  
  19. <meta name="if:show tags" content="1"/>
  20. <meta name="if:show captions" content="0"/>
  21. <meta name="if:infinite scroll" content="0"/>
  22. <meta name="if:rightalign posts" content="0"/>
  23. <meta name="if:500px" content="0"/>
  24.  
  25. <meta name="image:background" content=""/>
  26. <meta name="image:permalink icon" content="http://static.tumblr.com/mqkrxog/jqxn5jh2w/wakaba.gif"/>
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="image:cursor" content="http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png"/>
  29.  
  30. <meta name="text:link 1 title" content="example" />
  31. <meta name="text:link 1 url" content="" />
  32. <meta name="text:link 2 title" content="" />
  33. <meta name="text:link 2 url" content="" />
  34. <meta name="text:link 3 title" content="" />
  35. <meta name="text:link 3 url" content="" />
  36. <meta name="text:link 4 title" content="" />
  37. <meta name="text:link 4 url" content="" />
  38. <meta name="text:link 5 title" content="" />
  39. <meta name="text:link 5 url" content="" />
  40. <meta name="text:link 6 title" content="" />
  41. <meta name="text:link 6 url" content="" />
  42. <meta name="text:archive title" content="index" />
  43. <meta name="text:ask title" content="mail" />
  44. <meta name="text:refresh title" content="home" />
  45. <meta name="text:links title" content="links" />
  46.  
  47. <link rel="icon" href="{Favicon}"/> <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/> <title>{Title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title> {CustomCSS} <title>{title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  48. <style type="text/css">
  49. #tumblr_controls{
  50. position:fixed !important; z-index: 999999999;
  51. -webkit-filter: invert(100%) ;
  52. }
  53. ::-webkit-scrollbar-thumb{
  54. border: 5px solid {color:background}; border-top: 25px solid {color:background}; background: {color:text};
  55. height:auto;
  56. }
  57. ::-webkit-scrollbar {
  58. height:auto;background: transparent;
  59. width:15px; border: 7px solid {color:background};
  60. }
  61. body,html { margin:0px; padding:0px; margin-top:0px; margin-bottom:0px;
  62. font-family: consolas; letter-spacing: 1px;
  63. font-size: 10px; cursor:url('{image:cursor}'), progress !important;
  64. color:{color:text}; background:{color:background} url({image:background})top left fixed repeat; {block:ifbackgroundcover} background-size:cover; {/block:ifbackgroundcover} }
  65. a {color: black; text-decoration: none;}
  66. a:hover { -webkit-transition-duration: 0.4s; color:{color:Links Hover}; text-decoration:underline; cursor:url('{image:cursor}'), progress !important;}
  67. a:active,a:focus { outline:0; color: #91cbd7;}
  68.  
  69. #posts { {block:if500px} width: 600px; {/block:if500px} {block:ifnot500px} width: 850px; {/block:ifnot500px} {block:ifrightalignposts}margin-left: auto;{/block:ifrightalignposts} {block:ifnotrightalignposts}margin-left: 250px;{/block:ifnotrightalignposts} }
  70. .post { {block:if500px} width: 500px; {/block:if500px} {block:ifnot500px} width: 300px; {/block:ifnot500px} padding: 15px; margin: 35px; }
  71.  
  72. img { max-width: 100%; }
  73. #sidebar { position:fixed; top:20px; margin-left:20px; padding: 5px; width:200px; z-index:9999; text-align:justify;}
  74.  
  75. .links { margin-top: 10px; }
  76. .links li { padding: 2px; text-align: left; list-style: none; }
  77. .links a { color: black; text-transform: uppercase; font-size: 8px; }
  78.  
  79. .perma { color: black; text-transform: uppercase; font-size: 8px; margin-top: 5px; opacity: 0; -webkit-transition: all 0.3s ease-in-out;
  80. -moz-transition: all 0.3s ease-in-out;
  81. -ms-transition: all 0.3s ease-in-out;
  82. -o-transition: all 0.3s ease-in-out;
  83. transition: all 0.3s ease-in-out; }
  84. .perma a {color: black; }
  85. .post:hover .perma { opacity: 1; -webkit-transition: all 0.3s ease-in-out;
  86. -moz-transition: all 0.3s ease-in-out;
  87. -ms-transition: all 0.3s ease-in-out;
  88. -o-transition: all 0.3s ease-in-out;
  89. transition: all 0.3s ease-in-out; }
  90. .tags { color: black; text-transform: uppercase; font-size: 8px; margin-top: 5px; opacity: 0; text-align: right; -webkit-transition: all 0.3s ease-in-out;
  91. -moz-transition: all 0.3s ease-in-out;
  92. -ms-transition: all 0.3s ease-in-out;
  93. -o-transition: all 0.3s ease-in-out;
  94. transition: all 0.3s ease-in-out; }
  95. .tags a { color: black; }
  96. .post:hover .tags {opacity: 1; -webkit-transition: all 0.3s ease-in-out;
  97. -moz-transition: all 0.3s ease-in-out;
  98. -ms-transition: all 0.3s ease-in-out;
  99. -o-transition: all 0.3s ease-in-out;
  100. transition: all 0.3s ease-in-out; }
  101. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  102. #infscr-loading {display:none;}
  103. .navigation {display:none!important;}
  104. .cred { position:fixed; bottom: 5px; left: 10px; font-size: 8px; text-transform: uppercase; }
  105. #s-m-t-tooltip { margin: 20px; background: white; color: black; border: 1px solid black; border-top: transparent; border-left: transparent; text-transform: uppercase; font-size: 8px; padding: 2px 15px; z-index: 9999999999999999999999;}
  106. h1 { text-align: center; }
  107. .caption { {block:ifnotshowcaptions} display:none; {/block:ifnotshowcaptions} text-align: center; }
  108. </style>
  109. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  110. <script type="text/javascript">
  111. jQuery(document).ready(function() { jQuery(".holder").hide(); jQuery(".hold").click(function() { jQuery(this).next(".holder").animate({ opacity: "toggle", height: "toggle" }, 300); }); }); </script>
  112. {block:IndexPage}
  113. <script src="http://static.tumblr.com/mqkrxog/WbVn5j0z0/masonn.js"></script>
  114. {block:ifinfinitescroll}
  115. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  116. {/block:ifinfinitescroll}
  117. <script type="text/javascript">
  118. $(window).load(function () {
  119. $('#posts').masonry(),
  120. $('.masonryWrap').infinitescroll({
  121. navSelector : "div.navigation",
  122. // selector for the paged navigation (it will be hidden)
  123. nextSelector : ".navigation a#next",
  124. // selector for the NEXT link (to page 2)
  125. itemSelector : ".post",
  126. // selector for all items you'll retrieve
  127. bufferPx : 10000,
  128. extraScrollPx: 10000,
  129. loadingImg : "http://www.freeiconsweb.com/Icons-show/loading/loading2.gif",
  130. loadingText : "<em></em>",
  131. },
  132. // call masonry as a callback.
  133. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  134. );
  135. });
  136. </script>
  137. {/block:IndexPage}
  138. {block:indexpage}<div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older</a>{/block:NextPage}{block:PreviousPage}<a style="float:left" href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}
  139. </head>
  140. <body>
  141. <div id="sidebar">
  142. {description}
  143. <div class="links">
  144. <li><a href="/">{text:refresh title}</a></li>
  145. <li><a href="/askk">{text:ask title}</a></li>
  146. <li><a href="/archive">{text:archive title}</a></li>
  147. <li><a class="hold">{text:links title}</a><div class="holder">{block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1title}{block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2title}{block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3title}{block:iflink4title}<a href="{text:link 4 url}">{text:link 4 title}</a>{/block:iflink4title}{block:iflink5title}<a href="{text:link 5 url}">{text:link 5 title}</a>{/block:iflink5title}{block:iflink6title}<a href="{text:link 6 url}">{text:link 6 title}</a>{/block:iflink6title}</div></li>
  148. <h1><img src="{image:sidebar}" style="max-width: 100%">
  149. {title}</h1>
  150. {block:ifnotinfinitescroll}{block:Pagination}{block:PreviousPage} <a href="{PreviousPage}">← back</a> {/block:PreviousPage}{block:JumpPagination length="7"}{block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage}{block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage} <a href="{NextPage}">next →</a> {/block:NextPage}{/block:Pagination}{/block:ifnotinfinitescroll}</div></div>
  151. <div id="contentcolumn"> <div class="masonrywrap">
  152. <div id="posts">
  153. {block:Posts}
  154. {block:ContentSource}
  155. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  156. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  157. {/block:SourceLogo}
  158. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  159. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  160.  
  161.  
  162. {block:Text}
  163. <div class="post">
  164. {block:Title}{Title}{/block:Title}{Body}
  165. {block:indexpage}
  166. <div class="perma"><img src="{image:permalink icon}" style="padding-right: 6px;"><a href="{Permalink}">{NoteCountwithLabel}</a>
  167. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>{/block:indexpage}
  168. {block:HasTags}{block:ifshowtags}
  169. <div class="tags">
  170. {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  171. </div>
  172. {/block:ifshowtags}{/block:hasTags}
  173. </div>
  174. {/block:Text}
  175.  
  176. {block:Photo}
  177. <div class="post">
  178. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  179. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/> {/block:IndexPage}
  180. {block:Caption}<div class="caption">{Caption}</div> {/block:Caption}
  181. {block:indexpage}<div class="perma"><img src="{image:permalink icon}" style="padding-right: 6px;"><a href="{Permalink}">{NoteCountwithLabel}</a>
  182. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>{/block:indexpage}
  183. {block:HasTags}{block:ifshowtags}
  184. <div class="tags">
  185. {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  186. </div>
  187. {/block:ifshowtags}{/block:hasTags}
  188. </div>
  189. {/block:Photo}
  190.  
  191.  
  192.  
  193. {block:Photoset}
  194. <div class="post"> <center>
  195. {block:if500px} {photoset-500} {/block:if500px} {block:ifnot500px} {photoset-250} {/block:ifnot500px}
  196. </center>
  197. {block:Caption}<div class="caption">{Caption}</div> {/block:Caption}
  198. {block:indexpage}<div class="perma"><img src="{image:permalink icon}" style="padding-right: 6px;"><a href="{Permalink}">{NoteCountwithLabel}</a>
  199. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>{/block:indexpage}
  200. {block:HasTags}{block:ifshowtags}
  201. <div class="tags">
  202. {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  203. </div>
  204. {/block:ifshowtags}{/block:hasTags}
  205. </div>{/block:Photoset}
  206.  
  207.  
  208.  
  209. {block:Quote}
  210. <div class="post">
  211. " <i>{Quote}</i> " <br><br> — {Source}
  212. <div class="perma"><img src="{image:permalink icon}" style="padding-right: 6px;"><a href="{Permalink}">{NoteCountwithLabel}</a>
  213. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>
  214. {block:HasTags}{block:ifshowtags}
  215. <div class="tags">
  216. {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  217. </div>
  218. {/block:ifshowtags}{/block:hasTags}
  219. </div>{/block:Quote}
  220.  
  221.  
  222. {block:Link}
  223. <div class="post"><a href="{URL}">{Name}</a> {block:Description}{Description}{/block:Description}
  224. <div class="perma"><img src="{image:permalink icon}" style="padding-right: 6px;"><a href="{Permalink}">{NoteCountwithLabel}</a>
  225. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>
  226. {block:HasTags}{block:ifshowtags}
  227. <div class="tags">
  228. {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  229. </div>
  230. {/block:ifshowtags}{/block:hasTags}
  231. </div>
  232. {/block:Link}
  233.  
  234.  
  235. {block:Chat}
  236. <div class="post">
  237. <b>{block:Title}{Title}{/block:Title}</b><br>
  238. {block:Lines}{block:Label}<b>{Label}</b><br> {Line} <br><br> {/block:Label}{/block:Lines}
  239. <div class="perma"><img src="{image:permalink icon}" style="padding-right: 6px;"><a href="{Permalink}">{NoteCountwithLabel}</a>
  240. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>
  241. {block:HasTags}{block:ifshowtags}
  242. <div class="tags">
  243. {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  244. </div>
  245. {/block:ifshowtags}{/block:hasTags}
  246. </div>{/block:Chat}
  247.  
  248.  
  249. {block:Audio}
  250. <div class="post">
  251. <div style="background: black; color: white; font-weight: 800; padding: 4px;">{block:AlbumArt}<a href="{permalink}"><img src="{AlbumArtURL}" width="100%"/></a>{/block:AlbumArt}<div class="hear">
  252. <div style="width: 30px; overflow: hidden; position:absolute; margin-top: 5px;">
  253. <center>{AudioPlayerBlack}</center></div></div>
  254. <p style="padding: 2px; text-transform: uppercase; text-align: center;">
  255. {block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</p>
  256.  
  257. </div>
  258. {block:ExternalAudio}{/block:ExternalAudio}
  259.  
  260. <div class="perma"><img src="{image:permalink icon}" style="padding-right: 6px;"><a href="{Permalink}">{NoteCountwithLabel}</a>
  261. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>
  262. {block:HasTags}{block:ifshowtags}
  263. <div class="tags">
  264. {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  265. </div>
  266. {/block:ifshowtags}{/block:hasTags}
  267. </div>
  268. {/block:Audio}
  269.  
  270.  
  271. {block:Answer}
  272. <div class="post">
  273. <big>{Question}</big><br>- {Asker}<br> {Answer}
  274.  
  275. <div class="perma"><img src="{image:permalink icon}" style="padding-right: 6px;"><a href="{Permalink}">{NoteCountwithLabel}</a>
  276. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>
  277. {block:HasTags}{block:ifshowtags}
  278. <div class="tags">
  279. {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  280. </div>
  281. {/block:ifshowtags}{/block:hasTags}
  282. </div>
  283. {/block:answer}
  284.  
  285. {block:Video}
  286. <div class="post"> <center> {Video-250} </center>
  287. {block:Caption}<div class="caption">{Caption}</div> {/block:Caption}
  288. <div class="perma"><img src="{image:permalink icon}" style="padding-right: 6px;"><a href="{Permalink}">{NoteCountwithLabel}</a>
  289. <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>
  290. {block:HasTags}{block:ifshowtags}
  291. <div class="tags">
  292. {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  293. </div>
  294. {/block:ifshowtags}{/block:hasTags}
  295. </div>
  296. {/block:Video}
  297.  
  298.  
  299.  
  300. {block:PostNotes}<div class="notes">
  301. {block:NoteCount}{NoteCount} notes{/block:NoteCount} {block:HasTags}// {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
  302. {PostNotes} </div>{/block:PostNotes}
  303. {/block:posts} </div></div>
  304. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  305. <script>
  306. (function($){
  307. $(document).ready(function(){
  308. $("[title],a[title],img[title]").style_my_tooltips({
  309. tip_follows_cursor:true,
  310. tip_delay_time:100,
  311. tip_fade_speed:300,
  312. attribute:"title"
  313. });
  314. });
  315. })(jQuery);
  316. </script>
  317. </div> <br> <br>
  318. </body> </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement