API tools faq
paste
hatterthemes

Theme 002

hatterthemes
May 2nd, 2012
181
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.36 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. <!-- Theme 002 by hatterthemes -->
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <!-- DEFAULT VARIABLES -->
  6. <meta name="color:Background" content="#2a2a2c" />
  7. <meta name="color:Title" content="#94cdfc" />
  8. <meta name="color:Text" content="#6d6d6b" />
  9. <meta name="color:Link" content="#660000" />
  10. <meta name="color:Hover" content="#000066" />
  11. <meta name="color:Sidebar" content="#2a2a2c" />
  12. <meta name="color:Middle" content="#f7f5ee" />
  13. <meta name="color:Entry" content="#fdf1e2" />
  14.  
  15. <meta name="image:Middle" content="http://c.universalscraps.com/files/en/backgrounds/blue.backgrounds/blue_background_025.jpg" />
  16. <meta name="image:SidebarImage" content="http://upload.wikimedia.org/wikipedia/commons/thumb/9/9b/Eastern_Bluebird-27527-2.jpg/250px-Eastern_Bluebird-27527-2.jpg" />
  17.  
  18. <meta name="if:ShowSubmitLink" content="1" />
  19. <meta name="if:ShowLink1" content="1" />
  20. <meta name="if:ShowLink2" content="0" />
  21. <meta name="if:ShowLink3" content="0" />
  22.  
  23. <meta name="text:Link1" content="http://" />
  24. <meta name="text:Link1Title" content="Link One" />
  25. <meta name="text:Link2" content="http://" />
  26. <meta name="text:Link2Title" content="Link Two" />
  27. <meta name="text:Link3" content="http://" />
  28. <meta name="text:Link3Title" content="Link Three" />
  29.  
  30. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  31. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  32. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33. <link rel="shortcut icon" href="{Favicon}" />
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  35. <style type="text/css">
  36.  
  37. @font-face {font-family: 'RosarioRegular';src: url('Rosario-Regular-webfont.eot');src: url('Rosario-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-Regular-webfont.woff') format('woff'),url('Rosario-Regular-webfont.ttf') format('truetype'),url('Rosario-Regular-webfont.svg#RosarioRegular') format('svg');font-weight: normal;font-style: normal;}
  38.  
  39. @font-face {font-family: 'RosarioItalic';src: url('Rosario-Italic-webfont.eot');src: url('Rosario-Italic-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-Italic-webfont.woff') format('woff'),url('Rosario-Italic-webfont.ttf') format('truetype'),url('Rosario-Italic-webfont.svg#RosarioItalic') format('svg');font-weight: normal;font-style: normal;}
  40.  
  41. @font-face {font-family: 'RosarioBold';src: url('Rosario-Bold-webfont.eot');src: url('Rosario-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-Bold-webfont.woff') format('woff'),url('Rosario-Bold-webfont.ttf') format('truetype'),url('Rosario-Bold-webfont.svg#RosarioBold') format('svg');font-weight: normal;font-style: normal;}
  42.  
  43. @font-face {font-family: 'RosarioBoldItalic';src: url('Rosario-BoldItalic-webfont.eot');src: url('Rosario-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-BoldItalic-webfont.woff') format('woff'),url('Rosario-BoldItalic-webfont.ttf') format('truetype'),url('Rosario-BoldItalic-webfont.svg#RosarioBoldItalic') format('svg');font-weight: normal;font-style: normal;}
  44.  
  45. body {
  46. color:{color:Text};
  47. background-color:{color:Background};
  48. background-attachment:fixed;
  49. font-family:"rosario" arial sans-serif;
  50. font-size:13px;
  51. text-align:left;
  52. text-decoration:none;
  53. }
  54.  
  55. blockquote {
  56. border-left: 2px dashed {color:Background};
  57. padding-left:10px;
  58. margin-left:25px;
  59. }
  60.  
  61. a {
  62. color:{color:Link};
  63. text-decoration:none;
  64. }
  65.  
  66. a:hover {
  67. color:{color:Hover};
  68. }
  69.  
  70. #sortinghat {
  71. display:block;
  72. width:40px;
  73. height:1000px;
  74. background-color:{color:Sidebar};
  75. position:fixed;
  76. border-right:3px solid {color:Title};
  77. margin-top:-10px;
  78. margin-left:-10px;
  79. padding-top:10px;
  80. text-decoration:none;
  81. }
  82.  
  83. a.ttl{
  84. text-align:left;
  85. width:1000px;
  86. overflow:hidden;
  87. color:{color:Sidebar};
  88. font-size:0px;
  89. text-decoration:none;
  90. display:block;
  91. }
  92.  
  93. a.ttl:hover{
  94. width:1000px;
  95. background:{color:Sidebar};
  96. color:{color:Title};
  97. font-size:30px;
  98. text-align:center;
  99. opacity:0.8;
  100. -webkit-transition-duration:all 0.7s easeout;
  101. }
  102.  
  103. a.ttl img{
  104. width:40px;
  105. height:40px;
  106. }
  107.  
  108. a.shl{
  109. text-align:left;
  110. width:100%px;
  111. overflow:hidden;
  112. color:{color:Sidebar};
  113. padding-left:9px;
  114. padding-top:8px;
  115. font-size:0px;
  116. text-decoration:none;
  117. display:block;
  118. text-transform:lowercase;
  119. }
  120.  
  121. a.shl:hover{
  122. width:275px;
  123. background:{color:Sidebar};
  124. color:{color:Text};
  125. padding-left:40px;
  126. font-size:30px;
  127. text-align:center;
  128. display:block;
  129. }
  130.  
  131. a.shl img{
  132. width:40px;
  133. height:40px;
  134. }
  135.  
  136.  
  137. #greathall {
  138. z-index:-1;
  139. display:block;
  140. width:260px;
  141. height:100%;
  142. margin-left:-10px;
  143. margin-top:-10px;
  144. position:fixed;
  145. background-color:{color:Middle};
  146. background-image:url("{image:Middle}");
  147. border-right:2px solid {color:Title};
  148. padding-top:50px;
  149. padding-left:50px;
  150. padding-right:5px;
  151. }
  152.  
  153. .description {
  154. background:{color:Middle};
  155. padding:5px;
  156. display:block;
  157. -webkit-border-radius:15px;
  158. -moz-border-radius:15px;
  159. -o-border-radius:15px;
  160. }
  161.  
  162. .description img{
  163. width:250px;
  164. height:auto;
  165. -webkit-border-radius:15px;
  166. -moz-border-radius:15px;
  167. -o-border-radius:15px;
  168. }
  169.  
  170. .move {
  171. background:{color:Middle};
  172. padding:5px;
  173. display:block;
  174. font-size:11px;
  175. -webkit-border-radius:15px;
  176. text-align:center;
  177. }
  178.  
  179. .dungeons {
  180. margin-top:-10px;
  181. margin-left:330px;
  182. }
  183.  
  184. #potions {
  185. float:left;
  186. width:550px;
  187. height:auto;
  188. background:{color:Entry};
  189. padding:10px;
  190. margin-top:40px;
  191. margin-bottom:-40px;
  192. -webkit-border-radius:30px;
  193. -moz-border-radius:30px;
  194. -o-border-radius:30px;
  195. border-bottom:1px solid {color:Background};
  196. }
  197.  
  198.  
  199. .chat ol, .chat li {list-style:none; margin-left:10px; padding:2px; border-bottom:1px solid {color:Text};}
  200.  
  201. ul.chat {list-style:none; margin-left:10px; padding:4px;}
  202.  
  203. .notes {
  204. {block:PermalinkPage}
  205. margin-top:20px;
  206. text-align:left;
  207. font-size:12px;
  208. {/block:PermalinkPage}
  209. {block:IndexPage}
  210. text-align:center;
  211. font-size:10px;
  212. {/block:IndexPage}
  213. text-transform:lowercase;
  214. list-style:none;
  215. -webkit-border-radius:10px;
  216. -moz-border-radius:10px;
  217. -o-border-radius:10px;
  218. }
  219.  
  220. .notes a{
  221. {block:PermalinkPage}
  222. color:{color:Link Hover};
  223. {/block:PermalinkPage}
  224. {block:IndexPage}
  225. color:{color:Text};
  226. {/block:IndexPage}
  227. }
  228.  
  229. .notes a:hover{
  230. color:{color:Link}
  231. }
  232.  
  233. iframe#tumblr_controls {
  234. top: 0% !important;
  235. right:0% !important;
  236. position: fixed !important;
  237. }
  238.  
  239. #questions {
  240. display:block;
  241. background:transparent!important;
  242. border-bottom:2px solid {color:Header};
  243. }
  244.  
  245. .questions {
  246. font-size:10px;
  247. color:{color:Text}!important;
  248. margin-left:300px;
  249. margin-top:-15px;
  250. width:auto;
  251. text-transform:lowercase;
  252. }
  253.  
  254. .theme {
  255. display:block;
  256. width:250px;
  257. height:10px;
  258. font-size:11px;
  259. text-align:center;
  260. background:{color:Entry};
  261. -webkit-border-bottom-right-radius:10px;
  262. -webkit-border-bottom-left-radius:10px;
  263. }
  264.  
  265. .theme a:hover {
  266. color:{color:Link};
  267. }
  268.  
  269. .source {
  270. text-align:right;
  271. }
  272.  
  273. </style>
  274. </head>
  275.  
  276. <body>
  277.  
  278. <div id="sortinghat">
  279. <a class="ttl" href="/"><img src="http://27.media.tumblr.com/tumblr_m3dth918Ze1rtfcgoo4_250.png" align="left">{Title}</a>
  280. <a class="shl" href="/ask"><img src="http://30.media.tumblr.com/tumblr_m3dth918Ze1rtfcgoo3_250.png" align="right">ask</a>
  281. <a class="shl" href="/archive"><img src="http://30.media.tumblr.com/tumblr_m3dth918Ze1rtfcgoo2_250.png" align="right">archive</a>
  282. {block:ifShowSubmitLink}<a class="shl" href="/submit"><img src="http://27.media.tumblr.com/tumblr_m3dth918Ze1rtfcgoo1_250.png" align="right">submit</a>{/block:ifShowSubmitLink}
  283. {block:ifShowLink1}<a class="shl" href="{text:Link1}"><img src="http://25.media.tumblr.com/tumblr_m3dth918Ze1rtfcgoo5_250.png" align="right">{text:Link1Title}</a>{/block:ifShowLink1}
  284. {block:ifShowLink2}<a class="shl" href="{text:Link2}"><img src="http://25.media.tumblr.com/tumblr_m3dth918Ze1rtfcgoo5_250.png" align="right">{text:Link2Title}</a>{/block:ifShowLink2}
  285. {block:ifShowLink3}<a class="shl" href="{text:Link3}"><img src="http://25.media.tumblr.com/tumblr_m3dth918Ze1rtfcgoo5_250.png" align="right">{text:Link3Title}</a>{/block:ifShowLink3}
  286. </div>
  287.  
  288. <div id="greathall">
  289. <div class="description"><img src="{image:SidebarImage}"><br /><br />
  290. {block:Description}{Description}{/block:Description}</div><br />
  291.  
  292. <div class="move">{block:PreviousPage}<a href="{PreviousPage}"><< Newer</a>{/block:PreviousPage}++{block:NextPage}<a href="{NextPage}">Older >></a>{/block:NextPage}<br />
  293. <div class="theme"><em><a href="http://hatterthemes.tumblr.com">theme © hatterthemes</a></em></div></div>
  294. </div>
  295. </div>
  296. <div class="dungeons">
  297. {block:Posts}
  298. <div id="potions">
  299.  
  300. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  301. {block:Text}{Body}{/block:Text}
  302.  
  303. {block:Quote}<center><h2>"{Quote}"</h2></center><br /><p class="source">— {Source}</p>{/block:Quote}
  304.  
  305. {block:Link}<a href="{URL}" class="link" {Target}><center><h1>{Name}</h1></center></a>
  306. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  307.  
  308. {block:Photo}<br /><center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  309.  
  310. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  311.  
  312. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  313.  
  314. {block:Video}<br />{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  315.  
  316. {block:Answer}<div id="questions"><h2>"{Question}"</h2></div><div class="questions"><em>wondered by {Asker}</em></div>
  317. {Answer}{/block:answer}
  318.  
  319. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  320.  
  321. <div class="notes"><center>{block:IndexPage}Posted <a href="{Permalink}">{TimeAgo}</a> with {/block:IndexPage}{NoteCountWithLabel}. {block:PermalinkPage}<u>{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:PermalinkPage}</center></div></u>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  322.  
  323. {/block:Posts}
  324. </div>
  325.  
  326. </body>
  327. </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!