aretter

whiteless theme

Jul 16th, 2012
35,206
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.10 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. Whiteless Code, Aretter
  6. -->
  7.  
  8. <meta name="color:text" content="#000">
  9. <meta name="color:links" content="#000">
  10. <meta name="color:nav links" content="#000">
  11. <meta name="color:hover" content="#000">
  12. <meta name="color:background" content="#fff">
  13. <meta name="color:page border" content="#000">
  14.  
  15. <meta name="if:default font" content="1">
  16. <meta name="if:endless scroll" content=""/>
  17. <meta name="if:show archive" content="1"/>
  18. <meta name="if:show ask" content="1" />
  19. <meta name="if:show captions" content="1" />
  20. <meta name="if:show dotted links" content="1" />
  21. <meta name="if:show page border" content="1" />
  22. <meta name="if:show portrait photo" content="0" />
  23.  
  24. <meta name="text:title font size" content="8px" />
  25. <meta name="text:font size" content="8px" />
  26. <meta name="text:line height" content="11px" />
  27. <meta name="text:title line height" content="11px" />
  28.  
  29. <meta name="font:body" content="Lucida Sans" />
  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. <link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Droid+Serif:400italic' rel='stylesheet' type='text/css'>
  43. <link href='http://fonts.googleapis.com/css?family=Droid+Serif:700' rel='stylesheet' type='text/css'>
  44.  
  45.  
  46. <style type="text/css">
  47.  
  48. body {height:100%;
  49. text-align:left;
  50. {block:ifdefaultfont}font-family:Droid Serif;{/block:ifdefaultfont}
  51. {block:ifnotdefaultfont}font-family:{font:body};{block:ifnotdefaultfont}
  52. font-size:{text:font size};
  53. line-height:{text:line height};
  54. color:{color:text};
  55. background-color:{color:background};
  56. margin-left:180px;
  57. {block:IndexPage}margin-top:50px;{/block:IndexPage}
  58. {block:PermalinkPage}margin-top:90px;{/block:PermalinkPage}}
  59.  
  60. .top {width:100%;
  61. position:fixed;
  62. left:0px;
  63. top:-1px;
  64. {block:ifshowpageborder}border-top:10px solid {color:page border};{/block:ifshowpageborder}}
  65.  
  66. .tumblrAutoPager_page_info,
  67. .tumblrAutoPager_page_separator {display:none;}
  68.  
  69. a {text-decoration:none;
  70. color:{color:links};
  71. {block:ifshowdottedlinks}-webkit-transition: 0.2s ease-in;
  72. border-bottom:1px #cccccc dotted;{/block:ifshowdottedlinks}}
  73. a:hover {color:{color:hover};
  74. {block:ifshowdottedlinks}-webkit-transition: 0.2s ease-in;
  75. border-bottom:1px #000000 dotted;{/block:ifshowdottedlinks}}
  76.  
  77. #entry {margin-bottom:60px;
  78. width:400px;}
  79.  
  80. #entry img {width:400px;}
  81.  
  82. a img {border:0px;}
  83.  
  84. .imgcap {text-align:left;}
  85.  
  86. .pagmarg {margin-bottom:2px}
  87.  
  88. #portrait {width:64px;
  89. height:64px;
  90. margin-bottom:10px;
  91. background-image:url({PortraitURL-64})}
  92.  
  93. .info {left:610px;
  94. margin-top:90px;
  95. top:-8px;
  96. padding:10px 10px 10px 10px;
  97. position:fixed;
  98. width:140px;
  99. height:100%;
  100. background-color:transparent;}
  101.  
  102. .info a {border-bottom: 0px solid {color:border};}
  103.  
  104. .blogtitle {{block:ifdefaultfont}font-family:Droid Serif;{/block:ifdefaultfont}
  105. {block:ifnotdefaultfont}font-family:{font:body};{block:ifnotdefaultfont}
  106. text-align:left;
  107. font-size:{text:title font size};
  108. line-height:{text:title line height};}
  109.  
  110. .blogtitle a {{block:ifshowdottedlinks}border-bottom:1px dotted #cccccc{/block:ifshowdottedlinks}}
  111.  
  112. .blogtitle a:hover {{block:ifshowdottedlinks}border-bottom:1px dotted #000000{/block:ifshowdottedlinks}}
  113.  
  114. div.navlinks a {text-transform:capitalize;
  115. text-align:left;
  116. position:relative;
  117. color:{color:nav links};}
  118.  
  119. div.navlinks a:hover {color:{color:hover};}
  120.  
  121. .noborder {border-bottom:0px #cccccc dotted;}
  122. .noborder a {border-bottom:0px #cccccc dotted;}
  123.  
  124. .audio {margin-bottom:-4px;}
  125.  
  126. iframe#tumblr_controls {position:fixed!important;
  127. right:1px!important;
  128. {block:ifshowpageborder}top:10px!important;{/block:ifshowpageborder}
  129. {block:ifnotshowpageborder}top:1px!important;{/block:ifnotshowpageborder}}
  130.  
  131. div.video embed,
  132. div.post div.video object {width:400px;
  133. height:300px;}
  134.  
  135. ol.notes {width:400px;
  136. list-style-type: none;}
  137. ol.notes li.note {margin-left:-40px;
  138. margin-bottom:2px;}
  139. ol.notes li.note img.avatar {display:none;}
  140.  
  141. blockquote {padding-left:7px;
  142. margin: 3px 10px 3px 7px;}
  143.  
  144. .textperma {text-align:left;
  145. margin-top:10px;
  146. text-decoration:underline;
  147. {block:ifdefaultfont}font-family:Droid Serif;{/block:ifdefaultfont}
  148. {block:ifnotdefaultfont}font-family:{font:body};{block:ifnotdefaultfont}
  149. font-size:{text:font size};}
  150.  
  151. .textperma a {border-bottom: 0px solid {color:border};}
  152.  
  153. .aretter {position:fixed;
  154. right:4px;
  155. bottom:2px;}
  156. .aretter a {border-bottom:dotted 0px;
  157. color:#222;}
  158.  
  159. </style>
  160. {block:IfEndlessScroll}
  161. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  162. {/block:IfEndlessScroll}
  163. </head>
  164.  
  165. <body>
  166.  
  167. <div class="top"></div>
  168. <div class="info">{block:ifshowportraitphoto}
  169. <div id="portrait"></div>
  170. {/block:ifshowportraitphoto}
  171. <div class="blogtitle"><a href="/">{Title}</a></div>
  172. <div class="noborder"><div class="navlinks">
  173. <br>{block:Ifshowarchive}<a href="/archive">Archive</a><br>{/block:Ifshowarchive}{block:Ifshowask}<a href="/ask">Contact</a><br>{/block:Ifshowask}
  174. {block:HasPages}{block:Pages}<a href="{URL}">{Label}<br></a>{/block:Pages}{/block:HasPages}
  175. <br>{block:Description}{Description}<br>{/block:Description}
  176. {block:IfNotEndlessScroll}<br><br><br>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&larr; Previous / </a>{/block:PreviousPage}
  177. {block:NextPage}<a href="{NextPage}">Next &rarr;</a>{/block:NextPage}<br>{lang:Page CurrentPage of TotalPages}{/block:Pagination}{/block:IfNotEndlessScroll}</div></div></div>
  178.  
  179. {block:IfEndlessScroll}
  180. <div class="autopagerize_page_element">
  181. {/block:IfEndlessScroll}
  182. <div class="postmargin">
  183. {block:Posts}
  184.  
  185. {block:Text}
  186. <div id="entry">
  187. {block:Title}<b>{Title}</b>{/block:Title}{Body}
  188. <div class="textperma"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a></div>
  189. </div>
  190. {/block:Text}
  191.  
  192. {block:Photo}
  193. <div id="entry">
  194. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  195. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"/>
  196. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  197. {block:Ifshowcaptions}<div class="imgcap">{Caption}</div>{/block:Ifshowcaptions}
  198. <div class="textperma"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a></div>
  199. </div>
  200. {/block:Photo}
  201.  
  202. {block:Photoset}
  203. <div id="entry">
  204. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  205. {Photoset-400}
  206. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  207. {block:Ifshowcaptions}<div class="imgcap">{Caption}</div>{/block:Ifshowcaptions}<div class="textperma"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a></div>
  208. </div>
  209. </div>
  210. {/block:Photoset}
  211.  
  212. {block:Quote}
  213. <div id="entry">
  214. {Quote}
  215. <br><div style="margin-top:6px; padding-left:4px; border-left: 4px solid;">{block:Source}<a href="{Permalink}">{Source}</a>{/block:Source}</div>
  216. <div class="textperma"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a></div>
  217. </div>
  218. {/block:Quote}
  219.  
  220. {block:Link}
  221. <div id="entry">
  222. <a href="{URL}">{Name} &rarr;</a>{block:Description}{Description}{/block:Description}
  223. <div class="textperma"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a></div>
  224. </div>
  225. {/block:Link}
  226.  
  227. {block:Chat}
  228. <div id="entry">
  229. {block:Title}<i>{Title}</i>{/block:Title}<br>
  230. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  231. <div class="textperma"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a></div>
  232. </div>
  233. {/block:Chat}
  234.  
  235. {block:Audio}
  236. <div id="entry">
  237. <div class="audio">
  238. {AudioPlayerBlack}</div><br>
  239. {block:TrackName}{TrackName} by {/block:TrackName}{block:Artist}{Artist}{/block:Artist}
  240. <div class="textperma"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a></div>
  241. </div>
  242. {/block:Audio}
  243.  
  244. {block:Answer}
  245. <div id="entry">
  246. <b>{Asker}</b> asked
  247. <div style="margin-top:6px; padding-left:4px; border-left: 4px solid;">{Question}</div>
  248. {Answer}
  249. <div class="textperma"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a></div>
  250. </div>
  251. {/block:answer}
  252.  
  253. {block:Video}
  254. <div id="entry">
  255. <div class="video">
  256. {Video-400}
  257. {block:Caption}{Caption}{/block:Caption}
  258. </div></div>
  259. {/block:Video}
  260.  
  261. {block:PermalinkPage}
  262. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags}<br>Filed Under: {block:Tags}<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:hasTags}<br><br>
  263. {/block:PermalinkPage}
  264.  
  265. {block:PostNotes}
  266. <br>
  267. {PostNotes}
  268. {/block:PostNotes}
  269.  
  270. {/block:Posts}
  271. </div>
  272. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  273.  
  274.  
  275. <div class="aretter"><a href="http://arreter.tumblr.com">theme</a></div>
  276.  
  277. </div>
  278. </body>
  279. </html>
Advertisement
Add Comment
Please, Sign In to add comment