Advertisement
hazzstop

Hazzstop's theme 34

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