Don't like ads? PRO users don't see any ads ;-)

#7 - W h i t e C h r i s t m a s

By: beats4u on Jan 2nd, 2012  |  syntax: None  |  size: 17.38 KB  |  hits: 2,934  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <!--   t h e m e #7  -  ( w h i te  c h r i s t m a s )
  6.                                B E A T S 4 U . T U M B L R . C O M
  7.                          be original! do not copy and do not remove the credits. thank you!  --!>
  8.  
  9. <script type="text/javascript">
  10. //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
  11. function tb8_makeArray(n){this.length = n; return this.length}
  12. tb8_messages = new tb8_makeArray(1);
  13. tb8_messages[0] = "{Title}";
  14. tb8_rptType = 'infinite';
  15. tb8_rptNbr = 5;
  16. tb8_speed = 100;
  17. tb8_delay = 2000;
  18. var tb8_counter=1;
  19. var tb8_currMsg=0;
  20. var tb8_tekst ="";
  21. var tb8_i=0;
  22. var tb8_TID = null;
  23. function tb8_pisi(){
  24. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  25. document.title = tb8_tekst;
  26. tb8_sp=tb8_speed;
  27. tb8_i++;
  28. if (tb8_i==tb8_messages[tb8_currMsg].length){tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay}
  29. if (tb8_currMsg == tb8_messages.length){if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){clearTimeout(tb8_TID); return} tb8_counter++; tb8_currMsg = 0}
  30. tb8_TID = setTimeout("tb8_pisi()", tb8_sp)}
  31. tb8_pisi() </script>
  32.  
  33. <script>  
  34. function bloqueio()
  35. {alert(mensagem);}
  36. document.onkeydown=bloqueio;
  37. </script>
  38.  
  39. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  40. <script type="text/javascript">
  41. //desabilita menu de opcoes ao clicar no botao direito
  42. function desabilitaMenu(e)
  43. {if (window.Event)
  44. {if (e.which == 2 || e.which == 3)
  45. return false;}
  46. else{
  47. event.cancelBubble = true
  48. event.returnValue = false;
  49. return false}}
  50. document.oncontextmenu = desabilitaMenu;
  51. document.onmousedown = desabilitaBotaoDireito;
  52. document.onmouseup = desabilitaBotaoDireito;
  53. </script>
  54.  
  55. <script language="JavaScript1.2">
  56. function disableselect(e){
  57. return false}
  58. function reEnable(){
  59. return true}
  60. //if IE4+
  61. document.onselectstart=new Function ("return false")
  62. //if NS6
  63. if (window.sidebar){
  64. document.onmousedown=disableselect
  65. document.onclick=reEnable}
  66. </script>
  67.  
  68. <script src="http://cufon.shoqolate.com/js/cufon-yui.js" type="text/javascript"></script>
  69. <script src="http://static.tumblr.com/ourf1ma/MmUlthg9c/arsenale-white.cufonfonts.js" type="text/javascript"></script>
  70.  
  71. <script type="text/javascript"> Cufon.replace('.cufon'); </script>
  72.  
  73. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  74.  
  75. <head> <!-- DEFAULT VARIABLES -->
  76.  
  77. <meta name="if:Show tags" content="1"/>
  78.  
  79. <meta name="color:background" content="#F0F0F0"/>
  80. <meta name="color:entry" content="#FFFFFF"/>
  81. <meta name="color:body" content="#000000"/>
  82. <meta name="color:links" content="#696969"/>
  83. <meta name="color:bold" content="#000000"/>
  84. <meta name="color:italic" content="#000000"/>
  85. <meta name="color:scrollbar" content="#000000"/>
  86. <meta name="color:sidebar" content="#FFFFFF"/>
  87. <meta name="color:pics border" content="#696969"/>
  88. <meta name="color:side border 1" content="#696969"/>
  89. <meta name="color:side border 2" content="#ADADAD"/>
  90. <meta name="color:sidelinks" content="#FFFFFF"/>
  91. <meta name="color:bg sidelinks" content="#C2C2C2"/>
  92. <meta name="color:bg description" content="#F8F8F8"/>
  93.  
  94. <meta name="image:background" content=""/>
  95. <meta name="image:pic1" content="http://media.tumblr.com/tumblr_lx6kyrN0xe1qcnk68.jpg"/>
  96. <meta name="image:pic2" content="http://media.tumblr.com/tumblr_lx6kz4WJ4Z1qcnk68.jpg"/>
  97. <meta name="image:min1" content="http://media.tumblr.com/tumblr_lx6kxw6xu01qcnk68.jpg"/>
  98. <meta name="image:min2" content="http://media.tumblr.com/tumblr_lx6kyfJQHN1qcnk68.jpg"/>
  99. <meta name="image:min3" content="http://media.tumblr.com/tumblr_lx6kyrN0xe1qcnk68.jpg"/>
  100. <meta name="image:min4" content="http://media.tumblr.com/tumblr_lx6kz4WJ4Z1qcnk68.jpg"/>
  101. <meta name="image:min5" content="http://media.tumblr.com/tumblr_lx6kxw6xu01qcnk68.jpg"/>
  102. <meta name="image:min6" content="http://media.tumblr.com/tumblr_lx6kyfJQHN1qcnk68.jpg"/>
  103.  
  104. <meta name="text:phrase" content="Psiu, nao deixe de colocar uma frase bem bonitinha aqui. Ok? Ok!"/>
  105.  
  106. <meta name="text:link1" content="http://"/>
  107. <meta name="text:link1 title" content="link1"/>
  108. <meta name="text:link2" content="http://"/>
  109. <meta name="text:link2 title" content="link2"/>
  110. <meta name="text:link3" content="http://"/>
  111. <meta name="text:link3 title" content="link3"/>
  112. <meta name="text:link4" content="http://"/>
  113. <meta name="text:link4 title" content="link4"/>
  114. <meta name="text:link5" content="http://"/>
  115. <meta name="text:link5 title" content="link5"/>
  116. <meta name="text:link6" content="http://"/>
  117. <meta name="text:link6 title" content="link6"/>
  118. <meta name="text:link7" content="http://"/>
  119. <meta name="text:link7 title" content="link7"/>
  120.  
  121. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  122.  
  123. <title>{Title}</title>
  124. <link rel="shortcut icon" href="{Favicon}">
  125. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  126. {block:Description}
  127. <meta name="description" content="{MetaDescription}" />
  128. {/block:Description}
  129.  
  130. <style type="text/css">
  131.  
  132. body {background-color:{color:background}; color:{color:background}; background-image:url('{image:background}'); background-attachment:fixed; font-family:georgia; font-size:11px; line-height:110%; margin:0 auto 0 auto; text-align:center}
  133.  
  134. a {color:{color:links}; text-decoration:none}
  135. a:hover {text-decoration: none; opacity:0.7}
  136. p {margin:2px 0 2px 0}
  137. b {font-weight:bold; color:{color:bold}}
  138. i {font-style:italic; color:{color:italic}}
  139. d1 {opacity:0.8}
  140. d2 {opacity:0.6}
  141. d3 {opacity:0.4}
  142.  
  143. #all{width:960px; text-align: center; background-color:transparent; color:{color:body}; padding:0px; margin: 0 auto 0 auto}
  144.  
  145. #sidebar{width:430px; float:left; background-color:transparent; margin-top:10px; position:fixed}
  146.  
  147. #sidetopborder{width:430px; background-color:{color:side border 2}; height:6px; border-top:5px solid {color:side border 1}; -moz-border-top-left-radius:22px; border-top-left-radius:22px; -moz-border-top-right-radius:22px; border-top-right-radius:22px}
  148.  
  149. #pict{float:left; background-color:{color:sidebar}; width:161px; height:331px;}
  150. #ures{background-color:transparent; padding:5px; opacity:0.85; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out}
  151. #ures:hover{opacity:1; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out}
  152.  
  153. #sidelinks{float:right; background-color:{color:sidebar}; width:264px; padding:5px 5px 3px 0; text-align:left; height:80px}
  154. .slinks{background-color:{color:sidebar}}
  155. .slinks a{ margin-bottom:2px; margin-right:-1px; background-color:{color:bg sidelinks}; color:{color:sidelinks}; display:inline-block; width:125px; text-transform:lowercase; text-decoration:none; font-family:verdana; font-size: 10px; padding:2px; text-align:center; border:1px solid {color:side border 2}; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out}
  156. .slinks a:hover{letter-spacing:1px; opacity:0.9; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out}
  157.  
  158. #descri{float:right; background-color:{color:sidebar}; width:264px; height:168px; padding:0 5px 5px 0; text-align:left}
  159. .ption{padding:3px; border:1px solid {color:pics border}; background-color:{color:bg description}; height:160px; width:256px; overflow:auto; font-size:10px; text-align:justify; line-height:110%; color:{color:body}; font-family:verdana}
  160.  
  161. #mini{float:right; background-color:{color:sidebar}; width:264px; height:65px; padding:0 5px 5px 0; text-align:left}
  162. .pics{border:1px solid {color:pics border}; background-color:{color:pics border}; height:63px; width:256px}
  163.  
  164. #phr{position:relative; background-color:transparent; margin-top:331px}
  165. .ase{padding:0 5px 5px 5px; text-align:center; font-size:9px; font-family:verdana; background-color:{color:sidebar}; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
  166. .ase:hover{letter-spacing:-1px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
  167.  
  168. #pagin{position:relative; background-color:transparent; margin-top:0}
  169. .ation{background-color:{color:sidebar}; padding:1px 5px 5px 5px; font-size:10px; font-family:verdana; text-align:center; font-weight: bold; text-shadow: 0 1px 1px #fff; text-align:center}
  170.  
  171. #sidebottomborder{width:430px; background-color:{color:side border 2}; height:6px; border-bottom:5px solid {color:side border 1}; -moz-border-bottom-left-radius:22px; border-bottom-left-radius:22px; -moz-border-bottom-right-radius:22px; border-bottom-right-radius:22px}
  172.  
  173. #cred{font-family: verdana; z-index:3; font-size:9px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
  174.  
  175. #auau {text-align: center; background-color:transparent; z-index: 91}
  176. ul#miau {padding: 0px; list-style: none; margin-bottom: 1px; z-index: 90}
  177. ul#miau li.xu {position: relative}
  178. li.xu ul {position:absolute; display:none; width:auto; top:0; left:122px; opacity:1; background-color:{color:sidebar}}
  179. li.xu:hover ul, li.over ul {display:block; background-color:transparent}
  180.  
  181. #fli {color:{color:body}; font-size:9px; font-family:verdana; text-align:center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; padding-bottom:5px}
  182. .cka {z-index: 102; background-color:{color:bg phrases}; color:{color:phrases}; border:1px solid {color:minipics border}; padding:2px; background-color:{color:sidebar}}
  183. .cka a{color:{color:links}}
  184.  
  185. #entries{float:right; background-color:transparent; text-align:center; margin-top:10px; margin-bottom:5px; font-family:verdana}
  186. .post{width:500px; padding:10px; text-align:justify; background-color:{color:entry}; margin-bottom:5px}
  187. .post img{margin:0 0 2px 0}
  188. h1{font-family:georgia; font-size:18px; line-height:18px; text-align:center; color:{color:body}; font-style:none; font-weight:normal}
  189. h1 a{font-size:18px; line-height:18px; text-align:center}
  190. .image{text-align:center; height:auto; margin-bottom:3px; border:0px}
  191.  
  192. .qqmarks{font-size:80px; font-family:georgia; font-weight:bold; line-height:60px; color:{color:body}; opacity:0.4}
  193. .qquote{font-family:georgia; font-size:18px; line-height:18px; margin-top:-50px; text-indent:45px; text align:justify; color:{color:body}}
  194. .qsource{margin-top:5px; margin-right:10px; text-align:right}
  195.  
  196. .chat{line-height:12px; list-style:none}
  197. .chat ul {line-height:15px; list-style:none; padding:0px; line-height:20px;}
  198. .person1 {color:{color:body}; background-color:{color:background};}
  199. .person1 .label {font-weight:bold; padding:0px; margin-left:5px; color:{color:body}}
  200. .person2 {color:{color:body}}
  201. .person2 .label {font-weight:bold; padding:0px; margin-left:5px; color:{color:body}}
  202.  
  203. .iaudio{text-align:left; margin-bottom:0px; width:100%; background-color:{color:entry}}
  204. .iaudio img{max-width:0; height:auto; padding:0 20px 0 20px; display:inline;}
  205. .icap{margin-top:1px}
  206. .source{display:none}
  207.  
  208. .asker {font-size:20px; width:100%; background-color:{color:background}; color:{color:link}; text-transform:uppercase; line-height:30px}
  209. .asker a, a:hover{color:{color:link}}
  210. .asker img{margin-top:3px; margin-bottom:-3px; margin-left:3px}
  211. .q {padding:10px; font-style:italic; text-indent:20px}
  212. .a {padding-top:3px}
  213. .cap {padding-top:5px; width:500px;}
  214.  
  215. .info{margin:15px 20px 0 20px; background-color:{color:background}; font-size:9px; font-family:verdana; text-align:center; text-transform:lowercase}
  216.  
  217. #notes {width: 500px; padding: 5px; margin: 0px; font-size: 9px; text-align: left; color:{color:body}}
  218. ol.notes {list-style: none; margin: 0 20px 0 0; padding: 0px}
  219. ol.notes li {margin: 0px; padding: 2px;}
  220. #notes img{border:0px}
  221.  
  222. #tumblr_controls{position: fixed!important}
  223.  
  224. ::-webkit-scrollbar{width:4px;height:4px}
  225. ::-webkit-scrollbar-button:start:decrement
  226. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent}
  227. ::-webkit-scrollbar-track-piece{background-color:#ffffff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px}
  228. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:scrollbar};-webkit-border-radius:px}
  229. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scrollbar};-webkit-border-radius:px}
  230.  
  231. {CustomCSS}
  232. </style></head>
  233.  
  234. <body oncontextmenu="return false" onselectstart="return false" onmousedown="return false" onkeydown="return false">
  235.  
  236. <div id="all">
  237. <div id="sidebar">
  238.  
  239. <div id="sidetopborder"></div>
  240.  
  241. <div id="pict"><div id="ures">
  242. <img src="{image:pic1}" width="143" height="151" style="border:4px solid {color:pics border}; margin-bottom:3px"></br>
  243. <img src="{image:pic2}" width="143" height="151" style="border:4px solid {color:pics border}">
  244. </div></div>
  245.  
  246. <div id="sidelinks"><span class="slinks">
  247. {block:ifLink1}<a href="{text:Link1}" style="width:258px">{text:Link1 Title}</a>{/block:ifLink1}
  248. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  249. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  250. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  251. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  252. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  253. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  254. </span></div>
  255.  
  256. <div id="descri"><div class="ption">{block:Description}{Description}{/block:Description}</div></div>
  257.  
  258. <div id="mini"><div class="pics">
  259. <marquee direction="left" scrollamount="1.5" behavior="alternate" onmouseout="this.start()">
  260. {block:ifmin1image}<img src="{image:min1}" height="63px" style="margin-right:1px">{/block:ifmin1image}{block:ifmin2image}<img src="{image:min2}" height="63px" style="margin-right:1px">{/block:ifmin2image}{block:ifmin3image}<img src="{image:min3}" height="63px" style="margin-right:1px">{/block:ifmin3image}{block:ifmin4image}<img src="{image:min4}" height="63px" style="margin-right:1px">{/block:ifmin4image}{block:ifmin5image}<img src="{image:min5}" height="63px" style="margin-right:1px">{/block:ifmin5image}{block:ifmin6image}<img src="{image:min6}" height="63px">{/block:ifmin6image}
  261. </marquee></div></div>
  262.  
  263. <div id="phr"><div class="ase">{text:phrase}</div></div>
  264.  
  265. {block:Pagination}<div id="pagin"><div class="ation">{block:PreviousPage}<a href="{PreviousPage}">&laquo; </a>{/block:PreviousPage}{/block:Pagination}
  266. {block:JumpPagination length="10"}{block:CurrentPage}{PageNumber} {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber} </a>{/block:JumpPage}{/block:JumpPagination}{block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}</div></div>{/block:Pagination}
  267.  
  268. <div id="sidebottomborder"></div>
  269.  
  270. <div id="cred">
  271. <div id="auau"><ul id="miau"><li class="xu">
  272. <div id="fli">see the credits...</div>
  273. <ul id="miau"><li class="xu">
  274. <div class="cka">design, base e theme por <a href="http://beats4u.tumblr.com/">beats4u</a>
  275. </div></li></ul></li></ul></div>
  276. </div>
  277.  
  278. </div>
  279.  
  280. <div id="entries">
  281.  
  282. {block:Posts}
  283. <div class="post">
  284.  
  285. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  286.  
  287. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  288.  
  289. {block:Photoset}{Photoset-500}{/block:Photoset}
  290.  
  291. {block:Quote}
  292. <b class="qqmarks">“</b><div class="qquote">{Quote}</div>
  293. {block:Source}<div class="qsource">~ {Source}</div>{/block:Source}
  294. {/block:Quote}
  295.  
  296. {block:Link}
  297. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  298. {block:Description}{Description}{/block:Description}
  299. {/block:Link}
  300.  
  301. {block:Chat}
  302. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  303. <div class="chat"><ul>{block:Lines}
  304. <li class="person{UserNumber}">{block:Label}
  305. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  306. {/block:Chat}
  307.  
  308. {block:Audio}
  309. <div class="iaudio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  310. {AudioPlayerGrey}
  311. <div class="icap">{block:Caption}{Caption}{/block:Caption}</div>
  312. {/block:Audio}
  313.  
  314. {block:Video}{Video-500}{/block:Video}
  315.  
  316. {block:Answer}
  317. <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker}</div>
  318. <div class="q">{Question}</div>
  319. <div class="a">{Answer}</div>
  320. {/block:Answer}
  321.  
  322. <div class="cap">
  323. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  324. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  325. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  326.  
  327. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  328. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  329. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  330. {/block:ContentSource}</div></div>
  331.  
  332. <div class="info">
  333. {block:Date} Posted {DayOfMonth} {Month} {Year}, <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount} | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{Block:IndexPage} | <a href="{ReblogUrl}" target="_blank">reblog this post</a>{/Block:IndexPage}
  334. {block:RebloggedFrom}<br>(originally <a href="{ReblogRootURL}">{ReblogRootName}</a> / {/block:RebloggedFrom}{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  335. {block:IfShowTags}{block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>{/block:Tags}{/block:HasTags}{/block:IfShowTags}
  336. </div></div>
  337.  
  338. {/block:Posts}
  339. {block:PostNotes}
  340. <div id="notes"><div id="notestext">{PostNotes}</div></div>
  341. {/block:PostNotes}
  342. </div></div>
  343. </body>
  344. </html>