aretter

vitals theme

Mar 20th, 2012
14,007
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.78 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. vitals theme created by aretter
  6. copyrighted
  7. -->
  8.  
  9. <meta name="color:title" content="#000">
  10. <meta name="color:title background" content="#f8f8f8">
  11. <meta name="color:text" content="#000">
  12. <meta name="color:links" content="#000">
  13. <meta name="color:background" content="#fff">
  14. <meta name="color:permalink" content="#ddd">
  15. <meta name="color:scrollbar" content="#eee">
  16. <meta name="color:scrollbar hover" content="#ddd">
  17.  
  18. <meta name="if:endless scroll" content="1"/>
  19. <meta name="if:fixed post width" content=""/>
  20. <meta name="if:show captions" content="1"/>
  21. <meta name="if:x permalink" content="1" />
  22.  
  23. <meta name="font:title" content="Georgia" />
  24. <meta name="font:body" content="Courier New" />
  25. <meta name="font:tags" content="Courier New" />
  26.  
  27. <meta name="text:title font size" content="12px" />
  28. <meta name="text:font size" content="9px" />
  29. <meta name="text:permalink font size" content="9px" />
  30.  
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <title>{Title}</title>
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37.  
  38. {block:Description}
  39. <meta name="description" content="{MetaDescription}" />
  40. {/block:Description}
  41.  
  42. <style type="text/css">
  43.  
  44. body {margin:auto;
  45. margin-top:100px;
  46. height:100%;
  47. text-align:left;
  48. font-family: {font:body};
  49. font-size: {text:font size};
  50. color:{color:text};
  51. line-height:12px;
  52. background-color:{color:background};
  53. {block:iffixedpostwidth}width:400px;{/block:iffixedpostwidth}
  54. {block:ifnotfixedpostwidth}min-width:400px; max-width:700px;{/block:ifnotfixedpostwidth}}
  55.  
  56. a {text-decoration:none;
  57. color:{color:links}}
  58.  
  59. a:hover {color:{color:links}}
  60.  
  61. #entry {margin-bottom:40px;
  62. {block:iffixedpostwidth}width:400px;{/block:iffixedpostwidth}
  63. {block:ifnotfixedpostwidth}max-width:700px;{/block:ifnotfixedpostwidth}}
  64.  
  65. #entry img {{block:iffixedpostwidth}width:400px;{/block:iffixedpostwidth}
  66. {block:ifnotfixedpostwidth}min-width:400px; max-width:700px;{/block:ifnotfixedpostwidth}}
  67.  
  68. a img {border:0px;}
  69.  
  70. .blogtitle {font-family: {font:Title};
  71. text-align:center;
  72. font-size:{text:title font size};
  73. margin-bottom:6px;}
  74.  
  75. .blogtitle a {color:{color:title};
  76. background:{color:title background};
  77. padding:3px;}
  78.  
  79. .links {margin-bottom:44px;
  80. font-family: {font:body};
  81. text-align:center;
  82. font-size:{text:font size};}
  83.  
  84. #pag {text-align:right;
  85. font-family: {font:body};
  86. font-size:{text:font-size};
  87. {block:iffixedpostwidth}width:400px;{/block:iffixedpostwidth}
  88. {block:ifnotfixedpostwidth}width:700px;{/block:ifnotfixedpostwidth}
  89. margin-bottom:20px;}
  90.  
  91. .audio {background-color:#fff;
  92. width:220px;
  93. border:1px solid #888;
  94. margin-left:90px;}
  95.  
  96. div.video embed,
  97. div.post div.video object {width:400px;}
  98.  
  99. .audiocap {position:relative;
  100. font-family:{font:tags};
  101. margin-bottom:-4px;
  102. color:{color:permalink};
  103. margin-top:-10px;}
  104.  
  105. .tags {text-align:center;
  106. font-family:{font:tags};
  107. color:{color:permalink};
  108. margin-bottom:-4px;}
  109.  
  110. .title {font-family:{font:title}; margin-bottom:-8px;}
  111.  
  112. ol.notes {margin-left:-20px;
  113. margin-top:20px;
  114. margin-bottom:40px;
  115. list-style-type:none;
  116. text-align:center;
  117. width:400px;
  118. padding:20px;}
  119. ol.notes li.note img.avatar {vertical-align: -4px;
  120. margin-right: 10px;
  121. width: 16px;
  122. height: 16px;}
  123. ol.notes li.note span.action {text-align:center;}
  124. ol.notes li.note span.action a {text-align:center;}
  125. ol.notes li.note blockquote {padding: 1px 3px;margin: 3px 0 3px 7px;}
  126. ol.notes li.note blockquote a {text-decoration: none;}
  127.  
  128. .permalink {width:400px;
  129. -webkit-transition:
  130. 0.5s ease-in;
  131. opacity:1;
  132. font-size:{text:permalink font size};
  133. text-align:center;
  134. margin-top:10px;}
  135.  
  136. .permalink a {color:{color:permalink};}
  137.  
  138. .permalink a:hover {color:{color:text};}
  139.  
  140. ::-webkit-scrollbar{width:6px;
  141. height:8px;}
  142.  
  143. ::-webkit-scrollbar-button:start:decrement
  144.  
  145. ::-webkit-scrollbar-button:end:increment{display:block;
  146. height:0;
  147. background-color:transparent;}
  148.  
  149. ::-webkit-scrollbar-track-piece{background-color:{color:background};
  150. -webkit-border-radius:0;
  151. -webkit-border-bottom-right-radius:3px;
  152. -webkit-border-bottom-left-radius:3px;}
  153.  
  154. ::-webkit-scrollbar-thumb:vertical{height:50px;
  155. background-color:{color:scrollbar};}
  156.  
  157. ::-webkit-scrollbar-thumb:vertical:hover{height:50px;
  158. background-color:{color:scrollbar hover};}
  159.  
  160. ::-webkit-scrollbar-thumb:horizontal{width:50px;
  161. background-color:{color:scrollbar};}
  162.  
  163. ::-webkit-scrollbar-thumb:horizontal:hover{width:50px;
  164. background-color:{color:scrollbar hover};}
  165.  
  166. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  167. </style>
  168.  
  169. {block:IfEndlessScroll}
  170. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  171. {/block:IfEndlessScroll}
  172. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  173. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  174. <script type="text/javascript" charset="utf-8">
  175. var $j = jQuery.noConflict();
  176. $j(function() {
  177. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  178. $j("img").lazyload({
  179. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  180. effect: "fadeIn",
  181. });
  182. });
  183. </script>
  184. {block:IndexPage}
  185. <script type="text/javascript">
  186. $(window).load(function(){
  187. $("p").remove(":contains('Source:')");
  188. $("p").remove(":contains('(via')");
  189. });
  190. </script>
  191. {/block:IndexPage}
  192.  
  193. </head>
  194.  
  195.  
  196. <body>
  197. {block:ifnotfixedpostwidth}<center>{/block:ifnotfixedpostwidth}
  198.  
  199. <div class="blogtitle"><a href="/">{Title}</a></div>
  200. <div class="links"><a href="/archive">index</a> <a href="/ask">message</a> {block:HasPages}{block:Pages}<a href="{URL}">{Label} </a>{/block:Pages}{/block:HasPages}<br>{Description}</div>
  201.  
  202.  
  203. {block:IfEndlessScroll}
  204. <div class="autopagerize_page_element">
  205. {/block:IfEndlessScroll}
  206.  
  207. {block:Posts}
  208.  
  209. {block:Text}
  210. <div id="entry">
  211. {block:Title}<div class="title">{Title}</div>{/block:Title}
  212. {Body}{block:IndexPage}<a href="{Permalink}"><div class="permalink">{block:ifxpermalink}<big><big>×</big></big>{/block:ifxpermalink}{block:ifnotxpermalink}{24Hour}:{Minutes}{/block:ifnotxpermalink}</a></div>{/block:IndexPage}
  213. </div>
  214. {/block:Text}
  215.  
  216. {block:Photo}
  217. <div id="entry">
  218. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  219. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"/> {block:ifshowcaptions}<div style="margin-top:-2px;">{Caption}</div>
  220. <div class="tags">{block:HasTags}{block:Tags}#{Tag} {/block:Tags}{/block:HasTags}</div>{/block:ifshowcaptions}
  221. {block:IndexPage}<a href="{Permalink}"><div class="permalink">{block:ifxpermalink}<big><big>×</big></big>{/block:ifxpermalink}{block:ifnotxpermalink}{24Hour}:{Minutes}{/block:ifnotxpermalink}</a></div>{/block:IndexPage}
  222. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  223. </div>
  224. {/block:Photo}
  225.  
  226. {block:Photoset}
  227. <div id="entry">
  228. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  229. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  230. {Photoset-400}
  231. {block:IndexPage}</a>{/block:IndexPage}
  232. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  233. {block:ifshowcaptions}<div style="margin-top:-8px;">{Caption}</div>
  234. <div class="tags">{block:HasTags}{block:Tags}#{Tag} {/block:Tags}{/block:HasTags}</div>{/block:ifshowcaptions}
  235. {block:IndexPage}<a href="{Permalink}"><div class="permalink">{block:ifxpermalink}<big><big>×</big></big>{/block:ifxpermalink}{block:ifnotxpermalink}{24Hour}:{Minutes}{/block:ifnotxpermalink}</a></div>{/block:IndexPage}
  236. </div>
  237. {/block:Photoset}
  238.  
  239. {block:Quote}
  240. <div id="entry">
  241. <big>“</big>{Quote}<big>”</big> {block:Source}by {Source}{/block:Source}
  242. {block:IndexPage}<a href="{Permalink}"><div class="permalink">{block:ifxpermalink}<big><big>×</big></big>{/block:ifxpermalink}{block:ifnotxpermalink}{24Hour}:{Minutes}{/block:ifnotxpermalink}</a></div>{/block:IndexPage}
  243. </div>
  244. {/block:Quote}
  245.  
  246. {block:Link}
  247. <div id="entry">
  248. <a href="{URL}"><div class="title">{Name}</div></a>
  249. {block:Description}{Description}{/block:Description}
  250. {block:IndexPage}<a href="{Permalink}"><div class="permalink">{block:ifxpermalink}<big><big>×</big></big>{/block:ifxpermalink}{block:ifnotxpermalink}{24Hour}:{Minutes}{/block:ifnotxpermalink}</a></div>{/block:IndexPage}
  251. </div>
  252. {/block:Link}
  253.  
  254. {block:Chat}
  255. <div id="entry">
  256. {block:Title}<i>{Title}</i>{/block:Title}<br>
  257. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  258. {block:IndexPage}<a href="{Permalink}"><div class="permalink">{block:ifxpermalink}<big><big>×</big></big>{/block:ifxpermalink}{block:ifnotxpermalink}{24Hour}:{Minutes}{/block:ifnotxpermalink}</a></div>{/block:IndexPage}
  259. </div>
  260. {/block:Chat}
  261.  
  262. {block:Audio}
  263. <div id="entry">
  264. <div class="audio">
  265. {AudioPlayerWhite}</div>
  266. <div class="audiocap"><center><div style="margin-top:14px; margin-bottom:-10px;">{Caption}</div>{PlayCountWithLabel}</center></div>
  267. {block:IndexPage}<a href="{Permalink}"><div class="permalink">{block:ifxpermalink}<big><big>×</big></big>{/block:ifxpermalink}{block:ifnotxpermalink}{24Hour}:{Minutes}{/block:ifnotxpermalink}</a></div>{/block:IndexPage}
  268. </div></div>
  269. {/block:Audio}
  270.  
  271. {block:Answer}
  272. <div id="entry">
  273. <u>{Asker}</u> asked: {Question}
  274. <br>{Answer}
  275. {block:IndexPage}<a href="{Permalink}"><div class="permalink">{block:ifxpermalink}<big><big>×</big></big>{/block:ifxpermalink}{block:ifnotxpermalink}{24Hour}:{Minutes}{/block:ifnotxpermalink}</a></div>{/block:IndexPage}
  276. </div>
  277. {/block:answer}
  278.  
  279. {block:Video}
  280. <div id="entry">
  281. <div class="video">
  282. {Video-400}
  283. {block:Caption}{Caption}{/block:Caption}
  284. {block:IndexPage}<a href="{Permalink}"><div class="permalink">{block:ifxpermalink}<big><big>×</big></big>{/block:ifxpermalink}{block:ifnotxpermalink}{24Hour}:{Minutes}{/block:ifnotxpermalink}</a></div>{/block:IndexPage}
  285. </div></div>
  286. {/block:Video}
  287.  
  288. {block:PermalinkPage}<div class="tags">Posted {TimeAgo} with {NoteCountWithLabel}</div>{/block:PermalinkPage}
  289.  
  290. {block:PostNotes}
  291. <br>
  292. {PostNotes}
  293. {/block:PostNotes}
  294.  
  295. {/block:Posts}{block:ifnotfixedpostwidth}</center>{/block:ifnotfixedpostwidth}
  296.  
  297. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  298.  
  299. {block:IfNotEndlessScroll}<div id="pag">
  300. {block:PreviousPage}<a href="{PreviousPage}" title="newer">&#8592;</a> {/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="older">&#8594;</a>{/block:NextPage}{/block:IfNotEndlessScroll}
  301.  
  302. <div style="position:fixed; bottom:2px; right:2px; opacity:0.8;"><a href="http://arreter.tumblr.com">theme</a></div>
  303.  
  304. </div>
  305. </body>
  306. </html>
Advertisement
Add Comment
Please, Sign In to add comment