hazzstop

Hazzstop theme 26

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