Advertisement
beliebed

#30 Christmas Time Theme

Dec 1st, 2013
310
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.68 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. theme by artcicmonkeyz
  6.  
  7. -->
  8.  
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <script type='text/javascript'>
  12.  
  13. sitePath = 'http://vanessaluiza.com/_utilidades/script/let-it-snow/';
  14.  
  15. sflakesMax = 0.15;
  16.  
  17. sflakesMaxActive = 110;
  18.  
  19. svMaxX = 1;
  20.  
  21. svMaxY = 1;
  22.  
  23. ssnowStick = 0;
  24.  
  25. sfollowMouse = 1;
  26.  
  27. snowStorm.snowStick = true;
  28.  
  29. snowStorm.flakesMax = 150;
  30.  
  31. </script>
  32.  
  33. <script src='http://blogonthenet.xpg.com.br/ttricks/snowstorm.js' type='text/javascript'></script>
  34. <head><title>{Title}</title>
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38.  
  39.  
  40. <meta name="color:Background" content="#ffffff"/>
  41. <meta name="image:sidebar" content="#A4A4A4"/>
  42. <meta name="image:sidebar2" content="#A4A4A4"/>
  43. <meta name="color:Text" content="#a8a8a8"/>
  44. <meta name="color:Link" content="#b8b8b8"/>
  45. <meta name="color:Tags" content="f0f0f0"/>
  46. <meta name="color:Hover" content="#f2f2f2"/>
  47. <meta name="color:Line" content="#f2f2f2"/>
  48. <meta name="color:Border" content="#e4e4e4"/>
  49. <meta name="color:Post" content="#ffffff"/>
  50. <meta name="color:sidebartext" content="#ffffff"/>
  51. <meta name="color:Answer" content="#f8f8f8"/>
  52. <meta name="image:sidebar" content=""/>
  53. <meta name="image:bg" content=""/>
  54. <meta name="text:Link 1" content="" />
  55. <meta name="text:Link 1 Text" content="" />
  56. <meta name="text:Link 2" content="" />
  57. <meta name="text:Link 2 Text" content="" />
  58. <meta name="text:Link 3" content="" />
  59. <meta name="text:Link 3 Text" content="" />
  60. <meta name="if:Show Link 1" content="1" />
  61. <meta name="if:Show Link 2" content="1" />
  62. <meta name="if:Show Link 3" content="1" />
  63. <meta name="color:scrollbarbg" content="ffffff"/>
  64.  
  65.  
  66. <style type="text/css">
  67.  
  68. #bite
  69. #bite a{
  70. display:block
  71. }
  72. #bite .death {
  73. margin-right:0px;filter: alpha(opacity = 0);
  74. opacity:0;-webkit-transition: all 0.5s ease-out;
  75. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  76. }
  77.  
  78. #bite:hover .death {
  79. margin-left:0px;
  80.  
  81. -webkit-transition: all 0.8s ease-out;
  82. -moz-transition: all 0.8s ease-out;
  83. transition: all 0.8s ease-out;
  84. filter: alpha(opacity = 100);
  85. filter: alpha(opacity = 100);
  86. opacity:8;
  87. }
  88.  
  89. /* --- SCROLLBAR ---*/
  90.  
  91.  ::-webkit-scrollbar {
  92. width: 5px;height: 5px;}
  93. ::-webkit-scrollbar-button:start:decrement,
  94. ::-webkit-scrollbar-button:end:increment {
  95. height: 6px;display: block;background-color: {color:white};}
  96. ::-webkit-scrollbar-track-piece {
  97. background-color: {color:scrollbarbg};}
  98. ::-webkit-scrollbar-thumb:vertical {
  99. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  100.  
  101.  
  102. /* --- BODY ---*/
  103.  
  104. body {
  105.     background:{color:background};
  106.     margin:0px;
  107.     color:{color:text};
  108.     font-family:cambria;
  109.     font-size:9px;
  110.     line-height:100%;
  111. }
  112.  
  113. a {
  114.     text-decoration:none;
  115.     outline:none;
  116.     -moz-outline-style:none;
  117.     color:{color:link};
  118. }
  119.  
  120. img {
  121.     border:none;
  122. }
  123.  
  124. blockquote {
  125.     padding-left:5px;
  126.     border-left:2px solid;
  127. }
  128.    
  129. blockquote blockquote {
  130.     padding-left:5px;
  131.     border-left:2px solid;
  132. }
  133.  
  134. h1 {
  135.     font-size:9px;
  136.     text-transform:uppercase;
  137. }
  138.  
  139. a:hover {
  140.     opacity:10;
  141.     color:{color:hover};
  142.      -webkit-transition: all 0.7s ease;
  143.     -moz-transition: all 0.7s ease;
  144.     -o-transition: all 0.7s ease
  145. }
  146.  
  147. #santa {
  148. position:fixed;
  149. margin-top:-190px;
  150. margin-left:-72px;
  151. }
  152.  
  153. #santa img {
  154. width:81px;
  155. height:83px;
  156.  
  157. }
  158.  
  159. /* --- POST ENTRIES ---*/
  160.  
  161.  
  162. #entries {
  163.     padding:10px;
  164.     width:500px;
  165.     margin-left:500px;
  166.     margin-top:50px;
  167.     font-size:11px;
  168. }
  169.  
  170. /* --- BODY: POSTS ---*/
  171.  
  172.  
  173. #post {
  174.     width:500px;
  175.     padding-bottom:20px;
  176.     padding:10px;
  177.     margin-top:15px;
  178.     background-color:{color:Post};
  179. }
  180.  
  181. /* --- SIDEBAR IMAGE ---*/
  182.  
  183.  
  184. #sidebar {
  185.     width:90px;
  186.     position:fixed;
  187.     margin-left:200px;
  188.     margin-top:250px;
  189.     opacity:.80;
  190.     background-color:{color:gray};
  191. }
  192.  
  193. #sidebarimage {
  194.     position:fixed;
  195.     margin-top:-135px;
  196.     margin-left:-66px;
  197.     width 120px;
  198. }
  199.  
  200. #sidebarimage img {
  201.     position:fixed;
  202.     width:133px;
  203.     border:solid 0px;
  204.     padding:2px;
  205.     border-color: {color:gray};
  206.     background-color:{color:Sidebar};
  207.  
  208. }
  209.  
  210. #sidebarimage2 {
  211.     position:fixed;
  212.     margin-top:-135px;
  213.     margin-left:73px;
  214.     width 120px;
  215. }
  216.  
  217. #sidebarimage2 img {
  218.     position:fixed;
  219.     width:133px;
  220.     border:solid 0px;
  221.     padding:2px;
  222.     border-color: {color:gray};
  223.     background-color:{color:Sidebar};
  224.  
  225. }
  226. /* --- SIDEBAR LINKS ---*/
  227.  
  228. .links {
  229.     width:80px;
  230.     height:4px;
  231.     padding: 9px;
  232.     font-size:7px;
  233.     font-family:'cambria bold';
  234.     text-align:center;
  235.     margin-top:0px;
  236.     margin-left:90px;
  237.     text-align:center;
  238.     text-transform:uppercase;
  239.     word-spacing:5px;
  240.     position:fixed;
  241.     padding-bottom:5px;
  242. }
  243.  
  244. .links a {
  245.     font-size: 10px;
  246.     display:block;
  247.     line-height:25px;
  248. }
  249.  
  250. .links a:hover{
  251.  
  252.     color:;
  253.  
  254.     margin-left:20px;
  255.  
  256.     font-style:cambria;
  257.    
  258.     background-color:#f77e7e;
  259.  
  260.     -moz-transition-duration:.5s;
  261.  
  262.     -webkit-transition-duration:1.0s;
  263.  
  264.     -o-transition-duration:.5s;
  265.  
  266.     }
  267.  
  268.  
  269. /* --- DESCRIPTION ---*/
  270.  
  271. #description {
  272.     position:fixed;
  273.     font-family:cambria bold;
  274.     line-height:100%;
  275.     font-size:9px;
  276.     font-style:;
  277.     width:116px;
  278.     margin-top:7px;
  279.     text-transform:lowercase;
  280.     padding:8px;
  281.     margin-left:-64.5px;
  282.     text-align:center;
  283.     color:{color:sidebartext};
  284.     border:solid 1px;
  285.     border-color: {color:gray};
  286.     background-color:;
  287.     </div></div>
  288.     }
  289.    
  290. #description a:hover{
  291.  
  292.     color:;
  293.    
  294.  
  295.     margin-left:100px;
  296.  
  297.     font-style:italic;
  298.  
  299.     -moz-transition-duration:2.5s;
  300.  
  301.     -webkit-transition-duration:2.5s;
  302.  
  303.     -o-transition-duration:2.5s;
  304.  
  305.     }
  306.    
  307.  
  308.  
  309. /* --- PAGINATION---*/
  310.  
  311.  
  312. #pagination {
  313.     width:100px;
  314.     font-size:15px;
  315.     text-align:center;
  316.     background-color:#;
  317.     margin-left:12px;
  318.     margin-top:152px;
  319.     position:fixed;
  320.     font-family:cambria;
  321.     text-transform:uppercase;
  322.     letter-spacing:0px;
  323.     font-style:none;
  324.     height:10px;
  325.     padding:8px;
  326. }
  327.  
  328. #pagination a {color:{color:links}; -moz-transition-duration:1s;
  329. -webkit-transition-duration:1s; -o-transition-duration:1s;}
  330.  
  331. /* --- POST INFO ---*/
  332.  
  333.  
  334. #info {
  335.     text-align:left;
  336.     margin-top:10px;
  337.     text-transform:uppercase;
  338.     font-size:9px;
  339.     font-style:bold;
  340.     border-top:1px solid {color:Line}
  341. }
  342.  
  343. /* --- POST TAGS---*/
  344.  
  345.  
  346. #tags {
  347.     font-family:cambria;
  348.     letter-spacing:0px;
  349.     text-transform:lowercase;
  350.     font-size:10px;
  351.     font-style:italic;
  352.     margin-top:4px;
  353.     text-align:left;
  354. }
  355.    
  356. #tags
  357. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  358.     -webkit-transition: all 0.6s ease-in-out;
  359.     -moz-transition: all 0.6s ease-in-out;
  360.     -o-transition: all 0.6s ease-in-out;
  361.     -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}  
  362.  
  363.  
  364. /* --- QUESTIONS ---*/
  365.  
  366. #asker {
  367.     padding:5px;
  368.     font-family:cambria;
  369.     letter-spacing:1px;
  370.     text-align:left;
  371.     font-style:italic;
  372.     margin-left:10px;
  373.     border-left:3px #eee solid;
  374.     background-color:{color:background}
  375. }
  376.  
  377. {CustomCSS}</style></head><body>
  378.  
  379. <div id="sidebar">
  380. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  381. <div id="sidebarimage2"><img src="{image:sidebar2}"></div>
  382.  
  383.  
  384. <div id="description">
  385. {Description}
  386. </div>
  387.  
  388. <div id="santa"><img src="http://www.santasworldsite.com/images/santa4.gif"></div>
  389.  
  390. <div class="links">
  391. <a href="/"> ❄ hey</a>
  392. <a href="/ask"> ❄ ask</a>
  393. {block:IfShowLink1}<a href="{text:Link 1}"> ❄ {text:Link 1 Text}</a>{/block:IfShowLink1}
  394. {block:IfShowLink2}<a href="{text:Link 2}"> ❄ {text:Link 2 Text}</a>{/block:IfShowLink2}
  395. {block:IfShowLink3}<a href="{text:Link 3}"> ❄ {text:Link 3 Text}</a>{/block:IfShowLink3}
  396. </div>
  397.  
  398.  
  399.  <div id="pagination">
  400. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">new</a>{/block:PreviousPage}  {block:NextPage}<a href="{NextPage}">back</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  401. </div></div></div>
  402.  
  403. </div>
  404.  
  405. <div id="entries">{block:Posts}<div id="post">
  406.  
  407. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  408.  
  409. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  410.  
  411. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  412.  
  413. {block:Quote}{Quote}{/block:Quote}
  414.  
  415. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  416.  
  417. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  418.  
  419. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  420. <br>{block:TrackName}<b>Track:</b> {TrackName}<br />{/block:TrackName}
  421. <br>{block:Artist}<b>By:</b> {Artist}<br />{/block:Artist}
  422. {/block:ExternalAudio}<br><b>Dancers:</b> {PlayCount} listeners
  423. {/block:Audio}
  424.  
  425. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  426.  
  427. {block:Answer}<div id="asker"><span style="font-family:cambria;font-size:9px;font-style:italic;"> {Asker} wrote: </span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
  428.  
  429. <div id="info">
  430. <br> <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} x <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} x<a href="{SourceURL}"> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} x <a href="{Permalink}">{NoteCountWithLabel}</a>
  431. {block:HasTags}<div id="tags"><img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  432. {/block:Posts}
  433. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  434. {/block:Posts}</div></div></div>
  435.  
  436.  
  437.  
  438.  
  439.  
  440. <div style="position:fixed;bottom:3px; right:3px; font-size:9px; letter-spacing:2px; font-family:cambria;"><a href=""><a href="http://artcicmonkeyz.tumblr.com/">© artcicmonkeyz</a></center></div>
  441.  
  442.    
  443. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement