API tools faq
paste
hazzstop

Hazzstop's theme 57

hazzstop
Feb 2nd, 2014
2,379
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.01 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. <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 57
  10. ~PACMAN~
  11. Don't steal please.
  12. --->
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#838282"/>
  16. <meta name="color:Link" content="#b8b8b8"/>
  17. <meta name="color:Link Hover" content="#eeeeee"/>
  18. <meta name="color:description" content="#ffffff"/>
  19. <meta name="color:pacman" content="#000000"/>
  20. <meta name="color:description side border" content=""/>
  21.  
  22. <meta name="image:sidebar" content=""/>
  23.  
  24. <meta name="text:link1" content="Link1"/>
  25. <meta name="text:link1 url" content="/"/>
  26. <meta name="text:link2" content="Link2"/>
  27. <meta name="text:link2 url" content="/"/>
  28. <meta name="text:link3" content="Link3"/>
  29. <meta name="text:link3 url" content="/"/>
  30.  
  31. <style type="text/css">
  32.  
  33. ::-webkit-scrollbar {background-color: ##fff; height:8px; width:8px}
  34. ::-webkit-scrollbar-thumb:vertical {background-color: #000; height:50px}
  35. ::-webkit-scrollbar-thumb:horizontal {background-color: #000; height:8px!important}
  36.  
  37. iframe#tumblr_controls {
  38. white-space:nowrap;
  39. -webkit-filter: invert(100%);
  40. -moz-filter: invert(100%);
  41. -o-filter: invert(100%);
  42. -ms-filter: invert(100%);
  43. filter: invert(100%);
  44. opacity:.2;transition: .8s ease-in-out;
  45. -webkit-transition: .8s ease-in-out;
  46. -moz-transition: .8s ease-in-out;
  47. -o-transition: .8s ease-in-out;}
  48.  
  49. ::selection {
  50. background-color:{color:description side border};}
  51.  
  52. body {
  53. background:{color:background};
  54. margin:0px;
  55. color:{color:text};
  56. font-family:Arial;
  57. font-size:9px;
  58. line-height:100%;}
  59.  
  60. a {
  61. text-decoration: none;
  62. color:{color:Link};
  63. -moz-transition-duration:0.8s;
  64. -webkit-transition-duration:0.8s;
  65. -o-transition-duration:0.8s;}
  66.  
  67. a:hover {
  68. text-decoration:none;
  69. color:{color:Link Hover};
  70. -moz-transition-duration:0.8s;
  71. -webkit-transition-duration:0.8s;
  72. -o-transition-duration:0.8s;}
  73.  
  74. img {
  75. border:none;}
  76.  
  77. blockquote {
  78. padding-left:5px;
  79. border-left:2px solid;}
  80.  
  81. blockquote blockquote {
  82. padding-left:5px;
  83. border-left:2px solid;}
  84.  
  85. #post {
  86. width:500px;
  87. padding-bottom:20px;}
  88.  
  89. #entries {
  90. border-left:2px solid {color:pacman};
  91. padding-top:60px;
  92. padding-bottom:50px;
  93. padding-left:50px;
  94. width:500px;
  95. margin-left:500px;}
  96.  
  97. #sidebar {
  98. width:150px;
  99. position:fixed;
  100. margin-left:250px;
  101. margin-top:200px;}
  102.  
  103. #sidebarimage {
  104. margin-left:-155px;
  105. margin-top:0px;
  106. width: 0px;
  107. height: 0px;
  108. border-right: 60px solid transparent;
  109. border-top: 60px solid {color:pacman};
  110. border-left: 60px solid {color:pacman};
  111. border-bottom: 60px solid {color:pacman};
  112. border-top-left-radius: 60px;
  113. border-top-right-radius: 60px;
  114. border-bottom-left-radius: 60px;
  115. border-bottom-right-radius: 60px;
  116. -moz-transition-duration:0.8s;
  117. -webkit-transition-duration:0.8s;
  118. -o-transition-duration:0.8s;}
  119.  
  120. #sidebar:Hover #sidebarimage {
  121. transform: rotate(180deg);
  122. -ms-transform: rotate(180deg);
  123. -webkit-transform: rotate(180deg);
  124. -o-transform: rotate(180deg);
  125. -moz-transform: rotate(180deg);
  126. -moz-transition-duration:0.8s;
  127. -webkit-transition-duration:0.8s;
  128. -o-transition-duration:0.8s;}
  129.  
  130. #links {
  131. font-family:trebuchet ms;
  132. padding: 5px;
  133. font-size:10px;
  134. width:130px;
  135. text-align:right;}
  136.  
  137. #links a {
  138. border-bottom:2px solid {color:pacman};
  139. letter-spacing: 1px;}
  140.  
  141. #links a:hover {
  142. text-decoration: none;
  143. border-bottom:5px solid {color:pacman};}
  144.  
  145. #description {
  146. border-bottom:3px solid {color:description side border};
  147. border-right:3px solid {color:description side border};
  148. font-family:trebuchet ms;
  149. letter-spacing:1px;
  150. max-height:120px;
  151. padding:10px;
  152. width: 120px;
  153. height: 100px;
  154. background: {color:pacman};
  155. color:{color:description};
  156. position: relative;
  157. -moz-border-radius: 10px;
  158. -webkit-border-radius: 10px;
  159. border-radius: 10px;
  160. margin-top:-120px;}
  161.  
  162. #description:before {
  163. content:"";
  164. position: absolute;
  165. right: 100%;
  166. top: 46px;
  167. width: 0;
  168. height: 0;
  169. border-top: 13px solid transparent;
  170. border-right: 26px solid {color:pacman};
  171. border-bottom: 13px solid transparent;
  172. }
  173.  
  174. #description a{
  175. color:{color:description};}
  176.  
  177. #pagination {
  178. position:relative;
  179. overflow:hidden;
  180. z-index:999999;
  181. margin-left:-390px;
  182. margin-top:-95px;
  183. font-size:13px;
  184. text-align:center;
  185. padding-top: 5px;}
  186.  
  187. .newplayerbutton {
  188. position: relative;
  189. width: 28px;
  190. height: 27px;
  191. overflow: hidden;}
  192.  
  193. .playerbuttonhug {
  194. position: absolute;
  195. top: -11px;
  196. left: -12px;}
  197.  
  198.  
  199. .tumblr_audio_player {
  200. border: none;
  201. padding: 0px;
  202. margin: 0px;
  203. height: 50px;
  204. width: 500px;}
  205.  
  206. .playerbuttonbg {
  207. position: absolute;
  208. left: 20px;
  209. top: 20px;
  210. width: 28px;
  211. height: 28px;
  212. background-color: #000;
  213. padding: 10px;
  214. -webkit-border-radius: 40px;
  215. -moz-border-radius: 40px;
  216. border-radius: 40px;
  217. opacity: .4;
  218. filter: alpha(opacity=40);
  219. -moz-opacity: 0.4;
  220. -khtml-opacity: 0.4;
  221. transition: opacity .7s ease-in-out;
  222. -moz-transition: opacity .7s ease-in-out;
  223. -webkit-transition: opacity .7s ease-in-out;
  224. }
  225.  
  226. .playerbuttonbg:hover {
  227. opacity: 1;
  228. filter: alpha(opacity=100);
  229. -moz-opacity: 1;
  230. -khtml-opacity: 1;
  231. }
  232.  
  233. .audioimgwrapper {
  234. position: absolute;
  235. left: 0px;
  236. top: 0px;
  237. -webkit-border-radius: 50px;
  238. -moz-border-radius: 50px;
  239. border-radius: 50px;
  240. overflow: hidden;
  241. width: 88px;
  242. height: 88px;
  243. }
  244.  
  245. .audioimgwrapper img {
  246. width: 100%;
  247. height: auto;
  248. -webkit-border-radius: 50px;
  249. -moz-border-radius: 50px;
  250. border-radius: 50px;
  251. }
  252.  
  253. .trackdetails {
  254. font-weight:Bold;
  255. font-family:trebuchet ms;
  256. width: auto;
  257. display:inline-block;
  258. margin-left: 100px;
  259. min-height: 85px;
  260. }
  261.  
  262. .audiowrapper {
  263. position: relative;
  264. display:inline-block;
  265. }
  266.  
  267. #info {padding:2px;
  268. font-weight:bold;
  269. border: 1px solid black;
  270. border-left:5px solid black;
  271. border-right:5px solid black;
  272. text-align:center;
  273. margin-top:10px;
  274. text-transform: uppercase;
  275. font-size: 8px;
  276. }
  277.  
  278. #asker {
  279. font-family:trebuchet ms;
  280. border-bottom:2px solid black;
  281. padding:5px;
  282. background:#fafafa;}
  283.  
  284. #cred {
  285. position:fixed;
  286. font-family:arial;
  287. font-size:14px;
  288. line-height:50%;
  289. right:4px;
  290. bottom:4px;
  291. border-bottom: 3px double #9a9a9a;
  292. border-top: 1px solid #9a9a9a;
  293. border-left: 1px solid #9a9a9a;
  294. border-right: 1px solid #9a9a9a;
  295. text-transform:uppercase;
  296. background-color:#fff;
  297. text-align:center;}
  298.  
  299. #cred a {
  300. display:block;
  301. width:10px;
  302. height:8px;
  303. padding:4px;
  304. color:#9A9A9A;
  305. background-color:#fff;
  306. -moz-transition-duration:0.5s;
  307. -webkit-transition-duration:0.5s;
  308. -o-transition-duration:0.5s;}
  309.  
  310. #cred a:hover {
  311. opacity: 0.5;
  312. color:#FCFCFC;
  313. -moz-transition-duration:0.5s;
  314. -webkit-transition-duration:0.5s;
  315. -o-
  316.  
  317. {CustomCSS}
  318.  
  319. #s-m-t-tooltip {
  320. max-width:300px;
  321. padding:2px 2px 2px 2px;
  322. margin:-18px 0px 0px 8px;
  323. background-color:#fff; /* change the background color */
  324. border-bottom:2px solid {color:description side border};
  325. font-family:trebuchet ms; /* change the font */
  326. font-size:10px; /* change the font size */
  327. letter-spacing:1px; /* change the letter spacing */
  328. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  329. color:#000; /* change the text color */
  330. z-index:999999999999999999999999999999999999;
  331. }
  332.  
  333.  
  334.  
  335. </style></head>
  336. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  337. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  338.  
  339. <script>
  340. (function($){
  341. $(document).ready(function(){
  342. $("a[title]").style_my_tooltips({
  343. tip_follows_cursor:true,
  344. tip_delay_time:90,
  345. tip_fade_speed:500,
  346. attribute:"title"
  347. });
  348. });
  349. })(jQuery);
  350. </script>
  351. <body>
  352.  
  353. <div id="sidebar"><div id="sidebarimage"></div>
  354. <div id="description">{description}</div>
  355.  
  356. <div id="links">
  357. <a title="home"href="/">01</a>
  358. <a title="ask"href="/ask">02</a>
  359. <a title="{text:link1}"href="{link1 url}">03</a>
  360. <a title="{text:link2}"href="{text:link2 url}">04</a>
  361. <a title="{text:link3}"href="{text:link3 url}">05</a>
  362.  
  363.  
  364. </div>
  365.  
  366. <div id="pagination">
  367. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">- / </a>{/block:PreviousPage}
  368. {block:NextPage}<a href="{NextPage}"> +</a>{/block:NextPage}{/block:Pagination}
  369. </div>
  370.  
  371. </div>
  372.  
  373. <div id="entries">{block:Posts}<div id="post">
  374.  
  375. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  376.  
  377. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  378.  
  379. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  380.  
  381. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  382.  
  383. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  384.  
  385. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  386.  
  387.  
  388. {block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerBlack}</div></div></div><div class="trackdetails">{block:TrackName}{TrackName}{/block:TrackName}<p/>{block:Artist}Artist: {Artist}{/block:Artist}<p/>{block:Album}Album: {Album}{/block:Album}<p/>
  389. {PlayCountWithLabel} </div></div>{/block:AudioPlayer}
  390.  
  391.  
  392. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  393.  
  394. {block:Answer}<div id="asker"> <a title="{AskerURL}"href="{AskerURL}"><img src="{AskerPortraitURL-24}"></a>: {Question}</div>{Answer}{/block:Answer}
  395.  
  396.  
  397. <div id="info">
  398. {block:Date}{TimeAgo}</a>{/block:Date} - <a href="{Permalink}"title="notes">
  399. {NoteCount}</a>{block:RebloggedFrom} - <a href="{ReblogParentURL}"
  400. title="{ReblogParentTitle}">source</a> - <a href="{ReblogRootURL}"title="{ReblogRootTitle}">via</a>{/block:RebloggedFrom} -<big> <big><a href="{ReblogURL}"
  401. title="reblog">↻</a> </big></big>{block:HasTags}-{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  402.  
  403. </div>
  404. {block:PostNotes}{PostNotes}{/block:PostNotes}
  405. {/block:Posts}</div>
  406.  
  407. <div id="cred"><a href="http://hazzstop.tumblr.com">H</a></div>
  408.  
  409. </body></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!