API tools faq
paste
Advertisement
Alliecatisallama

Deck the Halls theme 3

Alliecatisallama
Dec 10th, 2012
245
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.10 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. Deck the Halls Theme #3 by Seede-r/Alliecatisallama
  4. Please do not claim as your own or use as a base.
  5. -->
  6.  
  7. <!-- DEFAULT VARIABLES -->
  8.  
  9.  
  10. <meta name="color:text" content="#0e0d0d"/>
  11. <meta name="color:link" content="#0e0d0d"/>
  12. <meta name="color:scrollbackground" content="#fcfcfc"/>
  13. <meta name="color:scroll" content="#443f3f">
  14. <meta name="color:paginationbg" content="#ebe9e9">
  15.  
  16. <meta name="image:sidebar" content=""/>
  17. <meta name="text:Link 1" content="link" />
  18. <meta name="text:Link 1 URL" content="/" />
  19. <meta name="text:Link 2" content="link" />
  20. <meta name="text:Link 2 URL" content="/" />
  21. <meta name="text:Link 3" content="link" />
  22. <meta name="text:Link 3 URL" content="/" />
  23. <meta name="text:Link 4" content="link" />
  24. <meta name="text:Link 4 URL" content="/" />
  25.  
  26. <head>
  27.  
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. <link rel="title" href="{title}">
  32. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33.  
  34. <style type="text/css">
  35.  
  36. ::-webkit-scrollbar {
  37. width: 5px;}
  38.  
  39. ::-webkit-scrollbar-track {
  40. background-color:{color:scrollbackground};}
  41.  
  42. ::-webkit-scrollbar-thumb {
  43. background-color:{color:scroll};
  44. }
  45.  
  46.  
  47. #container {
  48. width:750px;
  49. text-align: center;
  50. margin: 0 auto 0px auto;
  51. }
  52.  
  53. body {
  54. background:{color:background};
  55. margin:2px;
  56. color:{color:text};
  57. font-family:calibri;
  58. font-size:12px;
  59. line-height:100%;
  60. font-style: none;}
  61.  
  62. a:link, a:visited, a:active {
  63. color: {color:link};
  64. text-decoration: none;}
  65.  
  66. #entries {
  67. position: relative;
  68. float:left;
  69. width:650px;
  70. top:0px;
  71. text-align:justify;
  72. left:190px;
  73. padding:40px;}
  74.  
  75. h1 {
  76. font-size:12px;}
  77.  
  78. h1 a {
  79. -webkit-transition: all 0.9s ease;
  80. -moz-transition: all 0.9s ease;
  81. -o-transition: all 0.9s ease;}
  82.  
  83. .source {
  84. font-size:12px;
  85. font-style:uppercase;}
  86.  
  87. .quote {
  88. font-size:14px;
  89. font-style:italic;}
  90.  
  91.  
  92. .chat{
  93. font-size:12px;
  94. text-transform:lowercase;
  95. line-height:12px;
  96. letter-spacing:2px;
  97. font-style:italic;}
  98.  
  99. #posts {
  100. margin-bottom:0px;
  101. width:500px;
  102. padding:0px;
  103. margin-top: 3px;}
  104.  
  105.  
  106. .info {
  107. text-transform:uppercase;
  108. font-family:consolas;
  109. letter-spacing:2px;
  110. line-height:13px;
  111. font-size:10px;
  112. display:block;
  113. width:520px;
  114. margin-top:3px;
  115. position:absolute;
  116. margin-left:0px;
  117. text-align:center;
  118. }
  119.  
  120. blockquote {
  121. padding-left:9px;
  122. border-left:3px solid;
  123. margin:1px 3px 1px 5px;}
  124.  
  125. #info a:link {
  126. color:{color:link};}
  127.  
  128.  
  129. #ask {
  130. float:right;
  131. margin-right:7px;}
  132.  
  133. #pagination {
  134. margin-top:270px;
  135. margin-left:120px;
  136. position: fixed;
  137. font-size:9px;
  138. text-transform:none;
  139. text-transform: lowercase;
  140. background-color: {color:paginationbg};}
  141.  
  142. #title {
  143. width:250px;
  144. position:fixed;
  145. font-family: consolas;
  146. margin-top:195px;
  147. margin-left:-80px;
  148. text-transform:uppercase;
  149. font-size:15px;
  150. text-align: center;}
  151.  
  152. #sidebar {
  153. width:250px;
  154. position:fixed;
  155. margin-top:200px;
  156. margin-left: -90px;
  157. padding:10px;}
  158.  
  159. #sidebarimage {
  160. width 250px;
  161. margin-left: 6px;}
  162.  
  163. #tree {
  164. width 250px;
  165. margin-left: 6px;}
  166.  
  167. .description:hover{
  168. opacity:0.9;
  169. -webkit-transition: all 0.9s ease;
  170. -moz-transition: all 0.9s ease;
  171. -o-transition: all 0.9s ease;
  172. margin-top: 0px;}
  173.  
  174.  
  175. .description {
  176. font-family: calibri;
  177. font-size: 11px;
  178. color: {color:text}
  179. margin-left: 6px;
  180. text-align: center;
  181. padding:6px;
  182. width:240px;
  183. margin-top: 0px;
  184. opacity:0;
  185. -webkit-transition: all 0.8s ease;
  186. -moz-transition: all 0.8s ease;
  187. -o-transition: all 0.8s ease;}
  188.  
  189. .links{
  190. font-family: consolas;
  191. font-size: 9px;
  192. margin-top: -3px;
  193. margin-left: 6px;
  194. letter-spacing: 2px;
  195. font-style:italic;
  196. padding: 5px;
  197. width: 240px;
  198. line-height: 9px;
  199. text-align:center;
  200. border-bottom: 1px solid; opacity:0.8;}
  201.  
  202. #theme {
  203. position: fixed;
  204. bottom: 0px;
  205. right: 0px;
  206. font-family: Arial;
  207. font-size: 8px;
  208. text-transform: uppercase;
  209. text-align: right;
  210. letter-spacing: 1px;
  211. }
  212.  
  213. iframe#tumblr_controls {
  214. top: 0% !important;
  215. right:0% !important;
  216. opacity:0.3;
  217. position: fixed !important;
  218. filter:alpha(opacity=30);
  219. -webkit-transition: all 0.7s ease;
  220. -moz-transition: all 0.7s ease;
  221. -o-transition: all 0.7s ease;}
  222.  
  223. iframe#tumblr_controls:hover{
  224. top: 0% !important;
  225. right:0% !important;
  226. opacity:0.8;
  227. position: fixed !important;
  228. filter:alpha(opacity=80);
  229. -webkit-transition: all 0.7s ease;
  230. -moz-transition: all 0.7s ease;
  231. -o-transition: all 0.7s ease;}
  232.  
  233. {CustomCSS}
  234.  
  235. </style>
  236.  
  237.  
  238. </head>
  239.  
  240. <body>
  241. <div id="container">
  242. <div id="sidebar">
  243. <div id="sidebarimage"><a href="/"></a><img src="{image:sidebar}" <img src="b.jpg" style="position: absolute; top: 35px; left: 15px;"/></div>
  244. <div id="tree"><a href="/"></a><img src="http://24.media.tumblr.com/a2668f9bb1a1aa719ca7da4bbfa60f26/tumblr_mesrx1qBTw1rjijzao1_250.png" <img src="b.jpg" style="position: absolute; top: 35px; left: 15px;"/></div>
  245. <div class="links"><a href="/">home</a>
  246. <a href="/ask">ask</a>
  247. {block:IfLink1} <a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
  248. {block:IfLink2} <a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
  249. {block:IfLink3} <a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
  250. {block:IfLink4} <a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:IfLink4}</div>
  251. <div class="description">
  252. {Description}
  253. </div>
  254. <br>
  255. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><em>back</em></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"><em>next</em></a>{/block:NextPage}{/block:Pagination}</div>
  256.  
  257. </div>
  258. <div id="title"><a href="/"><em>{title}<em></a></div>
  259. <div id="entries">
  260.  
  261. {block:Posts}
  262. <div id="posts">
  263.  
  264.  
  265.  
  266. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  267.  
  268. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  269.  
  270. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  271.  
  272. {block:Quote} <big>|</big>{Quote} <br>{block:Source} - <em>{Source}</em>{/block:Source}{/block:Quote}
  273.  
  274. {block:Link}<h1>&raquo; <a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  275.  
  276. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  277.  
  278. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  279.  
  280. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  281.  
  282. {block:Answer}<div class="question"><b>{Asker}</b> asked: {Question}</div>
  283. {Answer}{/block:Answer}
  284.  
  285. <div id="info">
  286. <div style="font: 8px consolas;text-transform:uppercase;padding:5px;margin-top:8px;">{block:Date} <a href="{Permalink}">{Timeago}</a>{/block:Date} {block:RebloggedFrom} <a href="{ReblogParentURL}"> via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"> <a href="{SourceURL}"> source</a>{/block:ContentSource} {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} <a href="{Permalink}">with {NoteCount}</a></div><BR><div class="tags">
  287. {block:HasTags}
  288.  
  289. <div class="tags" style="font-size: 8px; text-transform:uppercase; margin-top:-15px;margin-left:20px;"> <big> # </big> {block:Tags} <a href="{TagURL}">{Tag}</a> &nbsp;&nbsp;{/block:Tags} </div>{/block:HasTags}
  290.  
  291. {block:PostNotes}
  292. <div id="postnotes">{PostNotes}</div></div>
  293. {/block:PostNotes}
  294.  
  295. </div></div>
  296. <br>
  297. {/block:Posts}
  298.  
  299. <div id="theme"></a><a href="http://seede-r.tumblr.com/"><img src="http://i1065.photobucket.com/albums/u386/AHT_Livingston/Untitled-2.png?t=1344121641"></a></div>
  300.  
  301. </div>
  302. </div>
  303.  
  304.  
  305.  
  306.  
  307.  
  308. </div>
  309.  
  310.  
  311. </div>
  312. </div>
  313.  
  314. <script type="text/javascript">
  315.  
  316. // change #ffffff, etc to whatever hex colors you want. you can delete/add as many as you want. keep the quotes!//
  317. var snowcolor=new Array("#ffffff", "#ffffff")
  318. var snowmax=30
  319. var snowtype=new Array("Times")
  320. var snowletter="❄" //this is where you can change the character/letter used in the snow. you can find a bunch at fsymbols.com/all and again, keep the quotes//
  321. var sinkspeed=0.8 //how quickly it falls; goes from 0 to 1 in decimals//
  322. var snowmaxsize=20 //the largest font size the snow can be//
  323. var snowminsize=8 //the smallest font size the snow can be//
  324. var snowingzone=1
  325.  
  326. // don't edit anything under here because it won't work then! //
  327. var snow=new Array()
  328. var marginbottom
  329. var marginright
  330. var timer
  331. var i_snow=0
  332. var x_mv=new Array();
  333. var crds=new Array();
  334. var lftrght=new Array();
  335. var browserinfos=navigator.userAgent
  336. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  337. var ns6=document.getElementById&&!document.all
  338. var opera=browserinfos.match(/Opera/)
  339. var browserok=ie5||ns6||opera
  340.  
  341. function randommaker(range) {
  342. rand=Math.floor(range*Math.random())
  343. return rand
  344. }
  345.  
  346. function initsnow() {
  347. if (ie5 || opera) {
  348. marginbottom = document.body.scrollHeight
  349. marginright = document.body.clientWidth-15
  350. }
  351. else if (ns6) {
  352. marginbottom = document.body.scrollHeight
  353. marginright = window.innerWidth-15
  354. }
  355. var snowsizerange=snowmaxsize-snowminsize
  356. for (i=0;i<=snowmax;i++) {
  357. crds[i] = 0;
  358. lftrght[i] = Math.random()*15;
  359. x_mv[i] = 0.03 + Math.random()/10;
  360. snow[i]=document.getElementById("s"+i)
  361. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  362. snow[i].size=randommaker(snowsizerange)+snowminsize
  363. snow[i].style.fontSize=snow[i].size+'px';
  364. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  365. snow[i].style.zIndex=1000
  366. snow[i].sink=sinkspeed*snow[i].size/5
  367. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  368. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  369. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  370. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  371. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  372. snow[i].style.left=snow[i].posx+'px';
  373. snow[i].style.top=snow[i].posy+'px';
  374. }
  375. movesnow()
  376. }
  377.  
  378. function movesnow() {
  379. for (i=0;i<=snowmax;i++) {
  380. crds[i] += x_mv[i];
  381. snow[i].posy+=snow[i].sink
  382. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  383. snow[i].style.top=snow[i].posy+'px';
  384.  
  385. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  386. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  387. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  388. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  389. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  390. snow[i].posy=0
  391. }
  392. }
  393. var timer=setTimeout("movesnow()",50)
  394. }
  395.  
  396. for (i=0;i<=snowmax;i++) {
  397. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  398. }
  399. if (browserok) {
  400. window.onload=initsnow
  401. }
  402.  
  403. </script>
  404. </body></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!