Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Theme 005

By: hatterthemes on May 29th, 2012  |  syntax: None  |  size: 10.36 KB  |  hits: 41  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!-- Theme 005 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="#fff9f5" />
  7.     <meta name="color:Header" content="#000000" />
  8.     <meta name="color:Accent" content="#efefef" />
  9.     <meta name="color:Entry" content="#fdefdc" />
  10.     <meta name="color:Title" content="#ffffff" />
  11.    
  12.     <meta name="color:Title" content="#ffffff" />
  13.     <meta name="color:Text" content="#000000" />
  14.     <meta name="color:Link" content="#885901" />
  15.     <meta name="color:Link Hover" content="#006600" />
  16.     <meta name="color:Links" content="#fdefdc" />
  17.  
  18.     <meta name="if:Show Submit Link" content="1" />
  19.     <meta name="if:Show Archive Link" content="1" />
  20.     <meta name="if:Show Link 1" content="1" />
  21.     <meta name="if:Show Link 2" content="0" />
  22.     <meta name="if:Show Link 3" content="1" />
  23.     <meta name="if:Show Link 4" content="0" />
  24.    
  25.     <meta name="text:Link 1" content="link 1" />
  26.     <meta name="text:Link 1 URL" content="http://" />
  27.     <meta name="text:Link 2" content="link 2" />
  28.     <meta name="text:Link 2 URL" content="http://" />
  29.     <meta name="text:Link 3" content="link 3" />
  30.     <meta name="text:Link 3 URL" content="http://" />
  31.     <meta name="text:Link 4" content="link 4" />
  32.     <meta name="text:Link 4 URL" content="http://" />
  33.    
  34.     <meta name="image:image1" content="http://static.tumblr.com/80yrm7x/O1Pm4rj5m/4526401.jpeg" />
  35.     <meta name="image:image2" content="http://24.media.tumblr.com/tumblr_m4of47g4gf1rnt7tio1_500.jpg" />
  36.     <meta name="image:image3" content="http://25.media.tumblr.com/tumblr_m4r20vlwBo1qc8xuio1_500.jpg" />
  37.     <meta name="image:image4" content="http://24.media.tumblr.com/tumblr_m4od795SzQ1qcp8ceo1_500.jpg" />
  38.     <meta name="image:image5" content="http://24.media.tumblr.com/tumblr_m4pui8CMZM1rw5sylo1_500.jpg" />
  39.     <meta name="image:image6" content="http://24.media.tumblr.com/tumblr_m4k65xQXRY1rqpdifo3_1280.jpg" />
  40.     <meta name="image:image7" content="http://24.media.tumblr.com/tumblr_m4rjf6BA7a1rtfcgoo1_500.jpg" />
  41.     <meta name="image:image8" content="" />
  42.    
  43.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  44.     <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  45.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  46.     <link rel="shortcut icon" href="{Favicon}" />
  47.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  48.     <style type="text/css">
  49.  
  50. body {
  51. color:{color:Text};
  52. background-color: {color:Background};
  53. font-family:palatino;
  54. font-size:14px;
  55. line-height:110%;
  56. text-align:justify;
  57. text-decoration:none;
  58. }
  59.  
  60. blockquote {
  61. margin-left:25px;
  62. padding-left:10px;
  63. border-left:1px dashed {color:Text};
  64. }
  65.  
  66. a {
  67. color:{color:Link};
  68. text-decoration:none;
  69. }
  70.  
  71. a:hover {
  72. color:{color:Link Hover};
  73. }
  74.  
  75. iframe#tumblr_controls {
  76. top: 0% !important;
  77. right:0% !important;
  78. position: fixed !important;
  79. opacity:0.5;
  80. }
  81.  
  82. iframe#tumblr_controls:hover {
  83. opacity:1.0;
  84. }
  85.  
  86. div#header {
  87. display:block;
  88. width:100%;
  89. margin-top:-130px;
  90. height:150px;
  91. background:{color:Header};
  92. position:fixed;
  93. color:{color:Title};
  94. font-size:20px;
  95. padding-left:5px;
  96. padding-top:3px;
  97. top:0px;
  98. left:0px;
  99. z-index:1;
  100. -webkit-transition: all 0.6s ease-out;
  101. -moz-transition:all 0.6s ease-out;
  102. -o-transition:all 0.6s ease-out;
  103. transition:all 0.6s ease-out;
  104. }
  105.  
  106. #header:hover {
  107. margin-top:0px;
  108. -webkit-transition: all 0.6s ease-out;
  109. -moz-transition:all 0.6s ease-out;
  110. -o-transition:all 0.6s ease-out;
  111. transition:all 0.6s ease-out;
  112. }
  113.  
  114. .header a{
  115. display:block;
  116. color:{color:Links};
  117. background-color:transparent;
  118. text-align:center;
  119. -webkit-transition: all 0.6s ease-out;
  120. -moz-transition:all 0.6s ease-out;
  121. -o-transition:all 0.6s ease-out;
  122. transition:all 0.6s ease-out;
  123. font-family:helvetica;
  124. font-size:12px;
  125. margin-top:-7px;
  126. margin-bottom:-7px;
  127. padding:3px;
  128. }
  129.  
  130. .header a:hover {
  131. background-color:{color:Links};
  132. color:{color:Link Hover};
  133. -webkit-transition: all 0.6s ease-out;
  134. -moz-transition:all 0.6s ease-out;
  135. -o-transition:all 0.6s ease-out;
  136. transition:all 0.6s ease-out;
  137. }
  138.  
  139. div#entries {
  140. width:800px!important;
  141. margin: -40px auto 0px auto;
  142. padding-top:70px;
  143. align:center;
  144. }
  145.  
  146. .posts {
  147. background:{color:Entry};
  148. display:block;
  149. height:auto;
  150. padding:5px;
  151. padding-left:10px;
  152. padding-right:10px;
  153. margin-bottom:10px;
  154. border-bottom:1px dashed {color:Accent};
  155. }
  156.  
  157. .posts img{
  158. -webkit-border-top-left-radius:25px;
  159. -moz-border-radius-topleft:25px;
  160. -o-border-top-left-radius:25px;
  161. border-top-left-radius:25px;
  162. -webkit-border-bottom-right-radius:25px;
  163. -moz-border-radius-bottomright:25px;
  164. -o-border-bottom-right-radius:25px;
  165. border-bottom-right-radius:25px;
  166. }
  167.  
  168. .chat ol, .chat li {list-style:none; margin-left:10px; padding:2px; border-bottom:1px solid {color:Text};}
  169.  
  170. ul.chat {list-style:none; margin-left:10px; padding:2px;}
  171.  
  172. .notes {
  173. {block:PermalinkPage}
  174. display:block;
  175. background:{color:Background};
  176. text-align:left;
  177. font-size:11px;
  178. {/block:PermalinkPage}
  179. {block:IndexPage}
  180. text-align:center;
  181. font-size:8px;
  182. {/block:IndexPage}
  183. text-transform:lowercase;
  184. list-style:none;
  185. -webkit-border-radius:10px;
  186. -moz-border-radius:10px;
  187. -o-border-radius:10px;
  188. border-radius:10px;
  189. }
  190.  
  191. .notes a{
  192. color:{color:Text};
  193. }
  194.  
  195. .notes a:hover{
  196. color:{color:Link}
  197. }
  198.  
  199. .notes a:visited{
  200. color:{color:Link Hover}
  201. }
  202.  
  203.  
  204. .pagination {
  205. background:{color:Entry};
  206. color:{color:Link Hover};
  207. text-align:center;
  208. display:block;
  209. padding:5px;
  210. margin-bottom:-10px;
  211. -webkit-border-top-left-radius:25px;
  212. -moz-border-radius-topleft:25px;
  213. -o-border-top-left-radius:25px;
  214. border-top-left-radius:25px;
  215. -webkit-border-bottom-right-radius:25px;
  216. -moz-border-radius-bottomright:25px;
  217. -o-border-bottom-right-radius:25px;
  218. border-bottom-right-radius:25px;
  219. }
  220.  
  221. iframe#tumblr_controls {
  222. top: 0% !important;
  223. right:0% !important;
  224. position: fixed !important;
  225. }
  226.  
  227. #questions {
  228. display:block;
  229. background:transparent!important;
  230. border-bottom:2px solid {color:Header};
  231. }
  232.  
  233. .questions {
  234. font-size:10px;
  235. color:{color:Text}!important;
  236. margin-left:300px;
  237. margin-top:-15px;
  238. width:auto;
  239. text-transform:lowercase;
  240. }
  241.  
  242. .source {
  243. text-align:right;
  244. }
  245.  
  246. #desc:hover {opacity:1;background:{color:Titles};}
  247.  
  248. marquee {z-index:-1;}
  249.  
  250. #desc {margin-top:-165px;display:block;padding:15px;width:780px;margin-left:-10px;height:100px;font-size:14px;background:{color:Header};color:{color:Title}; opacity:0;z-index:4;text-shadow:0px 0px 30px black,0px 0px 30px black,0px 0px 30px black,0px 0px 30px black,0px 0px 30px black;opacity:0.2;}
  251.  
  252. .title {padding:10px;color:{color:Title};font-size:24px;font-style:italic;text-shadow: 0px 0px 4px #ededed;}
  253. .title small {font-size:10px;text-shadow:none;}
  254.  
  255. #theme {
  256. display:block;
  257. width:50px;
  258. height:50px;
  259. position:fixed;
  260. bottom:0px!important;
  261. left:0px;
  262. opacity:0.5;
  263. }
  264.  
  265. #theme:hover {
  266. opacity:1;
  267. }
  268. </style>
  269. </head>
  270.  
  271. <body>
  272.  
  273. <center>
  274.  
  275. <div id="header">
  276.     <table class="tble" cellspacing="2px">
  277.     <tr class="header">
  278.     <td><marquee direction="right" scrollamount="3" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" width="800">
  279.                 <img src="{image:image1}" height="120">
  280.                 <img src="{image:image2}" height="120">
  281.                 <img src="{image:image3}" height="120">
  282.                 <img src="{image:image4}" height="120">
  283.                 <img src="{image:image5}" height="120">
  284.                 <img src="{image:image6}" height="120">
  285.                 <img src="{image:image7}" height="120"></marquee>
  286.                 <div class="title">{Title} <small>[hover for more]</small></div><div id="desc">{block:Description}{Description}{/block:Description}</div></td>
  287.         <td><a href="/">refresh</a></div><br /><a href="/ask" >message</a><br />
  288.     {block:ifShowLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a><br />{/block:ifShowLink1}
  289.     {block:ifShowLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a></td>{/block:ifShowLink2}</td>
  290.     <td>
  291.     {block:ifShowSubmitLink}<a href="/submit">submit</a>{/block:ifShowSubmitLink}<br />
  292.     {block:ifShowArchiveLink}<a href="/archive">archive</a>{/block:ifShowArchiveLink}<br />
  293.     {block:ifShowLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a><br />{/block:ifShowLink3}
  294.     {block:ifShowLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a></td>{/block:ifShowLink4}
  295.     </td>
  296.     </tr>
  297.     </table>
  298. </div>
  299. </center>
  300.  
  301. <div id="theme"><a href="http://hatterthemes.tumblr.com"><img src="http://24.media.tumblr.com/tumblr_m4ia8wX2h71r8az2no1_100.png"></a></div>
  302.  
  303. <div id="entries">
  304. {block:Posts}
  305. <div class="posts">
  306.  
  307. {block:Title}<center><h1>{Title}</h1></center>{/block:Title}
  308. {block:Text}{Body}{/block:Text}
  309.  
  310. {block:Quote}<center><h2>"{Quote}"</h2></center><br /><p class="source">— {Source}</p>{/block:Quote}
  311.  
  312. {block:Link}<a href="{URL}" class="link" {Target}><h1><center>{Name}</center></h1></a>
  313. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  314.  
  315. {block:Photo}<br /><center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="780"/></center>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  316.  
  317. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  318.  
  319. {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}
  320.  
  321. {block:Video}<br />{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  322.  
  323. {block:Answer}<div id="questions"><h2>"{Question}"</h2></div><div class="questions"><em>wondered by {Asker}</em></div>
  324. {Answer}{/block:answer}
  325.  
  326. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  327.  
  328. <div class="notes"><a href="{Permalink}">{TimeAgo}</a> // {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div>
  329.  
  330. {/block:Posts}
  331. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  332.  
  333. <div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">Fast Forward</a> &nbsp;{/block:PreviousPage}//{block:NextPage}&nbsp;<a href="{NextPage}">Time Travel</a>{/block:NextPage}</div>
  334.    
  335. </div>
  336. </div>
  337. </body>
  338. </html>
create a new version of this paste RAW Paste Data