API tools faq
paste
aretter

whiteless theme

aretter
Jul 16th, 2012
35,213
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.10 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. <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
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!