API tools faq
paste
Advertisement
redtour

Christmas Theme

redtour
Nov 29th, 2013
771
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.86 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. <!-- redtour.tumblr.com christmas theme :) -->
  4. <!-- keep the credit intact -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8.  
  9. <head>
  10.  
  11. <meta name="color:link" content="#515151">
  12. <meta name="color:hover" content="#f3f3f3">
  13. <meta name="color:text" content="#9a9a9a">
  14. <meta name="color:tags" content="#9a9a9a">
  15. <meta name="color:scrollbar" content="#9a9a9a">
  16. <meta name="color:border" content="#e2e2e2">
  17. <meta name="color:sbborder" content= "#e3dede">
  18.  
  19. <meta name="image:sidebar" content=""/>
  20.  
  21. <meta name="text:Link 1 Title" content="">
  22. <meta name="text:Link 1 URL" content="/">
  23. <meta name="text:Link 2 Title" content="">
  24. <meta name="text:Link 2 URL" content="/">
  25. <meta name="text:Link 3 Title" content="">
  26. <meta name="text:Link 3 URL" content="/">
  27.  
  28. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  29. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30. <link rel="shortcut icon" href="{Favicon}" />
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  32.  
  33. <style type="text/css">
  34.  
  35. a {
  36. color:{color:link};
  37. text-decoration:none;
  38. -moz-transition-duration:0.5s;
  39. -webkit-transition-duration:0.5s;
  40. -o-transition-duration:0.5s;
  41. }
  42.  
  43. a:hover {
  44. text-decoration:underline;
  45. -moz-transition-duration:0.7s;
  46. -webkit-transition-duration:0.7s;
  47. -o-transition-duration:0.7s;
  48. }
  49.  
  50.  
  51. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:4px}
  52. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  53. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  54.  
  55. body {
  56. background:url('http://img90.imageshack.us/img90/3152/lightsn.gif') repeat-x top center;
  57. font-family:arial;
  58. font-weight:normal;
  59. font-size:11px;
  60. }
  61.  
  62.  
  63.  
  64.  
  65. h1 {
  66. font-weight:normal;
  67. font-size:10px;
  68. text-align:center;
  69. font-style:normal;
  70. line-height:80%;
  71. letter-spacing:1px;
  72. text-transform:uppercase;
  73. color:{color:text};
  74. }
  75.  
  76. h2 {
  77. font-size:15px;
  78. text-align:center;
  79. line-height:100%;
  80. letter-spacing:-0.5px;
  81. color:{color:text};
  82. font-weight:normal;
  83. padding:5px;
  84. padding-bottom:2px;
  85. }
  86.  
  87.  
  88. blockquote {
  89. border-left:2px solid {color:text};
  90. padding-left:10px;
  91. margin:10px;
  92. }
  93.  
  94. #theme {
  95. background-color:{color:background};
  96. width:700px;
  97. margin: 0 auto -12px auto;
  98. text-align: center;
  99. }
  100.  
  101. #sidebar {
  102. color:{color:text};
  103. background:;
  104. position:fixed;
  105. width:200px
  106. height:200px;
  107. margin-top:220px;
  108. margin-left:-150px;
  109. text-align:center;
  110. background:#fff;
  111. }
  112.  
  113. #sidebar img {
  114. width:180px;
  115. height:180px;
  116. margin-bottom:65px;
  117. position:center;
  118. padding:3px;
  119. border:1px solid {color:sbborder};
  120. }
  121.  
  122.  
  123. .links {
  124. position:center;
  125. padding:0px;
  126. width:180px;
  127. margin-bottom:10px;
  128. margin-top:-66px;
  129. margin-left:4px;
  130. font-size:20px;
  131. text-transform:uppercase;
  132. text-align:center;
  133. letter-spacing:1px;
  134. line-height:140%;
  135. border-bottom:1px solid {color:sbborder};
  136. }
  137.  
  138. .links a{
  139. padding:0px;
  140. color:{color:links};
  141. letter-spacing:-1px;
  142. text-decoration:none;
  143. -moz-transition-duration:.9s;
  144. -webkit-transition-duration:.9s;
  145. -o-transition-duration:.9s;
  146. }
  147.  
  148. .links a:hover{
  149. text-decoration:;
  150. color:{color:hover};
  151. -moz-transition-duration:.9s;
  152. -webkit-transition-duration:.9s;
  153. -o-transition-duration:.9s;
  154. }
  155.  
  156. .desc {
  157. width:180px;
  158. margin-top:-4px;
  159. margin-left:2px;
  160. text-align:center;
  161. font-size:11px;
  162. color:{color:text};
  163. letter-spacing:0px;
  164. line-height:110%;
  165. }
  166.  
  167. .desc a:hover{
  168. color:{color:link};
  169. }
  170.  
  171. .pagi {
  172. text-transform:none;
  173. line-height: 200%;
  174. text-align:center;
  175. font-size: 10px;
  176. color:{color:text};
  177. }
  178.  
  179. .pagi a:hover{
  180. text-decoration:underline;
  181. }
  182.  
  183. #stuffcontainer {
  184. float:left;
  185. margin-left:200px;
  186. margin-top:20px;
  187. text-align:justify;
  188. background-color:{color:bg};
  189. color:{color:text};
  190. }
  191.  
  192.  
  193. #stuff {
  194. width:500px;
  195. margin-top:65px;
  196. margin-bottom:35px;
  197. margin-left:-25px;
  198. text-align:justify;
  199. font-size:10px;
  200. line-height:100%;
  201. letter-spacing:0x;
  202. color:{color:text};
  203. }
  204.  
  205. .caption {
  206. width:500px;
  207. font-size:10px;
  208. text-align:justify;
  209. line-height:100%;
  210. }
  211.  
  212. .ask {
  213. padding:10px;
  214. text-align:left;
  215. color:{color:text};
  216. background-color:{color:infobg};
  217. }
  218.  
  219. #ask {
  220. float:left;
  221. margin-left:5px;
  222. }
  223.  
  224. .audio {
  225. width:500px;
  226. padding-bottom:2px;
  227. background-color:{color:infobg};
  228. }
  229.  
  230. .albumart {
  231. float:left;
  232. padding:0px 10px 10px 0px;
  233. }
  234.  
  235. .albumart img {
  236. width:50px;
  237. height:50px;
  238. }
  239.  
  240. .playercontainer {
  241. text-align:left;
  242. padding:10px;
  243. background-color:#ffffff;
  244. width:480px;
  245. }
  246.  
  247. .audioinfo {
  248. font-size:10px;
  249. padding:10px;
  250. color:{color:text};
  251. }
  252.  
  253. #postinfo {
  254. padding:4px;
  255. font-size:10px;
  256. color:{color:link};
  257. text-transform:lowercase;
  258. letter-spacing:0px;
  259. text-align:center;
  260. line-height:130%;
  261. border-top:1px solid {color:border};
  262. -moz-transition-duration:0.5s;
  263. -webkit-transition-duration:0.5s;
  264. -o-transition-duration:0.5s;
  265. margin-top:5px;
  266. margin-bottom:5px;
  267. }
  268.  
  269. #postinfo a {
  270. color:{color:link};
  271. text-align:center;
  272. letter-spacing:0px;
  273. font-style:normal;
  274. margin-bottom:5px;
  275. }
  276.  
  277. #postinfo a:hover {
  278. text-decoration:underline;
  279. }
  280.  
  281. .note {
  282. text-transform:lowercase;
  283. font-style:normal;
  284. letter-spacing:0px;
  285. font-size: 10px;
  286. text-align:left;
  287. line-height:70%;
  288. margin-left:-20px;
  289. }
  290.  
  291. .note li {
  292. list-style-type:none;
  293. border-bottom:1px solid {color:border};
  294. padding:10px 25px 10px 25px;
  295. text-align:left;
  296. margin:0px;
  297. -moz-transition-duration:0.5s;
  298. -webkit-transition-duration:0.5s;
  299. -o-transition-duration:0.5s;
  300. }
  301.  
  302. .tags {
  303. font-style:normal;
  304. width:500px;
  305. text-transform:normal;
  306. font-style:normal;
  307. color:{color:tags};
  308. letter-spacing:2px;
  309. line-height:120%;
  310. font-size:10px;
  311. text-align:center;
  312. padding:2px;
  313. -moz-transition-duration:0.5s;
  314. -webkit-transition-duration:0.5s;
  315. -o-transition-duration:0.5s;
  316. margin-top:-10px;
  317. margin-left:3px;
  318. }
  319.  
  320. .tags a {
  321. color:{color:tags};
  322. letter-spacing:0px;
  323. padding:1px;
  324. }
  325.  
  326. .tags a:hover {
  327. text-decoration:underline;
  328. }
  329.  
  330. ul.chat, .chat ol, .chat li {
  331. list-style:none;
  332. margin:0px;
  333. padding:2px;
  334. }
  335.  
  336. .label {
  337. text-decoration:underline;
  338. font-weight:700;
  339. background-color:{color:infobg};
  340. margin-right:5px;
  341. }
  342.  
  343. #cred {
  344. position:fixed;
  345. font-size:8px;
  346. opacity:40;
  347. color:{color:text};
  348. letter-spacing:1px;
  349. right:7px;
  350. bottom:10px;
  351. text-transform:uppercase;
  352. text-align:center;
  353. background-color:#fff;
  354. border:1px solid #d3d7da;
  355. padding:2px;
  356. }
  357.  
  358. {CustomCSS}
  359.  
  360. </style></head>
  361.  
  362. <body>
  363. <div id="theme">
  364. <div id="sidebar">
  365. <img src="{image:sidebar}">
  366. <div class="links">
  367. <a href="/" title="home">❄</a> ∙
  368. <a href="/ask" title="ask">❄</a> ∙
  369. <a href="{text:Link 1 URL}" title="{text:Link 1 Title}">❄</a> ∙
  370. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}">❄</a> ∙
  371. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}">❄</a>
  372.  
  373. </div>
  374. <div class="desc">
  375. {Description}
  376. </div>
  377. {block:Pagination}
  378. <div class="pagi">
  379. {block:PreviousPage}
  380. <a href="{PreviousPage}">previous</a>
  381. {/block:PreviousPage}
  382. ―
  383. {block:NextPage}
  384. <a href="{NextPage}">next</a>
  385. {/block:NextPage}
  386. </div>
  387. {/block:Pagination}
  388. </div>
  389.  
  390. <div id="stuffcontainer">
  391.  
  392. {block:Posts}
  393.  
  394. <div id="stuff">
  395.  
  396. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  397.  
  398. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  399.  
  400. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  401. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  402.  
  403. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  404.  
  405. {block:Photoset}<center>{Photoset-500}</center>
  406. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  407.  
  408. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  409.  
  410. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  411.  
  412. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="border-radius:90px; opacity:.85;margin-left:0px;"></div> &nbsp;{Asker} said:<br> &nbsp; "{Question}"<br><br>{Answer}{/block:Answer}
  413.  
  414. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  415. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  416. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  417. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  418. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  419.  
  420.  
  421.  
  422. {block:Date}<div id="postinfo"> posted <a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} - <a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
  423. {block:ContentSource} / <a href="{SourceURL}">Source</a>{/block:ContentSource}</div>{/block:Date}
  424. {block:HasTags}
  425. <div class="tags">
  426. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  427. {/block:HasTags}
  428. <div class="note">
  429. {block:PostNotes}{PostNotes}{/block:PostNotes}
  430. </div>
  431. </div>
  432. {/block:Posts}
  433.  
  434.  
  435. </div>
  436.  
  437. <div id="cred"><a href="http://redtour.tumblr.com">redtour</a></div>
  438.  
  439. </div>
  440. </div>
  441. </div>
  442.  
  443. <SCRIPT type="text/javascript">
  444. var snowmax=35
  445. var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff")
  446. var snowtype=new Array("Times","Arial","Times","Verdana")
  447. var snowletter="*"
  448. var sinkspeed=0.6
  449. var snowmaxsize=30
  450. var snowminsize=8
  451. var snowingzone=1
  452. var snow=new Array()
  453. var marginbottom
  454. var marginright
  455. var timer
  456. var i_snow=0
  457. var x_mv=new Array();
  458. var crds=new Array();
  459. var lftrght=new Array();
  460. var browserinfos=navigator.userAgent
  461. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  462. var ns6=document.getElementById&&!document.all
  463. var opera=browserinfos.match(/Opera/)
  464. var browserok=ie5||ns6||opera
  465. function randommaker(range) {
  466. rand=Math.floor(range*Math.random())
  467. return rand
  468. }
  469. function initsnow() {
  470. if (ie5 || opera) {
  471. marginbottom = document.body.scrollHeight
  472. marginright = document.body.clientWidth-15
  473. }
  474. else if (ns6) {
  475. marginbottom = document.body.scrollHeight
  476. marginright = window.innerWidth-15
  477. }
  478. var snowsizerange=snowmaxsize-snowminsize
  479. for (i=0;i<=snowmax;i++) {
  480. crds[i] = 0;
  481. lftrght[i] = Math.random()*15;
  482. x_mv[i] = 0.03 + Math.random()/10;
  483. snow[i]=document.getElementById("s"+i)
  484. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  485. snow[i].size=randommaker(snowsizerange)+snowminsize
  486. snow[i].style.fontSize=snow[i].size+'px';
  487. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  488. snow[i].style.zIndex=1000
  489. snow[i].sink=sinkspeed*snow[i].size/5
  490. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  491. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  492. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  493. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  494. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  495. snow[i].style.left=snow[i].posx+'px';
  496. snow[i].style.top=snow[i].posy+'px';
  497. }
  498. movesnow()
  499. }
  500.  
  501. function movesnow() {
  502. for (i=0;i<=snowmax;i++) {
  503. crds[i] += x_mv[i];
  504. snow[i].posy+=snow[i].sink
  505. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  506. snow[i].style.top=snow[i].posy+'px';
  507.  
  508. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  509. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  510. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  511. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  512. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  513. snow[i].posy=0
  514. }
  515. }
  516. var timer=setTimeout("movesnow()",50)
  517. }
  518.  
  519. for (i=0;i<=snowmax;i++) {
  520. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  521. }
  522. if (browserok) {
  523. window.onload=initsnow
  524. }
  525. </SCRIPT>
  526. </body>
  527. </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!