API tools faq
paste
Advertisement
dannyfenton

HONK HONK ITS GAMZEE THE THEME MOTHAFUCKA

dannyfenton
Dec 8th, 2012
56
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.99 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.  
  3. <!--
  4.  
  5. hi this theme was made by cronusampora.tumblr.com aka dannyfenton.tumblr.com!!!
  6.  
  7. -->
  8.  
  9. <title>{title}</title>
  10. <link rel="shortcut icon" href="{favicon}">
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head>
  14.  
  15. <meta name="color:Borders" content="#450077" />
  16. <meta name="color:BG" content="#1e0c47" />
  17. <meta name="color:Post Background" content="#6c34a6" />
  18. <meta name="color:Note Background" content="#381b76" />
  19. <meta name="color:Link Hover" content="#994bb3" />
  20. <meta name="color:Font Color" content="#000000" />
  21. <meta name="color:Wrapper" content="#7c3fba" />
  22.  
  23. <meta name="if:Music" content="0" />
  24. <meta name="text:SongURL" content="http://k005.kiwi6.com/hotlink/x9c21p9t67/11_teenagers.mp3&amp;autoplay=0&amp;bgcolor=450077&amp;loadingcolor=450077&amp;buttoncolor=450077&amp;slidercolor=450077">
  25.  
  26. <meta name="text:CustomLink1 URL" content="" />
  27. <meta name="text:CustomLink1 Name" content="" />
  28. <meta name="text:CustomLink2 URL" content="" />
  29. <meta name="text:CustomLink2 Name" content="" />
  30. <meta name="text:CustomLink3 URL" content="" />
  31. <meta name="text:CustomLink3 Name" content="" />
  32. <meta name="text:CustomLink4 URL" content="" />
  33. <meta name="text:CustomLink4 Name" content="" />
  34.  
  35. <meta name="text:Matesprit URL" content="Matesprit's URL" />
  36. <meta name="text:Moirail URL" content="Moirail's URL" />
  37. <meta name="text:Auspistice URL" content="Auspistice's URL" />
  38. <meta name="text:Kismesis URL" content="Kismesis's URL" />
  39.  
  40. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  41. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  42. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  43. <link rel="shortcut icon" href="{Favicon}" />
  44. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50. body {
  51. font-family: Verdana, Arial, Helvetica, sans-serif;
  52. color: {color:Font Color};
  53. background-color: {color:bg};
  54. }
  55.  
  56. .gamzee{
  57. position:fixed;
  58. z-index:990;
  59. left: 600px;
  60. bottom:13px;
  61. background: transparent;
  62. }
  63.  
  64. /*title and desc*/
  65. .blogtitle {
  66. position:fixed;
  67. z-index:995;
  68. left: 615px;
  69. bottom:112px;
  70. width: 285px;
  71. background: transparent;
  72. font-size: 20px;
  73. text-align: right;
  74. letter-spacing:-2px;
  75. font-weight:bold;
  76. color: {color:Post Background};
  77. }
  78.  
  79. .description {
  80. position:fixed;
  81. z-index:995;
  82. left: 615px;
  83. height: 95px;
  84. width: 285px;
  85. bottom: 17px;
  86. padding-right:10px;
  87. margin-right:10px;
  88. overflow: auto;
  89. font-size:9px;
  90. text-align: justify;
  91. background: transparent;
  92. }
  93.  
  94. #customlinks {
  95. position: fixed;
  96. bottom: 15px;
  97. left: 510px;
  98. width: 380px;
  99. height: 450px;
  100. border-left: 10px {color:Borders} solid;
  101. z-index: 800;
  102. }
  103.  
  104. #customlinks a {
  105. display: block;
  106. height: 10px;
  107. font-family: verdana;
  108. padding: 3px;
  109. padding-left:15px;
  110. font-size: 9px;
  111. color: {color:Font Color};
  112. text-decoration: none;
  113. text-align: left;
  114. line-height: 10px;
  115. letter-spacing: 2px;
  116. margin-bottom: 10px;
  117. margin-top:3px;
  118. -webkit-transition: all 0.5s ease-in-out;
  119. -moz-transition: all 0.5s ease-in-out;
  120. -o-transition: all 0.5s ease-in-out;
  121. -ms-transition: all 0.5s ease-in-out;
  122. transition: all 0.5s ease-in-out;
  123. }
  124.  
  125. #customlinks a:hover {
  126. background-color: {color:Background};
  127. width: 290px;
  128. }
  129.  
  130. .custom1 {
  131. background-color: {color:Post Background};
  132. text-transform: uppercase;
  133. width: 347px;
  134. }
  135. .custom2 {
  136. background-color: {color:Link Hover};
  137. text-transform: lowercase;
  138. width: 332px;
  139. }
  140. .custom3 {
  141. background-color: {color:Note Background};
  142. text-transform: uppercase;
  143. width: 340px;
  144. }
  145. .custom4 {
  146. background-color: {color:Link Hover};
  147. text-transform: lowercase;
  148. width: 370px;
  149. }
  150. .custom5 {
  151. background-color: {color:Note Background};
  152. text-transform: uppercase;
  153. width: 335px;
  154. }
  155. .custom6 {
  156. background-color: {color:Post Background};
  157. text-transform: lowercase;
  158. width: 355px;
  159. }
  160. .custom7 {
  161. background-color: {color:Link Hover};
  162. text-transform: uppercase;
  163. width: 363px;
  164. }
  165. .custom8 {
  166. background-color: {color:Post Background};
  167. text-transform: lowercase;
  168. width: 378px;
  169. }
  170. .custom9 {
  171. background-color: {color:Note Background};
  172. text-transform: uppercase;
  173. width: 373px;
  174. }
  175.  
  176. #wrapper {
  177. position: fixed;
  178. top: 25px;
  179. bottom: 10px;
  180. left: 50px;
  181. width: 900px;
  182. overflow: auto;
  183. border-radius: 6px;
  184. background-color: {color:Wrapper};
  185. border-left: 5px {color:Borders} solid;
  186. border-top: 5px {color:Borders} solid;
  187. border-bottom: 5px {color:Borders} solid;
  188. }
  189.  
  190.  
  191. .title a:hover, .posts a, .tags a, .description a {
  192. font-family: verdana;
  193. color: {color:BG};
  194. font-weight: bold;
  195. text-decoration: none;
  196. -webkit-transition: all 0.5s ease-in-out;
  197. -moz-transition: all 0.5s ease-in-out;
  198. -o-transition: all 0.5s ease-in-out;
  199. -ms-transition: all 0.5s ease-in-out;
  200. transition: all 0.5s ease-in-out;
  201. }
  202.  
  203. .title a:hover, .posts a:hover, .tags a:hover, .description a:hover {
  204. font-family: verdana;
  205. color: {color:Link Hover};
  206. font-weight: bold;
  207. text-decoration: none;
  208. }
  209.  
  210. .title{
  211. font-size: 20px;
  212. text-align: right;
  213. letter-spacing:-2px;
  214. }
  215.  
  216. #posts {
  217. width: 450px;
  218. top: 10px;
  219. height:500px;
  220. position: absolute;
  221. }
  222.  
  223. .posts {
  224. padding: 10px;
  225. width: 400px;
  226. left: 10px;
  227. top: 0px;
  228. position: relative;
  229. font-size: 10px;
  230. color: black;
  231. text-align: justify;
  232.  
  233. border: 2px {color:Font Color} solid;
  234. background-color: {color:Post Background};
  235. }
  236.  
  237. .posts blockquote {
  238. border-left: 3px solid {color:Note Background};
  239. padding-left: 5px;
  240. margin-left: 10px;
  241. max-width: 500px;
  242. }
  243.  
  244. .posts blockquote img {
  245. max-width: 300px;
  246. }
  247.  
  248. .posts img {
  249. max-width: 400px;
  250. }
  251.  
  252. .ask {
  253. line-height: 16px;
  254. text-align: right;
  255. }
  256.  
  257. .ask img {
  258. padding-right: 10px;
  259. }
  260.  
  261. .tags{
  262. background-color: {color:Note Background};
  263. padding: 10px;
  264. width: 400px;
  265. left: 10px;
  266. top: 0px;
  267. position: relative;
  268. font-size: 9px;
  269. color: black;
  270. text-align: right;
  271. margin-bottom: 10px;
  272. margin-top: -10px;
  273. border: 2px {color:Font Color} solid;
  274. border-top: 5px {color:Font Color} solid;
  275. }
  276.  
  277. .nav {
  278. margin-top: 5px;
  279. position: fixed;
  280. left: 535px;
  281. bottom: 25px;
  282. width: 200px;
  283. z-index:900;
  284. font-weight:bold;
  285. }
  286.  
  287. .nav a {
  288. height: 20px;
  289. width: 20px;
  290. font-family: verdana;
  291. padding: 5px;
  292. font-size: 15px;
  293. background-color: #e4e4e4;
  294. color: {color:Link Hover};
  295. border: 1px solid #e4e4e4;
  296. border-radius: 5px;
  297. text-decoration: none;
  298. text-align: center;
  299. -webkit-transition: all 0.5s ease-in-out;
  300. -moz-transition: all 0.5s ease-in-out;
  301. -o-transition: all 0.5s ease-in-out;
  302. -ms-transition: all 0.5s ease-in-out;
  303. transition: all 0.5s ease-in-out;
  304. }
  305.  
  306. .nav a:hover {
  307. border: 1px solid {color:BG};
  308. border-radius: 5px;
  309. background-color: {color:BG};
  310. width: 20px;
  311. }
  312.  
  313. /*dash/follow buttons*/
  314.  
  315. iframe#tumblr_controls {
  316. left:400px !important;
  317. position: fixed !important;
  318. }
  319.  
  320. ::-webkit-scrollbar {
  321. width: 5px;
  322. height: 5px;
  323. }
  324.  
  325. ::-webkit-scrollbar-button:start:decrement,
  326. ::-webkit-scrollbar-button:end:increment {
  327. height: 8px;
  328. background-color: {color:Borders};
  329. }
  330.  
  331. ::-webkit-scrollbar-track-piece {
  332. background-color: {color:Borders};
  333. }
  334.  
  335. ::-webkit-scrollbar-thumb {
  336. height: 10px;
  337. background-color: {color:Wrapper};
  338. border: 1px solid {color:BG};
  339. border-radius: 50px;
  340. }
  341.  
  342.  
  343. .quads {
  344. position:fixed;
  345. bottom: 13px;
  346. height: 200px;
  347. }
  348.  
  349. </style>
  350.  
  351. </head>
  352.  
  353. <body>
  354.  
  355. <div class="gamzee"><img src="http://i.imgur.com/WYoCr.png" usemap="#quadrants" ></div>
  356.  
  357. <div class="quads">
  358. <map name="quadrants">
  359. <area shape="rect" coords="20,397,42,417" href="{text:Matesprit URL}" />
  360. <area shape="rect" coords="53,397,76,417" href="{text:Moirail URL}" />
  361. <area shape="rect" coords="241,397,266,417" href="{text:Auspistice URL}" />
  362. <area shape="rect" coords="277,390,300,417" href="{text:Kismesis URL}" />
  363. </map>
  364. </div>
  365.  
  366. <div class="blogtitle">
  367. {title}
  368. </div>
  369.  
  370. <div class="description">
  371. {description}
  372. <br><br>
  373. </div>
  374.  
  375. <div id="customlinks">
  376. <a href="/" class="custom1">home</a>
  377. <a href="/ask" class="custom2">ask</a>
  378. <a href="/submit" class="custom3">submit</a>
  379. <a href="/archive" class="custom4">archive</a>
  380. <a href="http://cronusampora.tumblr.com" class="custom5">theme</a>
  381. <a href="{text:CustomLink1 URL}" class="custom6">
  382. {text:CustomLink1 Name}</a>
  383. <a href="{text:CustomLink2 URL}" class="custom7">
  384. {text:CustomLink2 Name}</a>
  385. <a href="{text:CustomLink3 URL}" class="custom8">
  386. {text:CustomLink3 Name}</a>
  387. <a href="{text:CustomLink4 URL}" class="custom9">
  388. {text:CustomLink4 Name}</a>
  389.  
  390. {block:IfMusic}
  391. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="140" height="20">
  392. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  393. <param name="bgcolor" value="{color:Wrapper}" />
  394. <param name="FlashVars" value="mp3={text:SongURL}" />
  395. </object>
  396. {/block:IfMusic}
  397.  
  398. </div>
  399.  
  400.  
  401. {block:Pagination}
  402. <div class="nav">
  403. {block:NextPage}
  404. <a href="{NextPage}">></a>
  405. {/block:NextPage}
  406.  
  407. {block:PreviousPage}
  408. <a href="{PreviousPage}"><</a>
  409. {/block:PreviousPage}
  410.  
  411. </div>
  412. {/block:Pagination}
  413. </div>
  414.  
  415.  
  416. <div id="wrapper">
  417. <div id="posts">
  418. {block:posts}
  419. <div class="posts">
  420.  
  421. {block:Text}
  422. {block:Title}
  423. <div class="title">
  424. <a href="{Permalink}">{Title}</a>
  425. </div>
  426. {/block:Title}
  427. {Body}
  428. {/block:Text}
  429.  
  430. {block:Photo}
  431. {block:IndexPage} <a href="{Permalink}"> {/block:IndexPage}
  432. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  433. <img src="{PhotoURL-400}" alt="{PhotoAlt}">
  434. {block:IndexPage}</a>{/block:IndexPage}
  435. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  436. {block:Caption}{Caption}{/block:Caption}
  437. {/block:Photo}
  438.  
  439. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}
  440. {/block:Photoset}
  441.  
  442. {block:Quote}
  443. <div class="title"><a href="{Permalink}">{Quote}</a></div> {block:Source}— {Source}{/block:Source}</br></br>
  444. {/block:Quote}
  445.  
  446. {block:Link}
  447. <div class="title"><a href="{URL}" target="_blank">{Name}</a></div>
  448. {block:Description}{Description}{/block:Description}
  449. {/block:Link}
  450.  
  451. {block:Chat}
  452. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title} {block:Lines}<div class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}
  453. </br>
  454. {/block:Chat}
  455.  
  456. {block:Audio}
  457. <div class="audioplayer">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}
  458. {/block:Audio}
  459.  
  460. {block:Video}
  461. {Video-400}{block:Caption}<a href="{Permalink}">{Caption}</a>{/block:Caption}
  462. {/block:Video}
  463.  
  464.  
  465. {block:Answer}
  466. <div class="ask"><img src="{AskerPortraitURL-64}" align="left"><div class="title">{Asker} sent:<br>{Question}</div>
  467. {Answer}</div>
  468. {/block:Answer}
  469.  
  470.  
  471. </div>
  472.  
  473. <div class="tags">
  474.  
  475. {block:NoteCount}
  476. <a href="{Permalink}">{NoteCount}</a> clowns |
  477. {/block:NoteCount}
  478.  
  479. {block:Date}
  480. <a href="{Permalink}">{TimeAgo}</a>
  481. {/block:Date}
  482. </br>
  483. {block:HasTags}
  484. Tag(s):{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}
  485. {/block:HasTags}
  486.  
  487. {block:PostNotes}
  488. </br></br></br>
  489. {PostNotes}
  490. {/block:PostNotes}
  491.  
  492. </div>
  493.  
  494. {/block:posts}
  495.  
  496.  
  497.  
  498. </body>
  499. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!