API tools faq
paste
WOLFANGTHEMEZ

Tiny Ass Theme

WOLFANGTHEMEZ
Jan 5th, 2012
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <!--
  5.  
  6. dBPdBPdBP dBP dBP dBP dBBBBBBP dBBBP
  7.  
  8. dBPdBPdBP dBBBBBP dBP dBP dBBP
  9. dBPdBPdBP dBP dBP dBP dBP dBP
  10. dBBBBBBBP dBP dBP dBP dBP dBBBBP
  11.  
  12. dBPdBPdBP dBBBBP dBP dBBBBP
  13. dB'.BP
  14. dBPdBPdBP dB'.BP dBP dBBBP
  15. dBPdBPdBP dB'.BP dBP dBP
  16. dBBBBBBBP dBBBBP dBBBBP dBP
  17.  
  18. -->
  19. <head>
  20. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  21. <title>{Title}{block:PostSummary} / {PostSummary}{/block:PostSummary}</title>
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23. <link rel="shortcut icon" href="{Favicon}" />
  24. <link rel="apple-touch-icon" href="{PortraitURL-128}" />
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  26.  
  27.  
  28. <meta name="color:Background" content="#FFF"/>
  29. <meta name="color:Text" content="#000"/>
  30. <meta name="color:Accent" content="#AAA"/>
  31. <meta name="image:Background" content="0"/>
  32. <meta name="if:Hide Caption" content="1"/>
  33. <meta name="if:Endless Scroll" content="1"/>
  34.  
  35.  
  36. <style type="text/css">
  37. * {padding:0;margin:0;}
  38. body {
  39. padding:0;
  40. margin:0;
  41. background:{color:Background} url({image:Background});}
  42. #tumblr_controls, #logged_out_controls {
  43. {block:IndexPage}position:fixed!important;{/block:IndexPage}}
  44.  
  45. body {
  46. font-family:Georgia, Palatino,"Palatino Linotype",Times,Times New Roman",serif;
  47. font-size:11px;
  48. color:{color:Text};
  49. text-align:justify;
  50. line-height:13px;}
  51. a {color:{color:Text};font-weight:bold;text-decoration:none;}
  52. a:hover {color:{color:Accent};}
  53. p {padding:0;margin:2px 0 0 0;display:block;}
  54. blockquote {
  55. padding:2px 0px;
  56. margin:5px 0px;
  57. border-top:1px solid {color:Accent};
  58. border-bottom:1px solid {color:Accent};
  59. display:block;}
  60. ol, ul, li {list-style:none;}
  61. :focus {outline:0;}
  62. ::-moz-selection, ::selection {
  63. color:{color:Accent};
  64. background:transparent;}
  65. hr {display:none;}
  66. img {max-width:100%;border:0;}
  67.  
  68. #sidebar {
  69. text-align:justify;
  70. position:fixed;
  71. top:5px;
  72. left:50%;
  73. width:150px;
  74. padding:0px;
  75. margin:0 0 0 -280px;
  76. display:block;}
  77. #info {display:inline-block;}
  78. .header {
  79. color:{color:Accent};
  80. font-weight:bold;
  81. text-align:right;
  82. display:block;}
  83. #open {
  84. font-family:Helvetica;
  85. font-size:10px;
  86. color:{color:Background};
  87. position:relative;
  88. padding:1px 4px;
  89. float:right;
  90. background:{color:Text};
  91. cursor:help;
  92. display:inline-block;}
  93.  
  94. #links {
  95. position:fixed;
  96. top:3px;
  97. left:50%;
  98. margin:0 0 0 130px;
  99. display:block;}
  100.  
  101. #posts {
  102. position:relative;
  103. width:250px;
  104. margin:5px auto 20px auto;
  105. display:block;}
  106. .post {
  107. position:relative;
  108. width:250px;
  109. margin:0 0 5px 0;
  110. display:block;}
  111. .post p a {
  112. color:{color:Accent};
  113. font-weight:normal;
  114. -webkit-transition: 0.3s linear;}
  115. .post p a:hover {
  116. color:{color:Text};}
  117. .permalink {
  118. text-align:center;
  119. opacity:0.3;
  120. -webkit-transition:opacity 0.3s linear;
  121. {block:IndexPage}display:block;{/block:IndexPage}
  122. {block:PermalinkPage}display:none;{/block:PermalinkPage}}
  123. .post:hover .permalink {opacity:1;}
  124. .permalink a {-webkit-transition: 0.3s linear;}
  125. .info {text-align:left;}
  126.  
  127. .title {
  128. font-weight:bold;
  129. display:inline-block;}
  130. .photo {
  131. width:auto;
  132. height:auto;
  133. -webkit-transition:opacity 0.2s linear;
  134. background:{color:Text};
  135. display:inline-block;}
  136. .photo:hover {opacity:0.8;}
  137. .album {
  138. float:left;
  139. width:37px;
  140. height:37px;
  141. margin-right:2px;
  142. display:inline-block;}
  143. .player {
  144. position:relative;
  145. width:27px;
  146. height:27px;
  147. border:5px solid #e5e5e5;
  148. background:#e5e5e5 url('http://static.tumblr.com/epkyugq/SJWlxbsgs/greyplaybutton.gif') -5px -5px;
  149. overflow:hidden;
  150. display:inline-block;}
  151. .player embed, .player object {position:relative;z-index:2;display:block;}
  152. .player span, .player span a {color:transparent!important;}
  153. .player .link {
  154. position:absolute;
  155. top:0;
  156. left:0;
  157. width:100%;
  158. height:100%;
  159. z-index:0;
  160. display:block;}
  161. .plays {position:relative;top:-15px;display:inline-block;}
  162.  
  163. .current, .jump {
  164. padding:3px 6px 4px 6px;
  165. display:inline-block;}
  166. .jump {color:{color:Background};background:{color:Text};}
  167. .jump:hover {
  168. color:{color:Accent};
  169. text-decoration:none;
  170. background:{color:Background};}
  171.  
  172. #back-top {
  173. position:fixed;
  174. bottom:5px;
  175. left:50%;
  176. margin:0 0 0 130px;
  177. display:inline-block;}
  178. #back-top a, #back-top a:hover {font-size:20px;text-decoration:none;}
  179.  
  180. {CustomCSS}
  181. </style>
  182.  
  183.  
  184. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
  185. {block:IfEndlessScroll}
  186. <script type="text/javascript" src="http://static.tumblr.com/epkyugq/9EHlv20jy/endlessscroll.js"></script>
  187. {/block:IfEndlessScroll}
  188. <script type="text/javascript" src="http://static.tumblr.com/epkyugq/pFzlx7vgk/imageload.js"></script>
  189. <script type="text/javascript" src="http://static.tumblr.com/epkyugq/zmLlx7vh1/goingup.js"></script>
  190.  
  191. <script type="text/javascript">
  192. $(document).ready(function(){
  193. $("#info").hide();
  194. $("#open").click(function(){
  195. $('#info').slideToggle("fast");
  196. return true;
  197. });
  198. });
  199. </script>
  200.  
  201. <script type="text/javascript">
  202. bgimg = document.createElement("bgimg");
  203. bgimg.src = "{image:Background}";
  204. st = {
  205. position:"absolute",
  206. zIndex:"-10",
  207. width:screen.width,
  208. top:"0",
  209. left:"0"
  210. }
  211. for( s in st ){
  212. img.style[s] = st[s];
  213. }
  214. document.body.appendChild(bgimg);
  215. </script>
  216. </head>
  217.  
  218.  
  219.  
  220.  
  221.  
  222. <body>
  223. <div id="back-top"><a href="#top">△</a></div>
  224.  
  225. <div id="sidebar">
  226. <div id="info">
  227. <span class="header">{Title}</span>
  228. {block:Description}<p>{Description}</p>{/block:Description}
  229. </div>
  230. <div id="open">&darr;</div>
  231. </div>
  232.  
  233. <div id="links">
  234. <p><a href="/">Home</a></p>
  235. <p><a href="/archive">Archive</a></p>
  236. <p><a href="{RSS}">Subscribe</a></p>
  237. {block:AskEnabled}<p><a href="/ask">{AskLabel}</a></p>{/block:AskEnabled}
  238. {block:SubmissionsEnabled}
  239. <p><a href="/submit">{SubmitLabel}</a></p>
  240. {/block:SubmissionsEnabled}
  241. {block:HasPages}
  242. {block:Pages}<p><a href="{URL}">{Label}</a></p>{/block:Pages}
  243. {/block:HasPages}
  244. <p><a href="http://1879-1955.tumblr.com" target="_blank">Theme</a></p>
  245. </div>
  246.  
  247.  
  248. <div id="posts">{block:Posts}<div class="post">
  249.  
  250. {block:Text}
  251. {block:Title}<span class="title">{Title}</span>{/block:Title}
  252. {Body}
  253. <span class="permalink"><a href="{Permalink}">{TimeAgo}</a></span>
  254. {/block:Text}
  255.  
  256. {block:Photo}
  257. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  258. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  259. <img src="{PhotoURL-250}" class="photo" alt="{PhotoAlt}" />
  260. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  261. {block:IndexPage}</a>{/block:IndexPage}
  262. {block:IndexPage}
  263. {block:IfHideCaption}{/block:IfHideCaption}
  264. {block:IfNotHideCaption}
  265. {block:Caption}<p>{Caption}</p>{/block:Caption}
  266. {/block:IfNotHideCaption}
  267. {/block:IndexPage}
  268. {block:PermalinkPage}
  269. {block:Caption}<p>{Caption}</p>{/block:Caption}
  270. {/block:PermalinkPage}
  271. {/block:Photo}
  272.  
  273. {block:Photoset}
  274. {Photoset-250}
  275. {block:Caption}<p>{Caption}</p>{/block:Caption}
  276. <span class="permalink"><a href="{Permalink}">{TimeAgo}</a></span>
  277. {/block:Photoset}
  278.  
  279. {block:Quote}
  280. <span class="title">&ldquo;&nbsp;{Quote}&nbsp;&rdquo;</span>
  281. {block:Source}<p>&mdash;&nbsp;{Source}</p>{/block:Source}
  282. <span class="permalink"><a href="{Permalink}">{TimeAgo}</a></span>
  283. {/block:Quote}
  284.  
  285. {block:Link}
  286. <a href="{URL}" class="title" {Target}>{Name}</a>
  287. {block:Description}{Description}{/block:Description}
  288. <span class="permalink"><a href="{Permalink}">{TimeAgo}</a></span>
  289. {/block:Link}
  290.  
  291. {block:Chat}
  292. {block:Title}<span class="title">{Title}</span><br/>{/block:Title}
  293. {block:Lines}
  294. <p>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</p>
  295. {/block:Lines}
  296. <span class="permalink"><a href="{Permalink}">{TimeAgo}</a></span>
  297. {/block:Chat}
  298.  
  299. {block:Audio}
  300. {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  301. {block:AudioPlayer}
  302. {block:AlbumArt}<img src="{AlbumArtURL}" class="album" />{/block:AlbumArt}
  303. <div class="player"><a href="{Permalink}" class="link" target="_blank"></a>{AudioPlayerGrey}</div>
  304. <span class="plays">{PlayCountWithLabel}</span>
  305. {/block:AudioPlayer}
  306. {block:Caption}<p>{Caption}</p>{/block:Caption}
  307. <span class="permalink"><a href="{Permalink}">{TimeAgo}</a></span>
  308. {/block:Audio}
  309.  
  310. {block:Video}
  311. <div class="video">{Video-250}</div>
  312. {block:Caption}<p>{Caption}</p>{/block:Caption}
  313. <span class="permalink"><a href="{Permalink}">{TimeAgo}</a></span>
  314. {/block:Video}
  315.  
  316. {block:Answer}
  317. <span class="title">{Asker}</span>
  318. <blockquote>{Question}</blockquote>
  319. {Answer}
  320. <span class="permalink"><a href="{Permalink}">{TimeAgo}</a></span>
  321. {/block:Answer}
  322.  
  323. {block:PermalinkPage}
  324. <p class="info"><strong>{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year} at {12Hour}:{Minutes}{AmPm}{/block:Date}{block:NoteCount}<br/>{NoteCount} Notes{/block:NoteCount}{block:ContentSource}<br/>Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>{/block:ContentSource}</strong></p>
  325. {block:HasTags}<p class="info">
  326. <strong>Tagged{block:Tags} / <a href="{TagURL}">{Tag}</a>{/block:Tags}</strong>
  327. </p>{/block:HasTags}
  328. {/block:PermalinkPage}
  329.  
  330. </div>{/block:Posts}
  331.  
  332. {block:IfNotEndlessScroll}
  333. {block:Pagination}
  334. {block:JumpPagination length="5"}
  335. {block:CurrentPage}
  336. <span class="current">{PageNumber}</span>
  337. {/block:CurrentPage}
  338.  
  339. {block:JumpPage}
  340. <a class="jump" href="{URL}">{PageNumber}</a>
  341. {/block:JumpPage}
  342. {/block:JumpPagination}
  343. {/block:Pagination}
  344. {/block:IfNotEndlessScroll}
  345. </div>
  346. </body>
  347. </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!