API tools faq
paste
Advertisement
Guest User

theme 09 by h4mster

a guest
Apr 20th, 2012
844
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.74 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme 09 by h4mster
  3. originally by mugglesex
  4. PLEASE KEEP THE CREDIT.
  5. --->
  6.  
  7. <html lang="en">
  8. <head>
  9.  
  10. <script type="text/javascript">
  11. // <![CDATA[
  12. var bgcolour="{color:title color 2}"; // background colour
  13. var fgcolour="{color:title color 1}"; // foreground colour
  14. var speed=100; // speed of bubbling, lower is faster
  15. var shades=10; // number of shades of bubble
  16.  
  17. /****************************
  18. * Bubbling Text Effect *
  19. *(c) 2003-6 mf2fm web-design*
  20. * http://www.mf2fm.com/rv *
  21. * DON'T EDIT BELOW THIS BOX *
  22. ****************************/
  23. var bubbcol=new Array();
  24. var bubbler, bubbtxt;
  25. var bubbchr=new Array();
  26. window.onload=function() { if (document.getElementById) {
  27. for (bubbler=0; bubbler<=shades; bubbler++) {
  28. bubbtxt="#";
  29. for (var i=1; i<6; i+=2) {
  30. var bg=parseInt(bgcolour.substring(i,i+2),16);
  31. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  32. }
  33. bubbcol[bubbler+1]=bubbtxt;
  34. }
  35. bubbler=document.getElementById("bubble");
  36. bubbtxt=bubbler.firstChild.nodeValue;
  37. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  38. for (var i=0; i<bubbtxt.length; i++) {
  39. var bubbi=document.createElement("span");
  40. bubbi.setAttribute("id", "bubb"+i);
  41. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  42. bubbler.appendChild(bubbi);
  43. }
  44. bubbler=setInterval ("bubbling()", speed);
  45. }}
  46. function dechex(dec) {
  47. var hex=dec.toString(16);
  48. if (dec<16) return "0"+hex;
  49. else return hex;
  50. }
  51. function bubbling() {
  52. for (var i=0; i<bubbtxt.length; i++) {
  53. var bubbme=document.getElementById("bubb"+i);
  54. if (bubbchr[i]) {
  55. bubbme.style.color=bubbcol[bubbchr[i]];
  56. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  57. }
  58. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  59. }
  60. }
  61. // ]]>
  62. </script>
  63.  
  64.  
  65. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  66.  
  67. <script type="text/javascript"
  68. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  69.  
  70. <title>{Title}
  71. </title>
  72. {Block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/Block:ifinfinitescrolling}
  73.  
  74. {block:iftinycursor}<style type="text/css">
  75.  
  76. @font-face{
  77. font-family: "kg luck of the irish";
  78. src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf');}
  79.  
  80. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-6/cur568.cur), progress;}</style>{/block:iftinycursor}
  81.  
  82. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  83. <meta name="image:Background" content="http://static.tumblr.com/7kc9um3/kVlm2lh3m/vintage_37.jpg"/>
  84. <meta name="color:background" content="#FFFFFF"/>
  85. <meta name="color:text" content="#000000"/>
  86. <meta name="color:link" content="#4D4D4D"/>
  87. <meta name="color:hover" content="#777777"/>
  88. <meta name="color:title color 1" content="#9C88B5"/>
  89. <meta name="color:title color 2" content="#928AB1"/>
  90. <meta name="if:tiny scrollbar" content="1/">
  91. <meta name="if:Show Sidebar photo" content="0"/>
  92. <meta name="color:posts background" content="#ffffff" />
  93. <meta name="image:Sidebar" content="1"/>
  94. <meta name="if:infinite scrolling" content="1"/>
  95. <meta name="if:tiny cursor" content="1"/>
  96. <meta name="text:Custom Link One" content="" />
  97. <meta name="text:Custom Link One Title" content="link" />
  98. <meta name="text:Custom Link Two" content="" />
  99. <meta name="text:Custom Link Two Title" content="link" />
  100. <meta name="text:Custom Link Three" content="" />
  101. <meta name="text:Custom Link Three Title" content="link" />
  102.  
  103.  
  104. <style type="text/css">
  105.  
  106. {block:iftinyscrollbar}
  107. ::-webkit-scrollbar {width: 8px; height: 4px; background: #FFFFFF; }
  108.  
  109. ::-webkit-scrollbar-thumb { background-color: #ffffff; -webkit-border-radius: 1ex; border: 1px solid black;}
  110. {/block:iftinyscrollbar}
  111.  
  112. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; top: 15px; right: 15px;}
  113.  
  114. {block:iftinycursor}
  115. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  116. {/block:iftinycursor}
  117.  
  118.  
  119. body {
  120. margin:0px;
  121. background-color: {color:Background};
  122. background-image:url({image:Background});
  123. background-attachment: fixed;
  124. background-repeat: repeat;}
  125. body, div, p, textarea, submit, input{
  126. font-family:'Short Stack', cursive;
  127. font-size: 11px;
  128. line-height:10px;
  129. letter-spacing:0px;
  130. color:{color:Text};}
  131.  
  132. p {
  133. margin:0px;
  134. margin-top:0px;}
  135.  
  136. a:link, a:active, a:visited{color: {color:Link}; text-decoration: none; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out;}
  137.  
  138. a:hover {
  139. color:{color:Hover};
  140. text-decoration: none;
  141. font-style: Italic;
  142. filter:Wave(strength=4);height:1px; }
  143.  
  144. div#center{
  145. margin:auto;
  146. position:relative;
  147. width:auto;
  148. height:1px;
  149. background-color:;
  150. overflow:auto;
  151. overflow-y:hidden;}
  152.  
  153. div#content{
  154. float:left;
  155. width:603px;
  156. {block:PermalinkPage}
  157. width:450px;
  158. {/block:PermalinkPage}
  159. height:auto;
  160. padding-right:0px;
  161. padding-left:1px;
  162. padding-top:1px;
  163. padding-bottom:0px;
  164. margin-top:0px;
  165. margin-bottom:2px;
  166. margin-left:277px;
  167. box-shadow: 0px 0px 0px #0066FF;
  168. -moz-border-radius:6px;
  169. border-radius:0px;
  170. background: #000000;
  171. background-color: #fff;
  172. border: 0px solid #000000;
  173. outline:1px solid rgba(0, 0, 0, .1);
  174. border:2px solid rgba(0, 0, 0, .05);}
  175.  
  176. div#entry{
  177. float:left;
  178. width:300px;
  179. height:auto;
  180. background-color: #000000;
  181. background-color:#fff;}
  182.  
  183. div#sidebar{
  184. position:fixed !important;
  185. width:230px;
  186. height:auto;
  187. padding-bottom:0px;
  188. margin-top:160px;
  189. margin-left: 10px;}
  190.  
  191. .desc{
  192. text-align:center;}
  193.  
  194. div#invisible {
  195. text-align:center;
  196. height: auto;
  197. width:100px;
  198. font-family: 'kg luck of the irish', cursive;
  199. padding-bottom:10px;
  200. padding-right: 127px;
  201. font-size:25px;
  202. border-bottom: 1px dashed #000;}
  203.  
  204. #entry{
  205. height:auto;
  206. margin-right:1px;
  207. padding-bottom:0px;
  208. margin-right:1px;
  209. margin-bottom:1px;}
  210.  
  211. #permalink {
  212. position: absolute;
  213. margin-top: 6px;
  214. margin-left: 0px;
  215. opacity: 0;
  216. -webkit-transition: all .3s ease;
  217. -moz-transition: all .3s ease;
  218. -o-transition: all .3s ease;
  219. transition: all .3s ease;}
  220.  
  221. #entry:hover #permalink {
  222. margin-top: 6px;
  223. margin-left: 6px;
  224. opacity: 1;
  225. -webkit-transition: all .2s ease;
  226. -moz-transition: all .2s ease;
  227. -o-transition: all .2s ease;
  228. transition: all .2s ease;}
  229.  
  230. .perms {
  231. color: #000000;
  232. opacity: 0.8;
  233. font-family:'Short Stack', cursive;
  234. text-transform: none;
  235. font-size:8px;
  236. line-height:18px;
  237. background-color: #ffffff;
  238. border:1px solid rgba(0,0,0,0.1);
  239. padding:5px 5px;}
  240.  
  241. .perms a:hover {
  242. color: #000000;
  243. text-decoration: underline;}
  244.  
  245. .questions{
  246. font-style:normal;
  247. margin-bottom:3px;
  248. border-bottom:1px dotted lightgrey;}
  249.  
  250. .questions:hover{
  251. font-style:bold;}
  252.  
  253. #postnotes{
  254. text-align: justify;}
  255.  
  256. #postnotes blockquote{
  257. border: 0px;}
  258.  
  259. .title{ font-family: georgia;
  260. font-size: 15px;
  261. line-height: 13px;
  262. color: {text:color} ;
  263. padding:0px 0px 0px 0px;
  264. text-transform: none;}
  265.  
  266. blockquote{
  267. padding:0px 0px 2px 5px;
  268. margin:0px 0px 0px 0px;
  269. border-left: 1px dotted #555555;}
  270.  
  271. blockquote p, ul{
  272. margin:0px;
  273. padding:0px; }
  274.  
  275. a img{border: 0px;}
  276.  
  277. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  278.  
  279. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  280. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  281.  
  282. .notes img{width:10px; position:relative; top:3px;}
  283.  
  284.  
  285. small{font-size: 95%;}
  286.  
  287. .blogtitle{
  288. font-family: {font:title};
  289. font-size: {text:title font size};
  290. line-height: {lineheight:title};
  291. color: {color:Title};
  292. letter-spacing: 0px;
  293. font-weight: normal;
  294. padding:0px 0px 0px 0px; }
  295.  
  296.  
  297. ul#drawers li h4 {margin: 0; padding: 0px; text-transform: Camelcase; font-size: 10px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out;
  298. transition: background-color 0.2s ease-out;}
  299.  
  300.  
  301. iframe#tumblr_controls {
  302. position: fixed !important;
  303. top: 0 !important;
  304. right: 0 !important;}
  305.  
  306. </style>
  307.  
  308.  
  309. <link rel="shortcut icon" href="{Favicon}">
  310. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  311. <meta name="viewport" content="width=820" />
  312.  
  313. </head>
  314.  
  315. <body>
  316. </style>
  317.  
  318. <div id="center">
  319. <div id="sidebar">
  320.  
  321. <div id="pic1">
  322. {block:ifshowsidebarphoto}<a href="/"><img src="{image:sidebar}" width=230px; height=180px;></a>{/block:ifshowsidebarphoto}<br>
  323. <br><br>
  324. <div id="invisible"><center><a href="/"><span id="bubble">{title}</a></span></div>
  325. <div class="desc">
  326. <br>
  327. {Description}
  328. <br>
  329. <div id="invisible"><center></div>
  330. <br>
  331. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle} - {block:ifCustomLinkTwoTitle}<a href="{text:custom link two}"> {text:custom link two title}</a>{/block:ifCustomLinkTwoTitle} - {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}"> {text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle} - <a href="http://h4mster.tumblr.com/"> theme </a>
  332.  
  333. {block:PermalinkPagination}
  334. {block:NextPost}<a href="{NextPost}"><font size="3"><b><img src="http://upload.wikimedia.org/wikipedia/commons/c/c2/U%2B21DC.gif"></b></font></a>{/block:NextPost}
  335. {block:PreviousPost}<a href="{PreviousPost}"><font size="3"><b><img src="http://upload.wikimedia.org/wikipedia/commons/d/df/U%2B21DD.gif"></b></font></a>{/block:PreviousPost}{/block:PermalinkPagination}
  336. </div></div></div>
  337.  
  338. </div>
  339.  
  340. <div id="content">
  341. {block:Posts}<div id="entry">
  342.  
  343. {block:Text}
  344. {block:Title}<span class="title">{Title}</span>{/block:Title}
  345. <span class="entrytext">{Body}</span>
  346. {block:indexpage}
  347. <div class="permalink"><a href="{Permalink}">Posted {TimeAgo}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
  348. {/block:Text}
  349.  
  350. {block:Answer}
  351. <div class="questions">
  352. <b>{Asker}:</b> <a href="{Permalink}">{Question}</a>
  353. </div>
  354. <div style="padding-left:4px;">{Answer}</div>
  355. {/block:Answer}
  356.  
  357. {block:Link}
  358. <a href="{URL}" class="title">{Name}</a>
  359. {block:Description}{Description}{/block:Description}
  360. {block:indexpage}
  361. <div class="permalink"><a href="{Permalink}">Posted {TimeAgo}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
  362. {/block:indexpage}
  363. {block:Link}
  364.  
  365. {block:Photo}
  366. {block:IndexPage}
  367. <div id="permalink">
  368. <span class="perms"><a href="{Permalink}">{NoteCount}</a></span>
  369. <span class="perms"><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  370. </div>
  371.  
  372. {/block:IndexPage}
  373. {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=300px height=218/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=450px/>{LinkCloseTag}{/block:PermalinkPage}{/block:Photo}
  374.  
  375. {block:Quote}
  376. {Quote}
  377. <br>
  378. {block:Source}<strong> -- {Source}</strong>{/block:Source}
  379. {block:indexpage}
  380. <div class="permalink"><a href="{Permalink}">Posted {TimeAgo}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
  381. {/block:Quote}
  382.  
  383. {block:Chat}
  384. {block:Title}<span class="title">{Title}</span>{/block:Title}
  385. <ul class="chat">
  386. {block:Lines}
  387. <li class="user_{UserNumber}">
  388. {block:Label}
  389. <span class="label">{Label}</span>
  390. {/block:Label}
  391.  
  392. {Line}
  393. </li>
  394. {/block:Lines}
  395. </ul>
  396. {block:indexpage}
  397. <div class="permalink"><a href="{Permalink}">Posted {TimeAgo}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
  398. {/block:Chat}
  399.  
  400. {block:Audio}
  401. <div style="background-color:transparent; width: 250px;"><div style="width:250px; height:27px;">{AudioPlayerGrey}</div></div>
  402. {block:Caption}{Caption}{/block:Caption}
  403. {block:indexpage}
  404. <div class="permalink"><a href="{Permalink}">Posted {TimeAgo}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
  405. {/block:Audio}
  406.  
  407. {block:Video}
  408. {block:IndexPage}<div class="video">{Video-500}</div>{/block:IndexPage}
  409. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  410. {block:Caption}{Caption}{/block:Caption}
  411. {block:indexpage}
  412. <div class="permalink"><a href="{Permalink}">Posted {TimeAgo}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
  413. {block:Video}
  414.  
  415. {block:PermalinkPage}
  416. <div class="postnotes">
  417. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} - {block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} Posted On {block:Date}{Month} {DayofMonth}{DayofMonthSuffix}, {Year} <br>{/block:Date}
  418. {block:HasTags}tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a>. {/block:Tags}{/block:hasTags}
  419. </div>
  420. {/block:PermalinkPage}
  421.  
  422. {block:PostNotes}{PostNotes}
  423. {/block:PostNotes}
  424. </div>
  425. {/block:Posts}
  426. </div>
  427. </div>
  428. </div>
  429. <div style="position:fixed; bottom:7px; left:8px;">
  430. <a href="http://h4mster.tumblr.com">THEME</a>
  431. </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!