API tools faq
paste
Advertisement
belphine

theme #5 (blinking)

belphine
Feb 22nd, 2015
8,267
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6.  
  7. <!-------------
  8. theme by jay@tsunemori.co.vu
  9. please do not steal or copy or redistribute thanks
  10. message me for any concerns
  11. --------------->
  12.  
  13. <!-- random color script by selkas.tumblr -->
  14. <meta name="color:random bg 1" content="#ffeef3"/>
  15. <meta name="color:random bg 2" content="#ffffe2"/>
  16. <meta name="color:random bg 3" content="#ecfbf6"/>
  17. <meta name="color:random bg 4" content="#e6f6fb"/>
  18. <meta name="color:random bg 5" content="#f8eeff"/>
  19. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  20. <script>
  21. $(document).ready(function(){
  22. var colors = [
  23. '{color:random bg 1}',
  24. '{color:random bg 2}',
  25. '{color:random bg 3}',
  26. '{color:random bg 4}',
  27. '{color:random bg 5}'
  28. ];
  29. var r = Math.floor(Math.random() * 5);
  30. $('#side a, #thm a, #trees, #cactus, #sulk, #prim, #moon').css('background-color', colors[r]);
  31. });
  32. </script>
  33.  
  34. <meta name="image:background" content="" />
  35. <meta name="image:sidebar" content="" />
  36.  
  37. <meta name="color:background" content= "#ffffff" />
  38. <meta name="color:postbackground" content= "#ffffff" />
  39. <meta name="color:borders" content= "#f0f0f0" />
  40. <meta name="color:text" content= "#888888" />
  41. <meta name="color:link" content= "#666666" />
  42. <meta name="color:linkhover" content= "#444444" />
  43.  
  44. <meta name="if:500posts" content="0" />
  45. <meta name="if:400posts" content="1" />
  46. <meta name="if:250posts" content="0" />
  47.  
  48. <meta name="text:sidebar left" content="250">
  49. <meta name="text:sidebar top" content="50">
  50. <meta name="text:posts left" content="460">
  51. <meta name="text:posts top" content="0">
  52. <meta name="text:posts spacing" content="50">
  53.  
  54. <meta name="text:link 01 url" content="/">
  55. <meta name="text:link01" content="link one">
  56. <meta name="text:link 02 url" content="/">
  57. <meta name="text:link02" content="link two">
  58. <meta name="text:link 03 url" content="/">
  59. <meta name="text:link03" content="link three">
  60.  
  61. <meta name="if:infinitescroll" content="0" />
  62. <meta name="if:hide captions" content="0" />
  63. <meta name="if:show tags" content="1" />
  64.  
  65. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  66. <title>{Title}</title>
  67. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  68. <link rel="shortcut icon" href="{Favicon}" />
  69. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  70. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  71. <link href='https://fonts.googleapis.com/css?family=Cousine:400,400italic,700,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'> </script>
  72. <style type="text/css">
  73.  
  74. body {
  75. background-image: url('{image:background}');
  76. background-repeat:repeat;
  77. background-attachment: fixed;
  78. background-color: {color:background};
  79. font: 9px Cousine;
  80. line-height:16px;
  81. text-align:left;
  82. }
  83.  
  84. #side {position:fixed;float:right;width:160px;color:{color:text};top:{text:sidebar top}px;left:{text:sidebar left}px;font-family:georgia;}
  85. #side a {padding: 1px 4px;color:{color:text}; text-decoration:none;font-family:cousine;}
  86. #side a:hover {color:{color:link};text-decoration:underline;}
  87. #side img {max-width:160px;padding-bottom:4px;}
  88.  
  89. #thm {font-family:georgia;width:{block:if400posts}440px{/block:if400posts}{block:if500posts}540px{/block:if500posts}{block:if250posts}290px{/block:if250posts};color:{color:text};top:{text:posts top}px;position:absolute;left:{text:posts left}px;}
  90. #thm a {color:{color:link};text-decoration:none;}
  91. #thm a:hover {color:{color:linkhover};text-decoration:underline;}
  92. #pst {margin-top:{text:posts spacing}px;margin-bottom:{text:posts spacing}px;}
  93.  
  94. #cactus {padding: 8px;font-family:cousine;border:1px solid {color:borders};padding:20px;font-size:14px;color:{color:linkhover};width:{block:if400posts}400px{/block:if400posts}{block:if500posts}500px{/block:if500posts}{block:if250posts}250px{/block:if250posts};}
  95. #trees {padding: 8px;font-family:cousine;border:1px solid {color:borders};padding:20px;font-size:14px;color:{color:linkhover};width:{block:if400posts}400px{/block:if400posts}{block:if500posts}500px{/block:if500posts}{block:if250posts}250px{/block:if250posts};}
  96. #cactus a {color:{color:linkhover}}
  97. #cactus a:hover {color:{color:link};text-decoration:none;}
  98.  
  99. b, bold {color:{color:text};}
  100. blockquote {width:90%;border-left:1px solid {color:borders};margin-left:22px;padding: 0px 8px;}
  101. ul, ol {list-style-type:square;}
  102. small, sub, sup {font-size:9px;font-family:cousine!important;}
  103. img {max-width:100%;}
  104.  
  105. #tumblr_lightbox {background-color:rgba(255,255,255,0.9)!important;}
  106. #tumblr_lightbox img { opacity:0;padding: 10px;border: 1px solid {color:borders}; }
  107. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity: 1!important;box-shadow: 0 0 0 transparent!important;border-radius: 0!important;-moz-border-radius: 0!important;-webkit-border-radius: 0!important;-o-border-radius: 0!important;padding: 10px!important;border: 1px solid {color:borders}!important;background-color: {color:background}!important;}
  108. #tumblr_lightbox_caption {color: {color:borders}!important;font-family: calibri!important;font-size: 12px!important;margin-top: 30px!important;text-shadow: 0 0 0 transparent!important;font-weight: 400!important;}
  109.  
  110. ::-webkit-scrollbar {background-color:{color:borders}; border:4px solid {color:background} ;height: 9px; width:9px;}
  111. ::-webkit-scrollbar-thumb {background:{color:borders} url('http://media.tumblr.com/1f53852736e2f58f84d1c06f4fa4d17d/tumblr_inline_mkjlph6wcQ1qz4rgp.png');border:1px solid {color:borders}; -webkit-border-radius:3px; border-radius: 3px;}
  112.  
  113. ::selection {background: {color:background};color: {color:linkhover};}
  114. ::-moz-selection {background: {color:background};color: {color:linkhover};}
  115.  
  116. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  117. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  118.  
  119. pre {word-wrap:break-word;}
  120.  
  121. #risk {background-color:{color:postbackground};border: 1px solid {color:borders};padding:20px;width:{block:if400posts}400px{/block:if400posts}{block:if500posts}500px{/block:if500posts}{block:if250posts}250px{/block:if250posts};margin-top:-1px;}
  122. #sulk {padding:20px;border:1px solid {color:borders};width:{block:if400posts}400px{/block:if400posts}{block:if500posts}500px{/block:if500posts}{block:if250posts}250px{/block:if250posts};}
  123. #prim {padding:20px;border:1px solid {color:borders};width:{block:if400posts}400px{/block:if400posts}{block:if500posts}500px{/block:if500posts}{block:if250posts}250px{/block:if250posts};font-family:cousine;margin-top:-1px;}
  124. #moon {padding:20px;border:1px solid {color:borders};width:{block:if400posts}400px{/block:if400posts}{block:if500posts}500px{/block:if500posts}{block:if250posts}250px{/block:if250posts};font-family:cousine;}
  125.  
  126. #note {background-color:{color:postbackground};padding:20px;border:1px solid {color:borders};width:{block:if400posts}400px{/block:if400posts}{block:if500posts}500px{/block:if500posts}{block:if250posts}250px{/block:if250posts};margin-top:-1px;list-style-type:none;text-align:left;}
  127. #note img {display:none!important}
  128.  
  129. </style>
  130. {block:Ifinfinitescroll}
  131. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  132. {/block:Ifinfinitescroll}
  133. </head>
  134. <body>
  135.  
  136. <div id="side">
  137. <center><img src="{image:sidebar}"></center>
  138.  
  139. <div style="font-size:11px;text-decoration:none;padding:4px 0px;"><a href="/">{Title}</a></div>
  140.  
  141. <div style="text-align:right"><i>{description}</i></div><br />
  142.  
  143. 001. <a href="/">index</a><br />
  144. 002. <a href="/ask">message</a><br />
  145. 003. <a href="/archive">archive</a><br />
  146. 004. <a href="http://belphine.tumblr.com">theme</a>
  147.  
  148. {block:Iflink01}<br /> 005. <a href="{text:link 01 url}">{text:link01}</a>{/block:Iflink01}
  149. {block:Iflink02}<br /> 006. <a href="{text:link 02 url}">{text:link02}</a>{/block:Iflink02}
  150. {block:Iflink03}<br /> 007. <a href="{text:link 03 url}">{text:link03}</a>{/block:Iflink03}
  151. {block:IfNotinfinitescroll}{block:Pagination}<br />
  152. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  153. {CurrentPage} / {TotalPages}
  154. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  155. {/block:Pagination}{/block:IfNotinfinitescroll}
  156. </div>
  157.  
  158. <div id="thm">
  159. {block:Ifinfinitescroll}<div class = "autopagerize_page_element" >{/block:Ifinfinitescroll}
  160. {block:Posts}
  161. <div id="pst">
  162.  
  163. {block:Text}
  164. {block:Title}<div id="cactus">{Title}</div>{/block:Title}
  165. <div id="risk">{Body}</div>
  166. {/block:Text}
  167.  
  168. {block:Quote}
  169. <div id="trees">{Quote}</div>
  170. <div id="risk">{Source}</div>
  171. {/block:Quote}
  172.  
  173. {block:Link}
  174. <div id="cactus"><a href="{URL}">{Name}</a></div>
  175. {block:Description}<div id="risk">{Description}</div>{/block:Description}
  176. {/block:Link}
  177.  
  178. {block:Photo}
  179. <center><div id="sulk"><img src="{block:if250posts}{PhotoURL-250}{/block:if250posts}{block:if400posts}{PhotoURL-400}{/block:if400posts}{block:if500posts}{PhotoURL-500}{/block:if500posts}"/></div></center>
  180. {block:IfHideCaptions}{Block:PermalinkPage}{block:Caption}<div id="risk">{Caption}</div>{/block:Caption}{/Block:PermalinkPage}{/block:IfHideCaptions}
  181. {block:IfNotHideCaptions}{block:Caption}<div id="risk">{Caption}</div>{/block:Caption}{/block:IfNotHideCaptions}
  182. {/block:Photo}
  183.  
  184. {block:Photoset}
  185. <center><div id="sulk">{block:if500posts}{Photoset-500}{/block:if500posts}{block:if400posts}{Photoset-400}{/block:if400posts}{block:if250posts}{Photoset-250}{/block:if250posts}</div></center>
  186. {block:IfHideCaptions}{Block:PermalinkPage}{block:Caption}<div id="risk">{Caption}</div>{/block:Caption}{/Block:PermalinkPage}{/block:IfHideCaptions}
  187. {block:IfNotHideCaptions}{block:Caption}<div id="risk">{Caption}</div>{/block:Caption}{/block:IfNotHideCaptions}
  188. {/block:Photoset}
  189.  
  190. {block:Chat}
  191. {block:Title}<div id="cactus">{Title}</div>{/block:Title}
  192. <div id="risk">{block:Lines}
  193. {block:Label}<b>{Label}</b>{/block:Label}
  194. {Line}<br />
  195. {/block:Lines}</div>
  196. {/block:Chat}
  197.  
  198. {block:Video}
  199. <center><div id="sulk">{block:if500posts}{Video-500}{/block:if500posts}{block:if400posts}{Video-400}{/block:if400posts}{block:if250posts}{Video-250}{/block:if250posts}</div></center>
  200. {block:IfHideCaptions}{Block:PermalinkPage}{block:Caption}<div id="risk">{Caption}</div>{/block:Caption}{/Block:PermalinkPage}{/block:IfHideCaptions}
  201. {block:IfNotHideCaptions}{block:Caption}<div id="risk">{Caption}</div>{/block:Caption}{/block:IfNotHideCaptions}
  202. {/block:Video}
  203.  
  204. {block:Answer}
  205. <div id="moon">{Asker} said: {Question}</div>
  206. <div id="risk">{Answer}</div>
  207. {/block:Answer}
  208.  
  209. {block:Audio}
  210. <div id="sulk">{block:if500posts}{AudioEmbed-500}{/block:if500posts}{block:if400posts}{AudioEmbed-400}{/block:if400posts}{block:if250posts}{AudioEmbed-250}{/block:if250posts}</div>
  211. {block:IfHideCaptions}{Block:PermalinkPage}{block:Caption}<div id="risk">{Caption}</div>{/block:Caption}{/Block:PermalinkPage}{/block:IfHideCaptions}
  212. {block:IfNotHideCaptions}{block:Caption}<div id="risk">{Caption}</div>{/block:Caption}{/block:IfNotHideCaptions}
  213. {/block:Audio}
  214.  
  215. {block:ContentSource}
  216. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  217. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  218. {/block:SourceLogo}
  219. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  220. {/block:ContentSource}
  221.  
  222. {block:Date}
  223. <div id="prim">
  224. <a href="{Permalink}">{DayOfMonth} {Month} {Year}</a>,
  225. <a href="{Permalink}">with {NoteCountWithLabel}</a>
  226. {block:RebloggedFrom}(from <a href="{ReblogParentURL}">{ReblogParentName}</a> & by <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}
  227. <div style="float:right; padding-left:4px;"><a href="{ReblogURL}" target="blank">reblog</a></div>
  228.  
  229. {block:Ifshowtags}{block:HasTags}
  230. <br />tagged:
  231. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:Ifshowtags}
  232.  
  233. {block:IfNotshowtags}{block:permalinkpage}
  234. <br />tagged:
  235. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:permalinkpage}{/block:IfNotshowtags}
  236.  
  237. </div>
  238. {/block:Date}
  239.  
  240.  
  241. {block:PostNotes}<div id="note">
  242. {PostNotes}
  243. </div>{/block:PostNotes}
  244.  
  245.  
  246. </div>
  247. {/block:Posts}
  248. {block:Ifinfinitescroll}</div>{/block:Ifinfinitescroll}
  249. </div>
  250.  
  251.  
  252.  
  253. </body>
  254. </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!