API tools faq
paste
thewisepotato

Static Tumblr Theme

thewisepotato
Sep 22nd, 2013
2,090
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title> {Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7. <link rel="shortcut icon" href="{Favicon}" />
  8.  
  9. <meta name="image:sidebar1" content=""/>
  10. <meta name="image:sidebar2" content=""/>
  11.  
  12. <meta name="color:text" content="#b8b8b8"/>
  13. <meta name="color:link" content="#b8b8b8"/>
  14. <meta name="color:sidebar" content="#ccd2de">
  15. <meta name="color:description text" content="#3f3f3f"/>
  16. <meta name="color:title" content="#d5d5d5"/>
  17. <meta name="color:background" content="#f3f3f3"/>
  18. <meta name="color:post bg" content="#ffffff"/>
  19. <meta name="color:ask bg" content="#f3f3f3"/>
  20.  
  21. <meta name="text:ask label" content="ask"/>
  22. <meta name="text:archive label" content="archive"/>
  23. <meta name="text:link 1 label" content=""/>
  24. <meta name="text:link 1 url" content="http://"/>
  25. <meta name="text:link 2 label" content=""/>
  26. <meta name="text:link 2 url" content="http://"/>
  27.  
  28. <meta name="if:always show sidebar images" content="0">
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  31.  
  32. <style type="text/css">
  33.  
  34. *{-webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
  35.  
  36. body {background: {color:background} url('http://static.tumblr.com/puls2hm/iE0mt9n8x/693712_38614915_.png') no-repeat left top fixed; font-family:Inconsolata, Courier New; color:{color:text};}
  37.  
  38. img {max-width:100%;}
  39.  
  40. a, a:visited, a:link, a:active {text-decoration:none; color:{color:link};}
  41. a:hover {text-decoration:underline; color:{color:link};}
  42.  
  43. p, li {text-align:justify; color:{color:text};}
  44.  
  45. h3 {text-align:center; color:{color:title}; margin: 3px 0; }
  46.  
  47. #picbutton {border-radius:22px; height:23px; width:23px; background-color:#000; opacity:0; position: fixed; top:342px; left: 939px; z-index:9;}
  48. #picbutton:hover {opacity:0.3;}
  49.  
  50. #staticbutton {border-radius:22px; height:23px; width:23px; background-color:#000; opacity:0; position: fixed; top:344px; left: 1008px; z-index:9;}
  51. #staticbutton:hover {opacity:0.3;}
  52.  
  53. .side {height:100px; width:127px; border-radius:0 69px 69px 0; position:fixed; opacity:0; z-index:9; left:905.5px;}
  54.  
  55. .static {width:600px; height:460px; position:fixed; top:70px; left: 260px; display:none; z-index:99;}
  56.  
  57. {block:ifAlwaysShowSidebarImages} .side {opacity:1;} {/block:ifAlwaysShowSidebarImages}
  58.  
  59. #sidebar {position:fixed; top:372px; left:897px; background-color:{color:sidebar}; width:163px; height:202px; border-radius:0 0 20px 0; padding: 2px; z-index:9;}
  60.  
  61. #sidebar h3 {color:{color:description text};}
  62. #sidebar p {color:{color:description text};}
  63.  
  64. #desc {text-align:justify; padding-right:4px; height:175px; overflow:scroll; color:{color:description text}; border-top:solid 1px {color:description text};}
  65.  
  66. #links a {padding: 2px 7px; height:16px; width:110px; max-width:120px; background-color:black; color:white; border-radius: 20px; z-index:9; position:fixed; top:553px; text-align:center;}
  67.  
  68. #links a img {height:16px; width:16px;}
  69.  
  70. #posts {width:600px; height:460px; overflow-y:scroll; overflow-x:hidden; overflow-wrap:break-word; position:fixed; top:70px; left: 260px; text-align:center; background-color:{color:post bg};}
  71.  
  72. #posts blockquote {padding-left:15px; margin:0; border-left: solid 2px {color:text};}
  73.  
  74. #info, #info div {padding:5px;}
  75.  
  76. #tags {font-size: 0.7em;}
  77.  
  78. #permalink {font-size:0.9em;}
  79.  
  80. #info {border-top: solid 2px rgba({RGBcolor:background},0.4); border-bottom: solid 2px rgba({RGBcolor:background},0.4);}
  81.  
  82. #entry {margin-top:10px; margin-bottom:10px; padding:10px; padding-bottom:0; border-top:solid 1px {color:text};}
  83.  
  84. #entry * {max-width:600px;}
  85.  
  86. #pagination {text-align:center; height:60px; width:25px; border-radius:10px; position:fixed; top:160px; left:1030px; background-color:{color:post bg}; color:{color:text};}
  87.  
  88. #pagination a {color:{color:text};}
  89.  
  90. .q {background-color:rgba({RGBcolor:ask bg},1;}
  91.  
  92. ol.notes {list-style-type:none; margin:0; padding:10px;}
  93.  
  94. img.avatar {margin-right:10px; width:16px; height:16px;}
  95.  
  96. iframe#tumblr_controls {right:1px !important; top:1px !important; position: fixed !important;}
  97.  
  98. {CustomCSS}
  99. </style>
  100.  
  101. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  102. {block:ifNotAlwaysShowSidebarImages}
  103. <script type="text/javascript">
  104. $(document).ready(function(){
  105. $('#picbutton').click(function(){
  106. if ($('.side').css('opacity') == '0') {
  107. $('.side').css('opacity','1');
  108. } else {
  109. $('.side').css('opacity','0');
  110. };
  111. });
  112. });
  113. </script>
  114. {block:ifNotAlwaysShowSidebarImages}
  115.  
  116. <script type="text/javascript">
  117. $(document).ready(function(){
  118. $('#staticbutton').click(function(){
  119. $('.static').fadeIn();
  120. window.setTimeout(function (){$('.static').fadeOut(); }, 1000);
  121. });
  122. });
  123. </script>
  124.  
  125. </head>
  126. <body>
  127.  
  128. <img style="top:72px;" class="side" src="{image:sidebar1}">
  129. <img style="top:206px;" class="side" src="{image:sidebar2}">
  130.  
  131. <div id="picbutton"></div>
  132.  
  133. <div id="staticbutton"></div>
  134.  
  135. <div id="sidebar">
  136. <h3>{Title}</h3>
  137. <div id="desc">
  138. <p>{Description}</p>
  139. </div>
  140. </div>
  141.  
  142. <div id="links">
  143. <a style="left:238px; padding:2px 0; width: 60px;" href="/"><img src="http://static.tumblr.com/puls2hm/BmXn4mvt4/main-qimg-f6c958933d62de56d6c5036bad9cd240.png"/></a>
  144. <a style="left:318px;" href="/ask">{text:ask label}</a>
  145. <a style="left:472px; margin-top:1px;" href="/archive">{text:archive label}</a>
  146. <a style="left:606px; margin-top:2px;" href="{text:link 1 url}">{text:link 1 label}</a>
  147. <a style="left:740px; margin-top:1px;" href="{text:link 2 url}">{text:link 2 label}</a>
  148. </div>
  149.  
  150. <img class="static" src="http://static.tumblr.com/puls2hm/d4omtdj3y/b2dc824680dcfc19b2fd61628e712d54f05dd6d2_m.gif"/>
  151.  
  152. <div id="pagination">
  153. {block:Pagination}
  154. {block:NextPage}<a style="padding-left:6px;" href="{NextPage}">↥</a>{/block:NextPage}{/block:Pagination}
  155. <br/>{CurrentPage}<br/>
  156. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">↧</a>{/block:PreviousPage}
  157. {/block:Pagination}
  158. </div>
  159.  
  160.  
  161. <!-------------------------AND NOW, THE POSTS----------------------------->
  162.  
  163. <div id="posts">
  164.  
  165. {block:Posts}
  166.  
  167. <div id="entry">
  168.  
  169. {block:Text}
  170. {block:Title}<h3>{Title}</h3>{/block:Title}
  171. <p>{Body}</p>
  172. {/block:Text}
  173.  
  174. {block:Answer}
  175. <div class="q">{Asker} asked: <h3>{Question}</h3></div>
  176. <p>{Answer}</p>
  177. {/block:Answer}
  178.  
  179. {block:Chat}
  180. {block:Title}<h3>{Title}</h3>{/block:Title}
  181. {block:Lines}
  182. <p class="{Alt}">{block:Label}<b>{Label} </b>{/block:Label}{Line}</p>
  183. {/block:Lines}
  184. {/block:Chat}
  185.  
  186. {block:Audio}
  187. {AudioPlayer}
  188. <p>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  189. {block:TrackName} | {TrackName}{/block:TrackName}
  190. {block:Album} | {Album}{/block:Album}
  191. {block:Artist} | {Artist}{/block:Artist}
  192. </p>
  193. {block:Caption}<p>{Caption}</p>{/block:Caption}
  194. {/block:Audio}
  195.  
  196. {block:Video}
  197. {Video-500}
  198. <p>{PlayCountWithLabel}</p>
  199. {block:Caption}<p>{Caption}</p>{/block:Caption}
  200. {/block:Video}
  201.  
  202. {block:Photo}
  203. {LinkOpenTag}
  204. <img src="{PhotoURL-500}">
  205. {LinkCloseTag}
  206. {block:Caption}<p>{Caption}</p>{/block:Caption}
  207. {/block:Photo}
  208.  
  209. {block:Photoset}
  210. {Photoset-500}
  211. {block:Caption}<p>{Caption}</p>{/block:Caption}
  212. {/block:Photoset}
  213.  
  214. {block:Panorama}
  215. {LinkOpenTag}<img src="{PhotoURL-Panorama}"/>{LinkCloseTag}
  216. {block:Caption}<p>{Caption}{/block:Caption}
  217. {/block:Panorama}
  218.  
  219. {block:Quote}
  220. <h3>❝{Quote}❞</h3>
  221. {block:Source}<p style="text-align:center;">-- {Source} --</p>{/block:Source}
  222. {/block:Quote}
  223.  
  224. {block:Link}
  225. <a href="URL"><h3>{Name}</h3></a>
  226. {block:Description}<p>{Description}</p>{/block:Description}
  227. {/block:Link}
  228.  
  229. {block:Date}
  230. <div id="info">
  231.  
  232. <div id="permalink">
  233. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> | <a href="{ReblogRootURL}">source</a> | {/block:RebloggedFrom} <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a> | <a href="{Permalink}">{NoteCountWithLabel}</a> | <a href="{ReblogURL}">⟳</a>
  234. </div><!--permalink-->
  235.  
  236.  
  237.  
  238. {block:HasTags}<div id="tags">
  239. Tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  240. </div>{/block:HasTags}
  241.  
  242.  
  243. </div><!--infooo-->
  244. {/block:Date}
  245.  
  246.  
  247. </div><!--entry-->
  248.  
  249. {block:PostNotes}
  250. <div id="notecontainer">{PostNotes}</div>
  251. {/block:PostNotes}
  252.  
  253. {/block:Posts}
  254. </div><!--posts-->
  255. <!---------------------------GOODBYE, POSTS------------------------------->
  256.  
  257. <!------DO NOT REMOVE THE CREDIT. DOING SO WOULD MAKE YOU A THIEF.------->
  258. <a href="http://syntaxthemes.tumblr.com">
  259. <img style="position:fixed; bottom:0; right:0; display:block; opacity:0.7; margin:0; z-index:999999999999!important;" onmouseover="this.style.opacity=0.9" onmouseout="this.style.opacity=0.7" src="http://static.tumblr.com/puls2hm/QOHn1brjx/st.png"/></a>
  260. <!----------------------------------THANK-------------------------------->
  261.  
  262. </body>
  263. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!