API tools faq
paste
Advertisement
sprockett

Theme #20: Breaker

sprockett
Jun 13th, 2014
788
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.26 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7. <!--Theme by intrins-themes.tumblr.com-->
  8.  
  9. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  10. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  11. <script>
  12. (function($){
  13. $(document).ready(function(){
  14. $("a[title]").style_my_tooltips({
  15. tip_follows_cursor:true,
  16. tip_delay_time:90,
  17. tip_fade_speed:600,
  18. attribute:"title"
  19. });
  20. });
  21. })(jQuery);
  22. </script>
  23. <!--basic tooltip from tutorial-baby! Enjoy-->
  24.  
  25. {block:If250pxPosts}
  26.  
  27. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  28.  
  29. <script>
  30. $(function(){
  31. var $container = $('#stockett');
  32. $container.imagesLoaded(function(){
  33. $container.masonry({
  34. itemSelector: '#bonnie',
  35. });
  36. });
  37. $container.infinitescroll({
  38. itemSelector : "#bonnie",
  39. navSelector : "div.pagination",
  40. nextSelector : ".pagination a#next",
  41. loadingImg : "",
  42. loadingText : "<em></em>",
  43. bufferPx : 10000,
  44. extraScrollPx: 12000,
  45. },
  46. // trigger Masonry as a callback
  47. function( newElements ) {
  48. var $newElems = $( newElements ).css({ opacity: 0 });
  49. // ensure that images load before adding to masonry layout
  50. $newElems.imagesLoaded(function(){
  51. $newElems.animate({ opacity: 1 });
  52. $container.masonry( 'appended', $newElems, true );
  53. });
  54. }
  55. );
  56. });
  57. </script>{/block:If250pxPosts}
  58.  
  59. <meta name="if:250px Posts" content="0">
  60. <meta name="if:400px Posts" content="1">
  61. <meta name="if:500px Posts" content="0">
  62.  
  63. <meta name="text:Link A" content="">
  64. <meta name="text:Link A URL" content="">
  65. <meta name="text:Link B" content="">
  66. <meta name="text:Link B URL" content="">
  67. <meta name="text:Link C" content="">
  68. <meta name="text:Link C URL" content="">
  69. <meta name="text:Link D" content="">
  70. <meta name="text:Link D URL" content="">
  71. <meta name="text:Billy Music Player" content="">
  72.  
  73. <meta name="image:Background" content="">
  74. <meta name="image:Sidebar" content="">
  75. <meta name="image:Description Background" content="">
  76. <meta name="color:Description Background" content="#eeeeee">
  77. <meta name="color:Background" content="#eeeeee">
  78. <meta name="color:Body Font" content="#383838">
  79. <meta name="color:Link Font" content="#383838">
  80. <meta name="color:Link Hover" content="#aaaaaa">
  81. <meta name="color:Post Background" content="#ffffff">
  82. <meta name="color:Side Image Border" content="#ffffff">
  83. <meta name="color:Side Image Outline" content="#A7DADB">
  84. <meta name="color:Description Font" content="#383838">
  85. <meta name="color:Description Overlay" content="#ffffff">
  86. <meta name="color:Main Links Background" content="#A7DADB">
  87. <meta name="color:Main Links Font" content="#ffffff">
  88. <meta name="color:Hover Notes Background" content="#ffffff">
  89. <meta name="color:Hover Notes Font" content="#A7DADB">
  90.  
  91. <style type="text/css">
  92.  
  93. iframe#tumblr_controls{position:fixed !important;}
  94.  
  95. body{margin:0px; font-size:10px; font-family:consolas; color:{color:body font}; background:{color:background} url('{image:background}') fixed;}
  96. a{text-decoration:none; transition:0.4s; -moz-trasition:0.4s; outline:none; -moz-outline-style:none; color:{color:link font};}
  97. a:hover{color:{color:link hover};}
  98. img{border:none;}
  99. #stockett{top:10px; left:320px; position:absolute; {block:If250pxPosts}width:600px;{/block:If250pxPosts}{block:If400pxPosts}width:400px;{/block:If400pxPosts}{block:If500pxPosts}width:500px;{/block:If500pxPosts}}
  100. #bonnie{block:If250pxPosts}{block:IndexPage}{width:250px; float:left; margin-right:20px;{/block:IndexPage}{block:PermalinkPage}{width:500px;{/block:PermalinkPage}{/block:If250pxPosts}{block:If400pxPosts}{width:400px;{/block:If400pxPosts}{block:If500pxPosts}{width:500px;{/block:If500pxPosts} overflow:hidden; padding:10px; margin-bottom:20px; background:{color:post background};}
  101.  
  102. .extranotes{font-family:calibri; font-size:9px; text-align:center; position:absolute; margin-top:10px; opacity:0; transition:0.6s; -moz-transition:0.6s;{block:If250pxPosts}width:90%;{/block:If250pxPosts}{block:If400pxPosts}width:100%;{/block:If400pxPosts}{block:If500pxPosts}width:100%;{/block:If500pxPosts}}
  103. #bonnie:hover .extranotes{opacity:1;}
  104. .extranotes a{background:{color:hover notes background}; padding:4px; margin:2px; color:{color:hover notes font}; border-radius:4px; -moz-border-radius:4px;}
  105.  
  106. .steer{background:#eee; padding:10px;}
  107. .title{width:100%; display:inline-block; text-align:center; font-size:12px; text-transform:uppercase; padding:10px 0 10px 0;}
  108.  
  109. #container{width:180px; height:180px; overflow:hidden; left:80px; top:100px; outline:1px solid {color:side image outline}; border:20px solid {color:side image border}; position:fixed;}
  110. .top, .bottom{min-width:180px; height:180px; position:absolute; transition:0.6s; -moz-transition:0.6s;}
  111. .top{z-index:1;}
  112. .bottom{background:{color:description background};}
  113. #container:hover .top{opacity:0;}
  114. #container:hover .desc{opacity:1;}
  115. #container:hover .descoverlay{opacity:.5;}
  116. .desc, .descoverlay{left:100px; top:120px; height:160px; width:160px; padding:10px; position:fixed; opacity:0; transition:0.6s; -moz-transition:0.6s;}
  117. .desc{color:{color:description font}; text-align:center; z-index:2;}
  118. .descoverlay{background:{color:description overlay}; z-index:1;}
  119.  
  120. #main{top:312px; left:100px; z-index:2; position:fixed;}
  121. #main a{background:{color:main links background}; padding:4px; color:{color:main links font}; font-size:9px; font-family:calibri; letter-spacing:1px; text-transform:uppercase; margin-right:5px;}
  122. #main a:hover{color:{color:main links background}; background:{color:main links font};}
  123.  
  124. #extra{top:120px; {block:If250pxPosts}{block:IndexPage}left:900px;{/block:IndexPage}{block:PermalinkPage}left:860px;{/block:PermalinkPage}{/block:If250pxPosts}{block:If400pxPosts}left:760px;{/block:If400pxPosts}{block:If500pxPosts}left:860px;{/block:If500pxPosts} position:fixed; z-index:1;}
  125. #extra a{width:20px; display:inline-block; border:1px solid {color:main links background}; background:{color:main links font}; text-align:center; font-family:calibri; margin-bottom:4px; color:{color:main links background};}
  126. #extra a:hover{background:{color:main links background}; color:{color:main links font};}
  127. .billy{width:20px; overflow:hidden; display:inline-block; border:1px solid {color:main links background}; background:{color:main links font}; text-align:center; font-family:calibri; margin-bottom:4px; color:{color:main links background}; padding-bottom:2px;}
  128. .billythr{ transition:0.6s; -moz-transition:0.6s;}
  129. .billytwo{margin-top:-16px; margin-left:20px;}
  130. .billy:hover .billythr{margin-left:-40px;}
  131.  
  132. .sos{bottom:10px; left:20px; background:#fff; padding:4px; font-size:16px; font-family:times new roman; position:fixed; color:#aaa; opacity:.5;}
  133.  
  134. {block:If250pxPosts}.pagination{display:none;}{/block:If250pxPosts}
  135. {block:If400pxPosts}.pagination{display:inline-block; margin-top:20px; margin-bottom:40px; text-align:center; width:100%; margin-left:10px;}
  136. .pagination a{padding:15px 60px 15px 60px; background:{color:post background}; font-size:20px; font-family:calibri; color:{color:body font};}{/block:If400pxPosts}
  137. {block:If500pxPosts}.pagination{display:inline-block; margin-top:20px; margin-bottom:40px; text-align:center; width:100%; margin-left:10px;}
  138. .pagination a{padding:15px 60px 15px 60px; background:{color:post background}; font-size:20px; font-family:calibri; color:{color:body font};}{/block:If500pxPosts}
  139.  
  140. .tooltip{display:inline; position:relative;}
  141. #s-m-t-tooltip {
  142. max-width:150px; /*how big the tooltip can be at most*/
  143. padding:3px 4px 5px 4px;
  144. margin:2px 7px 0 20px; /*distance from word*/
  145. background-color:#ffffff;
  146. font-family:calibri;
  147. font-size:9px;
  148. letter-spacing:1px;
  149. text-transform:uppercase;
  150. color:{color:font};
  151. z-index:9;}
  152.  
  153. {CustomCSS}</style></head><body>
  154.  
  155. <a href="http://intrins-themes.tumblr.com" class="sos" title="intrins themes">○</a>
  156.  
  157. <div id="extra">
  158. {block:IfLinkAURL}<a href="{text:link a url}" title="{text:link a}" class="masterTooltip">I.</a><br>{/block:IfLinkAURL}
  159. {block:IfLinkBURL}<a href="{text:link b url}" title="{text:link b}" class="masterTooltip">II.</a><br>{/block:IfLinkBURL}
  160. {block:IfLinkCURL}<a href="{text:link c url}" title="{text:link c}" class="masterTooltip">III.</a><br>{/block:IfLinkCURL}
  161. {block:IfLinkDURL}<a href="{text:link d url}" title="{text:link d}" class="masterTooltip">IV.</a>{/block:IfLinkDURL}
  162. {block:IfBillyMusicPlayer}<div class="billy"><div class="billythr">♫<div class="billytwo">{text:billy music player}</div></div></div>{/block:IfBillyMusicPlayer}
  163. </div>
  164.  
  165. <div id="main"><a href="/">home</a> <a href="/ask">ask</a> <a href="/archive">past</a></div>
  166.  
  167. <div id="container"><img src="{image:sidebar}" class="top">
  168. <img src="{image:description background}" class="bottom">
  169. <div class="descoverlay"></div>
  170. <div class="desc"><br>{Description}</div></div>
  171.  
  172. <div id="stockett">{block:Posts}<div id="bonnie">
  173.  
  174. {block:IndexPage}<div class="extranotes">{block:Date}<a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:Date} <a href="{ReblogURL}">REBLOG</a>{block:NoteCount} <a href="{Permalink}">♥{NoteCount}</a>{/block:NoteCount}</div>{/block:IndexPage}
  175.  
  176. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}
  177. {/block:Text}
  178.  
  179. {block:Photo}{LinkOpenTag}<center>{block:If250pxPosts}
  180. {block:IndexPage}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{/block:IndexPage}
  181. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}{/block:If250pxPosts}{block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{/block:If400pxPosts}{block:If500pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:If500pxPosts}</center>{LinkCloseTag}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  182. {/block:Photo}
  183.  
  184. {block:Photoset}<center>{block:If250pxPosts}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:If250pxPosts}{block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}{block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}</center>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  185. {/block:Photoset}
  186.  
  187. {block:Video}{block:If250pxPosts}{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{/block:If250pxPosts}{block:If400pxPosts}{Video-400}{/block:If400pxPosts}{block:If500pxPosts}{Video-500}{/block:If500pxPosts}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  188. {/block:Video}
  189.  
  190. {block:Quote}<div class="title">“{Quote}”</div>{block:Source}<i> —{Source}</i></p>{/block:Source}
  191. {/block:Quote}
  192.  
  193. {block:Link}<a href="{URL}" target="{Target}"><div class="title">{Name}</div></a>{block:Description}{Description}{/block:Description}
  194. {/block:Link}
  195.  
  196. {block:Chat}{block:Title}<div class="title">{Title}</div>{/block:Title}<br>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  197. {/block:Chat}
  198.  
  199. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}
  200. {/block:Audio}
  201.  
  202. {block:Answer}<i>{Asker} asked:<br><center><div class="steer">{Question}</div></center></i><p>{Answer}</p>
  203. {/block:Answer}
  204.  
  205. <font style="font-family:calibri; font-size:9px;">{block:PermalinkPage}{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}<br>{/block:Date}<a href="{ReblogURL}">REBLOG</a><br>{block:NoteCount} ♥{NoteCount}<br>{/block:NoteCount}{block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
  206. {block:ContentSource}<a href="{SourceURL}">via</a><br>{/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}">reblogged</a>{/block:RebloggedFrom}
  207. {block:PostNotes}{PostNotes}{/block:PostNotes}
  208. {/block:PermalinkPage}
  209. </font>
  210.  
  211.  
  212. </div>{/block:Posts}
  213. <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>
  214. {/block:PreviousPage}{block:NextPage}
  215. <a href="{NextPage}" id="next">»</a>{/block:NextPage}
  216. {/block:Pagination}</div>
  217. </div>
  218.  
  219. </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!