hazzstop

Hazzstop's theme 32

Sep 1st, 2013
258
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.01 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!----
  9. ©HAZZSTOP THEME 32
  10. ~FELICITY~
  11. Don't steal please. --->
  12.  
  13. <meta name="color:background" content="#ffffff"/>
  14. <meta name="color:text" content="#838282"/>
  15. <meta name="color:link" content="#ffffff"/>
  16. <meta name="color:link hover" content="#000000"/>
  17. <meta name="color:info" content="#ffffff"/>
  18.  
  19. <meta name="image:sidebar" content=""/>
  20. <meta name="image:pagination" content=""/>
  21.  
  22. <meta name="text:link 1" content="Link 1"/>
  23. <meta name="text:link 1 url" content="/"/>
  24. <meta name="text:link 2" content="Link 2"/>
  25. <meta name="text:link 2 url" content="/"/>
  26.  
  27. <style type="text/css">
  28.  
  29.  
  30. ::-webkit-scrollbar-thumb:vertical {
  31. height:12px;
  32. border:2px solid #fff;
  33. background-color:{color:scrollbar};
  34. }
  35. ::-webkit-scrollbar-thumb:horizontal {
  36. background-color:#fff;
  37. }
  38. ::-webkit-scrollbar {
  39. width:11px;
  40. height:7px;
  41. border:5px solid #fff;
  42. background-color:{color:scrollbar};
  43. }
  44. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  45. display:block;
  46. height:8px;
  47. border-right:2px solid #fff;
  48. border-left:2px solid #fff;
  49. background-color:{color:scrollbar};
  50. }
  51.  
  52. body {
  53. background:{color:background};
  54. margin:0px;
  55. color:{color:text};
  56. font-size:10px;
  57. line-height:100%;
  58. font-family:trebuchet ms;}
  59.  
  60. a {
  61. text-decoration:none;
  62. outline:none;
  63. -moz-outline-style:none;
  64. color:{color:link};
  65. -moz-transition-duration:0.8s;
  66. -webkit-transition-duration:0.8s;
  67. -o-transition-duration:0.8s;}
  68.  
  69. a:hover {
  70. text-decoration:none;
  71. outline:none;
  72. -moz-outline-style:none;
  73. color:{color:link hover};}
  74.  
  75. img {
  76. border:none;}
  77.  
  78. blockquote {
  79. padding-left:5px;
  80. border-left:2px solid;}
  81.  
  82. blockquote blockquote {
  83. padding-left:5px;
  84. border-left:2px solid;}
  85.  
  86. #post {
  87. width:500px;
  88. padding-bottom:30px;}
  89.  
  90. #entries {
  91. padding:10px;
  92. width:500px;
  93. margin-left:450px;
  94. margin-top:450px;
  95. background: white;}
  96.  
  97. #sidebar {
  98. width:100px;
  99. height:10px;
  100. position:fixed;
  101. margin-left:450px;
  102. margin-top:-450px;
  103. position: absolute;}
  104.  
  105. #sidebarimage {
  106. width: 150px;
  107. position:absolute;}
  108.  
  109. #sidebarimage img {
  110. height: 350px;
  111. width: 520px;
  112. overflow: hidden;
  113. position: absolute;}
  114.  
  115. #links {
  116. position: absolute;
  117. padding:5px;
  118. text-align:center;
  119. word-spacing: 2px;
  120. background: #000;
  121. width:510px;
  122. text-transform:uppercase;
  123. margin-top: -3px;
  124. height: 20px;
  125. margin-left: 0px;
  126. margin-top: 305px;
  127. font-size: 13px;}
  128.  
  129. #links a {
  130. letter-spacing: 3px;
  131. color: #fff;
  132. -moz-transition-duration:0.8s;
  133. -webkit-transition-duration:0.8s;
  134. -o-transition-duration:0.8s;}
  135.  
  136. #links a:hover {
  137. letter-spacing:5px;
  138. text-shadow: 3px 3px #fdf8f8, 1px 1px #9a9a9a;
  139. -moz-transition-duration:0.8s;
  140. -webkit-transition-duration:0.8s;
  141. -o-transition-duration:0.8s;}
  142.  
  143. #description {
  144. font-family: consolas;
  145. padding:5px;
  146. text-align:center;
  147. width:510px;
  148. margin-left: 5px;
  149. color: #fff;
  150. margin-top: 335px;
  151. font-size: 15px;
  152. line-height: 12px;
  153. overflow: show;
  154. margin-left: 0px;
  155. position: absolute;
  156. background: #000;}
  157.  
  158. #pagination {
  159. color: #fff;
  160. position: fixed;
  161. margin-bottom: 0px;
  162. text-align: center;
  163. font-size: 25px;
  164. margin-left: 0px;
  165. background: #000 ;
  166. height: 19px;
  167. width: 510px;
  168. padding:4px;}
  169.  
  170.  
  171. #info {
  172. background: #000;
  173. text-align:center;
  174. margin-top:10px;
  175. padding: 3px;
  176. color: white;
  177. text-transform: uppercase;
  178. font-size:8px;
  179. color: {color:info};}
  180.  
  181. #asker {
  182. padding:5px;
  183. font-family: trebuchet ms;
  184. color: #000;
  185. letter-spacing:1px;
  186. text-align:left;
  187. margin-left:-10px;
  188. width: 510px;}
  189.  
  190. #cred {
  191. position:fixed;
  192. font-family:arial;
  193. font-size:14px;
  194. line-height:50%;
  195. right:4px;
  196. bottom:4px;
  197. border-bottom: 3px double #9a9a9a;
  198. border-top: 1px solid #9a9a9a;
  199. border-left: 1px solid #9a9a9a;
  200. border-right: 1px solid #9a9a9a;
  201. text-transform:uppercase;
  202. background-color:#fff;
  203. text-align:center;}
  204. #cred a {
  205. display:block;
  206. width:10px;
  207. height:8px;
  208. padding:4px;
  209. color:#9A9A9A;
  210. background-color:#fff;
  211. -moz-transition-duration:0.5s;
  212. -webkit-transition-duration:0.5s;
  213. -o-transition-duration:0.5s;}
  214. #cred a:hover {
  215. opacity: 0.5;
  216. color:#FCFCFC;
  217. -moz-transition-duration:0.5s;
  218. -webkit-transition-duration:0.5s;
  219. -o-transition-duration:0.5s;}
  220. {CustomCSS}
  221.  
  222. {CustomCSS}
  223. #s-m-t-tooltip {
  224. max-width:300px;
  225. padding:1px 1px 1px 1px;
  226. margin:10px 0px 0px 10px;
  227. background-color:#faf8f8; /* change the background color */
  228. border:1px solid #f0f0f0; /* change the border color */
  229. font-family:arial; /* change the font */
  230. font-size:7px; /* change the font size */
  231. letter-spacing:1px; /* change the letter spacing */
  232. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  233. color: {color: link}; /* change the text color */
  234. z-index:999999999999999999999999999999999999;}
  235.  
  236. </style>
  237. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  238. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  239. <script>
  240. (function($){
  241. $(document).ready(function(){
  242. $("a[title]").style_my_tooltips({
  243. tip_follows_cursor:true,
  244. tip_delay_time:0,
  245. tip_fade_speed:0,
  246. attribute:"title"
  247. });
  248. });
  249. })(jQuery);
  250. </script>
  251.  
  252. </style></head><body>
  253.  
  254. <div id="sidebar">
  255. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  256. <div id="description">{description}</div>
  257. <div id="links">
  258. <a href="/">home</a>
  259. <a href="/ask">ask</a>
  260. <a href="{text:link 1 url}">{text:link 1}</a>
  261. <a href="{text:link 2 url}">{text:link 2}</a>
  262. </div>
  263.  
  264. <div id="pagination">
  265. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">rise</a>{/block:PreviousPage}
  266. {block:NextPage}<a href="{NextPage}">fall</a>{/block:NextPage}{/block:Pagination}
  267. </div></div>
  268.  
  269. <div id="entries">{block:Posts}<div id="post">
  270.  
  271. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  272.  
  273. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  274.  
  275. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  276.  
  277. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  278.  
  279. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  280.  
  281. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  282.  
  283. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  284.  
  285. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  286.  
  287. {block:Answer}<div id="asker"><div id="asker"><img src="{AskerPortraitURL-24}"></a><span style="color: #000; font-family:trebuchet ms;font-size:11px;">{Asker}: </span>{Question}</div><font face="cambria">{Answer}</font>{/block:Answer}
  288.  
  289. <div id="info">
  290. {block:Date}{TimeAgo}</a>{/block:Date} - <a href="{Permalink}">
  291. {NoteCount}<big><big>▽</big></big></a>{block:RebloggedFrom} - <a href="{ReblogParentURL}"
  292. title="{ReblogParenttitle}">Via</a> - <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} {block:HasTags}-{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  293.  
  294. </div>
  295. {block:PostNotes}{PostNotes}{/block:PostNotes}
  296. {/block:Posts}</div>
  297. <div id="cred"><a href="http://hazzstop.tumblr.com">H</div>
  298. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment