API tools faq
paste
Advertisement
showerofthemes

One Thing Theme

showerofthemes
Jul 30th, 2012
1,010
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.24 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--
  3.  
  4. Read me please! (:
  5.  
  6. One Thing Theme - made by showerofthemes
  7.  
  8. Please do not remove this code from the HTML, it will NOT show up on your
  9. blog. If you do, Harry Styles will never love you.
  10.  
  11. If you would like to remove the theme credit that does show on the page,
  12. there is a check mark on the Appearance page, although I would love if
  13. you kept it on there.
  14.  
  15. The Fireworks on this theme are also removable via the customize page.
  16.  
  17. This theme has only been tested on Google Chrome, although, if you
  18. are not using Google Chrome, why are you on Tumblr.
  19.  
  20. I have tested everything and as I see, everything is working fine. If you see ANY issues, feel free to stop by and tell me.
  21.  
  22. showerofthemes.tumblr.com/ask
  23.  
  24. Oh, and if you want, Follow my "non-theme" blog at,
  25.  
  26. thediaryofahomosexual.tumblr.com/
  27.  
  28. Thank you for choosing my theme!
  29.  
  30.  
  31.  
  32. -->
  33.  
  34.  
  35. <head>
  36. <meta name="color:Background" content="#FFFFFF" />
  37. <meta name="color:Text" content="#808080" />
  38. <meta name="color:Linkcolor" content="#cd2033" />
  39. <meta name="color:Linkhover" content="#4b05f7" />
  40. <meta name="color:Linkbar" content="#FFFFFF" />
  41. <meta name="color:Entry" content="#FFFFFFF" />
  42. <meta name="color:Scrollbar" content="#808080" />
  43.  
  44. <meta name="if:Show Theme Credit" content="1"/>
  45. <meta name="if:Use 1D Cursor" content="1"/>
  46.  
  47. <meta name="if:1D Badge" content="1">
  48. <meta name="if:Fireworks" content="1">
  49.  
  50.  
  51. <meta name="font:Title" content="calibri" />
  52. <meta name="font:Body" content="calibri" />
  53.  
  54. <meta name="image:Sidebar" content="http://static.tumblr.com/kppkhmy/kfAm7zte4/tumblr_m7x93ipbcy1rvjk8mo1_500.png"/>
  55. <meta name="image:Background" content="" />
  56.  
  57. <meta name="text:About Page URL" content="/me">
  58. <meta name="text:Ask Page URL" content="/ask">
  59. <meta name="text:Link 1" content="" />
  60. <meta name="text:Link 1 URL" content="" />
  61. <meta name="text:Link 2" content="" />
  62. <meta name="text:Link 2 URL" content="" />
  63. <meta name="text:Link 3" content="" />
  64. <meta name="text:Link 3 URL" content="" />
  65. <meta name="text:Link 4" content="" />
  66. <meta name="text:Link 4 URL" content="" />
  67.  
  68. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  69. <title>{Title}</title>
  70. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  71. <link rel="shortcut icon" href="{Favicon}" />
  72. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  73. <style type="text/css">
  74.  
  75. .cred {
  76. position:fixed;
  77. left:0px;
  78. bottom:0px; }
  79.  
  80.  
  81.  
  82. .fireworks {
  83. position:fixed;
  84. left:700px;
  85. bottom:0px; }
  86.  
  87.  
  88. @font-face { font-family: "oned"; src: url('http://static.tumblr.com/ngzxdtm/KNvm7cgvr/onedirection.ttf'); }
  89.  
  90. iframe#tumblr_controls {
  91. top: 0% !important;
  92. right:0% !important;
  93. position: fixed !important;}
  94.  
  95.  
  96. ::-webkit-scrollbar {
  97. height: 12px;
  98. width: 12px;
  99. }
  100.  
  101. ::-webkit-scrollbar-thumb {
  102. background-color:{color:scrollbar};
  103. }
  104.  
  105. ::-webkit-scrollbar-track{
  106. background-color:{color:background};opacity:0;
  107. }
  108.  
  109. ::-webkit-scrollbar-buttom{
  110. background-color:{color:background};
  111. }
  112. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:{font:body}; font-size:10px; line-height:100%; text-align:justify;word-wrap: break-word;}
  113.  
  114. a:link, a:active, a:visited{color: {color:linkcolor}; text-decoration:none}
  115. a:hover{color:{color:linkhover}}
  116.  
  117. small{font-size:9px}
  118. big{font-size:14px}
  119. b, strong{color:{color:text}}
  120. i, em {color:{color:text}}
  121. p{margin-top:5px; margin-bottom:5px}
  122. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  123.  
  124. img a{border:none; width:100%}
  125.  
  126.  
  127.  
  128. #entries {margin: 10px 0 0px 195px; float:left; text-align: justify}
  129.  
  130. #entry {margin: 0px 0 0px 0; width: 500px; background-color:{color:background}; text-align: justify; padding: 10px}
  131.  
  132. #title {font-family: oned; font-size:30px; text-transform:lowercase; letter-spacing:0px; line-height:100%;}
  133.  
  134. #sidebar {top: 50px; margin-left:5px; padding:0px; width: 250px; position:fixed; font-family:{font:body}}
  135.  
  136. #description {background-color:transparent; font-family:calibri; padding-top:1px; width:190px; margin-top:-20px; margin-bottom:5px; text-align:center; line-height:100%; font-size:10px; }
  137. #description img {max-width:180px;padding-top:2px;padding-bottom:2px}
  138.  
  139. {block:description}#stext {background:{color:linkbar};text-align:center; font-family: {font:body}; font-size: 10px; padding:6px; border-bottom:1px dotted {color:linkcolor};}{/block:description}
  140.  
  141. #pagination {font-family:calibri; text-align:center; font-size:9px; margin-bottom:2px; text-transform:none}
  142.  
  143. #links {background-color:{color:linkbar}; margin-bottom:6px; font-family:calibri; text-align:center; font-size:10px; text-transform:lowercase; font-weight:none; padding:5px; border-top: 5px solid {color:background}; border-bottom: 1px dotted {color:linkcolor}}
  144. #linkss {background-color:transparent; width: auto; margin-top:3px; font-family:calibri; text-align:center; font-size:10px; text-transform:lowercase; font-weight:none; padding:1px;}
  145.  
  146. h1{color:{color:text}; font-family:{font:title}; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:bold; text-transform:none; margin:0px; padding:0px; text-align:left}
  147.  
  148. h2{color:{color:title}; font-family:{font:title}; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:0px; margin-bottom:-0px; text-align:left}
  149.  
  150. #info {background-color:{color:entry}; font-family:{font:body}; text-align:center; margin:7px 2px 2px 0px; padding:5px; text-transform:lowercase; font-style:none; font-size:10px; width:492px; border-bottom: 1px dotted {color:linkcolor}}
  151.  
  152. #tags {background-color:transparent; font-family:{font:body}; text-align:center; margin:3px 4px 2px 0px; padding:2px; text-transform:lowercase; font-style:none; font-size:9px; width:498px;}
  153.  
  154. #questions {background-color:{color:linkbar}; color: {color:text}; padding:5px; margin-top: 4px; margin-bottom:2px; font-family:calibri; font-size:10px; text-align:center;}
  155.  
  156. #pagination {font-family:calibri; text-align:center; font-size:9px; margin-bottom:2px; text-transform:none}
  157.  
  158. .audio{background-color:black; display:block}
  159.  
  160. .user_1 .label {color:{color:link}; font-weight:bold}
  161. .user_2 .label {color:{color:text}; font-weight:bold}
  162. .user_3 .label {color:{color:link}; font-weight:bold}
  163. .user_4 .label {color:{color:text}; font-weight:bold}
  164. .user_5 .label {color:{color:link}; font-weight:bold}
  165. .user_6 .label {color:{color:text}; font-weight:bold}
  166. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  167.  
  168. .notes img{width:10px; position:relative; top:1px}
  169. ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  170.  
  171. .onething {
  172. position:fixed;
  173. left:800px;
  174. top:40px; }
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183.  
  184. </style>
  185.  
  186.  
  187.  
  188.  
  189.  
  190.  
  191.  
  192.  
  193.  
  194.  
  195. <style type="text/css">{CustomCSS}</style>
  196. </head>
  197.  
  198. <body>
  199.  
  200.  
  201.  
  202. {block:ifshowthemecredit}<div class="cred"><a href="http://showerofthemes.tumblr.com/">theme</a></div>{/block:ifshowthemecredit}
  203.  
  204.  
  205. <div id="container">
  206. <div id="sidebar">
  207. <div id="description">
  208. <div id="links">
  209. <div id="title"><a href="/">{title}</a></div><br>
  210. <a href="/">home</a>&nbsp;
  211. <a href="{text:ask page url}">MESSAGE</a>&nbsp;
  212. <a href="{text:about page url}">about</a>&nbsp;
  213. <center><img src="{image:sidebar}"></center>
  214. <div id="linkss">
  215. <a href="{text:link 1 url}">{text:link 1}</a>&nbsp;
  216. <a href="{text:link 2 url}">{text:link 2}</a>&nbsp;
  217. <a href="{text:link 3 url}">{text:link 3}</a>&nbsp;
  218. <a href="{text:link 4 url}">{text:link 4}</a>&nbsp;</div></div>
  219. <div id="stext">{Description}</div><br>
  220. <div id="pagination">{block:Pagination}
  221. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  222.  
  223. {block:JumpPagination length="5"}
  224.  
  225. {block:CurrentPage}<span class="current_page" style="padding-right:6px;">{PageNumber}</span>{/block:CurrentPage}
  226.  
  227. {block:JumpPage}<a class="jump_page" style="padding-right:6px;" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  228.  
  229. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  230. {/block:Pagination}</div>
  231. </div></div>
  232.  
  233.  
  234. <div id="entries">
  235. {block:Posts}
  236. <div id="entry">
  237.  
  238. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  239.  
  240. {block:Quote}<h2>“{Quote}”<br> — {Source}</h2>{/block:Quote}
  241.  
  242. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  243. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  244.  
  245. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  246. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  247.  
  248. {block:Photoset}<center>{Photoset-500}</center>
  249. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  250.  
  251. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  252.  
  253. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  254.  
  255. {block:Answer}<div id="questions"><b>{Asker} wondered:</b> <br>{Question}</div>
  256. {Answer}{/block:answer}
  257.  
  258. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  259.  
  260. <div id="info">{block:Date}shared <a href="{Permalink}">{TimeAgo}</a> on {month}/{dayofmonth}/{year}{/block:Date}{block:NoteCount}, with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}.<br>{block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>, {/block:RebloggedFrom}{block:ContentSource}originally from <a href="{SourceURL}">{SourceLink}</a>.{/block:ContentSource}<br>{block:HasTags}{block:Tags}♥ <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  261.  
  262. </div>
  263.  
  264. <br />
  265.  
  266. {/block:Posts}
  267.  
  268. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  269.  
  270. </div></div>
  271.  
  272.  
  273.  
  274. {block:if1Dbadge}<a style="position:fixed;z-index:1999; !important;bottom:-5px;right:0px;" target="_blank" class="trans_col"><img src="http://static.tumblr.com/kppkhmy/My2m7jx4n/oned.png" width="175" border="0"></a>{/block:if1Dbadge2}
  275.  
  276. {block:ifUse1DCursor}<style> body, a, a:hover { cursor:url(http://i1143.photobucket.com/albums/n635/1dners/ravishing-beautePC.png), auto }</style>{/block:ifUse1DCursor}
  277.  
  278. {block:iffireworks}
  279. <div class="fireworks">
  280.  
  281. <script type="text/javascript">
  282.  
  283. // <![CDATA[
  284.  
  285. var bits=80; // how many bits
  286.  
  287. var speed=25; // how fast - smaller is faster
  288.  
  289. var bangs=6; // how many can be launched simultaneously (note that using too many can slow the script down)
  290.  
  291. var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cf", "#f93", "#f0c");
  292.  
  293. // blue red green purple cyan orange pink
  294.  
  295.  
  296.  
  297.  
  298. var bangheight=new Array();
  299.  
  300. var intensity=new Array();
  301.  
  302. var colour=new Array();
  303.  
  304. var Xpos=new Array();
  305.  
  306. var Ypos=new Array();
  307.  
  308. var dX=new Array();
  309.  
  310. var dY=new Array();
  311.  
  312. var stars=new Array();
  313.  
  314. var decay=new Array();
  315.  
  316. var swide=400;
  317.  
  318. var shigh=500;
  319.  
  320. var boddie;
  321.  
  322.  
  323.  
  324. window.onload=function() { if (document.getElementById) {
  325.  
  326. var i;
  327.  
  328. boddie=document.createElement("div");
  329.  
  330. boddie.style.position="fixed";
  331.  
  332. boddie.style.top="0px";
  333.  
  334. boddie.style.left="0px";
  335.  
  336. boddie.style.overflow="visible";
  337.  
  338. boddie.style.width="1px";
  339.  
  340. boddie.style.height="1px";
  341.  
  342. boddie.style.backgroundColor="transparent";
  343.  
  344. document.body.appendChild(boddie);
  345.  
  346. set_width();
  347.  
  348. for (i=0; i<bangs; i++) {
  349.  
  350. write_fire(i);
  351.  
  352. launch(i);
  353.  
  354. setInterval('stepthrough('+i+')', speed);
  355.  
  356. }
  357.  
  358. }}
  359.  
  360.  
  361.  
  362. function write_fire(N) {
  363.  
  364. var i, rlef, rdow;
  365.  
  366. stars[N+'r']=createDiv('|', 12);
  367.  
  368. boddie.appendChild(stars[N+'r']);
  369.  
  370. for (i=bits*N; i<bits+bits*N; i++) {
  371.  
  372. stars[i]=createDiv('*', 13);
  373.  
  374. boddie.appendChild(stars[i]);
  375.  
  376. }
  377.  
  378. }
  379.  
  380.  
  381.  
  382. function createDiv(char, size) {
  383.  
  384. var div=document.createElement("div");
  385.  
  386. div.style.font=size+"px monospace";
  387.  
  388. div.style.position="absolute";
  389.  
  390. div.style.backgroundColor="transparent";
  391.  
  392. div.appendChild(document.createTextNode(char));
  393.  
  394. return (div);
  395.  
  396. }
  397.  
  398.  
  399.  
  400. function launch(N) {
  401.  
  402. colour[N]=Math.floor(Math.random()*colours.length);
  403.  
  404. Xpos[N+"r"]=swide*0.8;
  405.  
  406. Ypos[N+"r"]=shigh-7;
  407.  
  408. bangheight[N]=Math.round((0.5+Math.random())*shigh*0.4);
  409.  
  410. dX[N+"r"]=(Math.random()-0.5)*swide/bangheight[N];
  411.  
  412. if (dX[N+"r"]>1.25) stars[N+"r"].firstChild.nodeValue="/";
  413.  
  414. else if (dX[N+"r"]<-1.25) stars[N+"r"].firstChild.nodeValue="\\";
  415.  
  416. else stars[N+"r"].firstChild.nodeValue="|";
  417.  
  418. stars[N+"r"].style.color=colours[colour[N]];
  419.  
  420. }
  421.  
  422.  
  423.  
  424. function bang(N) {
  425.  
  426. var i, Z, A=0;
  427.  
  428. for (i=bits*N; i<bits+bits*N; i++) {
  429.  
  430. Z=stars[i].style;
  431.  
  432. Z.left=Xpos[i]+"px";
  433.  
  434. Z.top=Ypos[i]+"px";
  435.  
  436. if (decay[i]) decay[i]--;
  437.  
  438. else A++;
  439.  
  440. if (decay[i]==15) Z.fontSize="7px";
  441.  
  442. else if (decay[i]==7) Z.fontSize="2px";
  443.  
  444. else if (decay[i]==1) Z.visibility="hidden";
  445.  
  446. Xpos[i]+=dX[i];
  447.  
  448. Ypos[i]+=(dY[i]+=1.25/intensity[N]);
  449.  
  450. }
  451.  
  452. if (A!=bits) setTimeout("bang("+N+")", speed);
  453.  
  454. }
  455.  
  456.  
  457.  
  458. function stepthrough(N) {
  459.  
  460. var i, M, Z;
  461.  
  462. var oldx=Xpos[N+"r"];
  463.  
  464. var oldy=Ypos[N+"r"];
  465.  
  466. Xpos[N+"r"]+=dX[N+"r"];
  467.  
  468. Ypos[N+"r"]-=4;
  469.  
  470. if (Ypos[N+"r"]<bangheight[N]) {
  471.  
  472. M=Math.floor(Math.random()*3*colours.length);
  473.  
  474. intensity[N]=5+Math.random()*4;
  475.  
  476. for (i=N*bits; i<bits+bits*N; i++) {
  477.  
  478. Xpos[i]=Xpos[N+"r"];
  479.  
  480. Ypos[i]=Ypos[N+"r"];
  481.  
  482. dY[i]=(Math.random()-0.5)*intensity[N];
  483.  
  484. dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
  485.  
  486. decay[i]=16+Math.floor(Math.random()*16);
  487.  
  488. Z=stars[i];
  489.  
  490. if (M<colours.length) Z.style.color=colours[i%2?colour[N]:M];
  491.  
  492. else if (M<2*colours.length) Z.style.color=colours[colour[N]];
  493.  
  494. else Z.style.color=colours[i%colours.length];
  495.  
  496. Z.style.fontSize="13px";
  497.  
  498. Z.style.visibility="visible";
  499.  
  500. }
  501.  
  502. bang(N);
  503.  
  504. launch(N);
  505.  
  506. }
  507.  
  508. stars[N+"r"].style.left=oldx+"px";
  509.  
  510. stars[N+"r"].style.top=oldy+"px";
  511.  
  512. }
  513.  
  514.  
  515.  
  516. window.onresize=set_width;
  517.  
  518. function set_width() {
  519.  
  520. var sw_min=999999;
  521.  
  522. var sh_min=999999;
  523.  
  524. if (document.documentElement && document.documentElement.clientWidth) {
  525.  
  526. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  527.  
  528. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  529.  
  530. }
  531.  
  532. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  533.  
  534. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  535.  
  536. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  537.  
  538. }
  539.  
  540. if (document.body.clientWidth) {
  541.  
  542. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  543.  
  544. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  545.  
  546. }
  547.  
  548. if (sw_min==999999 || sh_min==999999) {
  549.  
  550. sw_min=800;
  551.  
  552. sh_min=600;
  553.  
  554. }
  555.  
  556. swide=sw_min;
  557.  
  558. shigh=sh_min;
  559.  
  560. }
  561.  
  562. // ]]>
  563.  
  564. </script>
  565. </div>{/block:iffireworks}
  566.  
  567.  
  568.  
  569. <div class="onething"><img src="http://static.tumblr.com/kppkhmy/hzum7zsih/one_thing.png"/></div>
  570.  
  571.  
  572. </body>
  573.  
  574. </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!