- <!--Winter Snowflakes by: http://fairycandles.tumblr.com/-->
- <!--NOTE: Will update this theme soon! To add more colors for you to customize. (Sorry, I'm a bit lazy today. Lol!) But for now,I hope you'll like this theme! :-)
- PLEASE DON'T REMOVE ANY CREDITS. THANK YOU SO MUCH :"> -->
- <?xml version="1.0" encoding="UTF-8"?>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <META name="color:Sidebar" content="#F8F8F8">
- <META name="color:Title" content="#f5cacd">
- <META name="color:Post Title" content="#f5cacd">
- <META name="color:Font" content="#CCCCCC">
- <META name="color:Navigation" content="#F8F8F8">
- <META name="color:Navigation Hover" content="#ffffff">
- <META name="color:Link" content="#B3B3B3">
- <META name="color:Dividers" content="#f5cacd">
- <meta name="if:ShowSnowflakes" content="1"/>
- <META name="image:Background" content="http://media.tumblr.com/tumblr_lqwopeSQgn1qe0vu3.jpg">
- <meta name="image:About Me" content="http://media.tumblr.com/tumblr_lqwi6feHIN1qaj7nf.jpg"/>
- <meta name="image:Links" content="http://media.tumblr.com/tumblr_lqwi5tkO2Q1qaj7nf.jpg"/>
- <meta name="image:Photo" content="http://media.tumblr.com/tumblr_lqwivaEOpl1qaj7nf.jpg"/>
- {block:IfShowSnowflakes}
- <script type="text/javascript">
- /******************************************
- * Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
- * Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
- * Last updated Nov 9th, 05' by DD. This notice must stay intact for use
- ******************************************/
- //Configure below to change URL path to the snow image
- var snowsrc="http://www.snazzyspace.com/tumblr/snowb.gif"
- // Configure below to change number of snow to render
- var no = 30;
- // Configure whether snow should disappear after x seconds (0=never):
- var hidesnowtime = 0;
- // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
- var snowdistance = "pageheight";
- ///////////Stop Config//////////////////////////////////
- var ie4up = (document.all) ? 1 : 0;
- var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
- function iecompattest(){
- return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
- }
- var dx, xp, yp; // coordinate and position variables
- var am, stx, sty; // amplitude and step variables
- var i, doc_width = 800, doc_height = 600;
- if (ns6up) {
- doc_width = self.innerWidth;
- doc_height = self.innerHeight;
- } else if (ie4up) {
- doc_width = iecompattest().clientWidth;
- doc_height = iecompattest().clientHeight;
- }
- dx = new Array();
- xp = new Array();
- yp = new Array();
- am = new Array();
- stx = new Array();
- sty = new Array();
- snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
- for (i = 0; i < no; ++ i) {
- dx[i] = 0; // set coordinate variables
- xp[i] = Math.random()*(doc_width-50); // set position variables
- yp[i] = Math.random()*doc_height;
- am[i] = Math.random()*20; // set amplitude variables
- stx[i] = 0.02 + Math.random()/10; // set step variables
- sty[i] = 0.7 + Math.random(); // set step variables
- if (ie4up||ns6up) {
- if (i == 0) {
- document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://www.snazzyspace.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
- } else {
- document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
- }
- }
- }
- /******************************************
- * Generated at tumblr-layouts.tumblr.com
- ******************************************/
- function snowIE_NS6() { // IE and NS6 main animation function
- doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
- doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
- for (i = 0; i < no; ++ i) { // iterate for every dot
- yp[i] += sty[i];
- if (yp[i] > doc_height-50) {
- xp[i] = Math.random()*(doc_width-am[i]-30);
- yp[i] = 0;
- stx[i] = 0.02 + Math.random()/10;
- sty[i] = 0.7 + Math.random();
- }
- dx[i] += stx[i];
- document.getElementById("dot"+i).style.top=yp[i]+"px";
- document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
- }
- snowtimer=setTimeout("snowIE_NS6()", 10);
- }
- function hidesnow(){
- if (window.snowtimer) clearTimeout(snowtimer)
- for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
- }
- if (ie4up||ns6up){
- snowIE_NS6();
- if (hidesnowtime>0)
- setTimeout("hidesnow()", hidesnowtime*1000)
- }
- </script>
- {/block:IfShowSnowflakes}
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- //When you click on a link with class of poplight and the href starts with a #
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- //Pull Query & Variables from href URL
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- //Fade in the Popup and add close button
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/mw3v5cd/DbGlpuxvw/61.png" class="btn_close" title="Close Window" alt="Close" /></a>');
- //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- //Fade in Background
- $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
- return false;
- });
- //Close Popups and Fade Layer
- $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <link href='http://fonts.googleapis.com/css?family=Dancing+Script&v1' rel='stylesheet' type='text/css'>
- <script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script>
- <script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script>
- <script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script>
- <script src="http://static.tumblr.com/8sh7vfk/J9Slpb3zs/cac-champagne.cufonfonts.js" type="text/javascript"></script>
- <script type="text/javascript">Cufon.replace('.h1');</script>
- <script type="text/javascript">
- //desabilita menu de opcoes ao clicar no botao direito
- function desabilitaMenu(e)
- {
- if (window.Event)
- {
- if (e.which == 2 || e.which == 3)
- return false;
- }
- else
- {
- event.cancelBubble = true
- event.returnValue = false;
- return false;
- }
- }
- document.oncontextmenu = desabilitaMenu;
- document.onmousedown = desabilitaBotaoDireito;
- document.onmouseup = desabilitaBotaoDireito;
- </script>
- <script type="text/javascript">
- function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
- </script>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{favicon}" />
- </head>
- <style type="text/css">
- img{
- -webkit-transition: opacity 0.8s linear;
- opacity: 0.60;
- }
- img:hover{
- -webkit-transition: opacity 0.8s linear;
- opacity: 3;
- }
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background: #000;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .30;
- z-index: 9999;
- }
- .popup_block{
- display: none; /*--hidden by default--*/
- background: #fff;
- padding: 10px;
- border: 10px solid #fff;
- float: left;
- font-size: 1.2em;
- position: fixed;
- top: 50%; left: 50%;
- z-index: 99999;
- /*--CSS3 Box Shadows--*/
- -webkit-box-shadow: 0px 0px 20px #000;
- -moz-box-shadow: 0px 0px 20px #000;
- box-shadow: 0px 0px 20px #000;
- /*--CSS3 Rounded Corners--*/
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- }
- img.btn_close {
- float: right;
- margin: -45px -28px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- .h9{font-family:verdana; color:#888; font-size:11px;}
- .h1 { font-size: 35px; color: {color:Post Title};font-family: 'Dancing Script', arial, serif;margin-bottom: 2px;}
- .h2 {font-size:20px;font-family: 'COURIER NEW', arial, serif; color:;color: #777; !important;text-decoration: none; cursor: help; margin-bottom: 2px;background: #{color:navigation};text-shadow: 0px 1px 1px #000;}
- .h3 {font-size:20px;font-family: 'COURIER NEW', arial, serif; color:;color: {color:Title}; !important;text-decoration: none; cursor: help; margin-bottom: 2px;background: #{color:Navigation};text-shadow: 0px 1px 1px #000;}
- .h5 {background: #{color:Navigation};color: {color:Font};font-size: 11px;margin-top:1px; text-align:left;border-top: 1px dashed {color:Dividers};font-variant:small-caps;padding:3px;letter-spacing:2px;}
- .borda{border-top-left-radius: 50px;border-top-right-radius:50px;}
- b, strong {color: #e0677e; text-decoration: none; cursor: help;}
- s {color: #e0677e;cursor: help;}
- i, em {color: #e0677e; text-decoration: none;cursor: help;}
- a:link,a:active,a:visited { color: {color:Link}; text-decoration: none;}
- a:hover { color: #e0677e;}
- ::-moz-selection{background: #000;color:#e0677e;}
- ::selection{background: #000;color:#e0677e;}
- body {background: #ffffff; background-image: url({image:Background}); background-attachment: fixed;}
- blockquote {background:{color:Navigation};padding: 3px 3px 3px 8px; margin: 3px;font:11px tahoma;}
- .box {background: {color:navigation};margin: 10px 10px 10px 10px;padding: 5px 5px 8px 5px;margin-bottom:15px;}
- #conteudo { width: 560px; padding-bottom: 8px; margin-top:0px; color: {color:Font}; font: 11px tahoma; margin-bottom: 15px; margin-left: 200px; padding: 5px; float: left; }
- #sidebar {position:fixed; background: {color:Sidebar}; float: center; width:300px; right:70px; top:20px;text-align:justify;color: {color:Font}; font-size:11px; font-family:tahoma; letter-spacing:2px; }
- #paginacaoml {font-size: 11px; font-weight: bold; line-height: 21px; }
- #paginacaoml a {background: #{color:Navigaiton}; margin: 0 1px 0 0; padding: 2px 4px; color: #888; text-decoration: none;}
- #paginacaoml a:hover {background: #{color:Navigation Hover}; border: none;}
- #paginacaoml span.pagina_atual {background: #{color:Navigation}; margin: 0 1px 0 0; padding: 2px 4px; color: #777; text-decoration: none;}
- #paginacaoml span.info {background: #202020; margin: 0 1px 0 0; padding: 2px 4px; color: #888; text-decoration: none;}
- ul.a{margin:5px 0 5px 0;padding:1px;}
- ul.a li,ul{list-style:none;}
- ul.a li{margin:1px 0 2px 0;font-family : verdana;
- border-bottom:1px solid #202020;}
- .ask {align:right;background:#202020;border-right: 7px solid #202020; margin:7px 5px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; font: 11px Tahoma, Verdana, Tahoma; color:#666;}
- .ask p {margin:1px 0px;}
- .ask span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #202020;}
- .res {font-family: georgia; font-size:11px; color:#888; text-align:center;}
- .nav1 {font-size: 12px; font-family:tahoma; color: #777;float:left;padding: 5px; letter-spacing:1px; text-align:left; height:15px;margin:2px;border-radius:2px;background:{color:Navigation};width:85px;}
- .nav1:hover {color: #e0677e;background:{color:Navigation Hover};}
- input, textarea, option, select, button form {font-family: Verdana, Helvetica;font-size: 10px;
- color: #d1c9a2;background: #ffffff;padding: 1px;border: 1px solid #d1c9a2;}
- </style>
- <body>
- <div class="la3"></div>
- <center>
- <div id="sidebar">
- <center>
- <div class="h3">{title}</div></center>
- <center><img src="{image:Photo}" width="290" height="200"></center>
- {block:Description}{Description}{/block:Description}
- <br><br>
- <center>
- <a href="/" class="nav1"> Home</a>
- <div class="nav1"><a href="#?w=500"rel="03" class="poplight" >Links</a></div>
- <a href="/archive" class="nav1">Archive</a>
- <div class="nav1" align="center"><a href="#?w=500"rel="01" class="poplight" >About</a> </div>
- <a href="/ask" class="nav1">Ask Me</a>
- <div class="nav1"><a href="#?w=500"rel="02" class="poplight" >Theme ©</div>
- </div></div>
- <div id="posts"><div id="conteudo"><div id="mar"><div id="liuc">
- {block:Posts}
- {block:Text}
- <div class="box">
- <div class="h1">{block:Title}<a href="{Permalink}" class="title">{Title}</a>{/block:Title}</div>
- <div>{Body}</div>
- <BR>
- <div class="h5">{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
- {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
- | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a></div></div>
- {/block:Text}
- {block:Quote}
- <div class="box">
- <div class="h1">{Quote}</div>
- {block:Source}— {Source}{/block:Source}
- <div class="h5">{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
- {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
- | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a></div></div>
- {/block:Quote}
- {block:Answer}
- <div class="box">
- <img src="{AskerPortraitURL-40}"align="left" width="40px" /> <div class="ask"><span></span>{Asker}: {Question}</div>
- <div class="res">{Answer}</div>
- <div class="h5"><b>Ask</b></div>
- <div class="h3"></div></div>
- {/block:Answer}
- {block:Photo}
- <div class="box">
- <center>{LinkOpenTag}<a href="{Permalink}"><img class="border" src="{PhotoURL-500}" title="{PhotoAlt}" width="524"/>{LinkCloseTag}</center></a><br>
- {block:Caption}{Caption}{/block:Caption}
- <div class="h5">{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
- {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
- | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a></div></div>
- {/block:Photo}
- {block:Chat}
- <div class="box">
- {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
- <table>
- {block:Lines}
- <tr>
- {block:Label}<td class="name">{Label}</td>{block:Label}
- <td class="words">{Line}</td>
- </tr>
- {/block:Lines}
- </table>
- <div class="h5">{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
- {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
- | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a></div></div>
- {/block:Chat}
- {block:Audio}
- <div class="box">
- <div style="float:right; margin-top: 4px;"><i> {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">Download</a>){/block:ExternalAudio}</div>
- <center>{AudioPlayerWhite}</center>
- {block:Caption}{Caption}{/block:Caption}
- <div class="h5">{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
- {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
- | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a></div></div>
- {/block:Audio}
- {block:Video}
- <div class="box">
- <center>{Video-500}</center>
- {block:Caption}{Caption}{/block:Caption}<br>
- <div class="h5">{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
- {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
- | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a></div></div>
- {/block:Video}
- {block:Link}
- <div class="box">
- <div class="h1">
- <a href="{URL}" class="link" {Target}>{Name}</a></div>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- <BR>
- <div class="h5">{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
- {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
- | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a></div>
- <div class="h3">{block:HasTags} {block:Tags} #<a class="tag" href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</a></div></div>
- {/block:Link}
- {/block:Posts}
- <div class="box">
- <center><div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination}
- {block:JumpPagination length="10"}
- {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
- {/block:JumpPagination}
- {block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
- </div></center></div>
- </div></div></p></div></div></div>
- </div></div></div></div></div></div></div></div></div></div></div></div>
- <div id="01" class="popup_block">
- <div class="h2">Behind the Screen</div>
- <div class="h9">
- <br><img class="icon" src="{image:About Me}" align="left" width="250"></br>
- To edit this page Customize > Theme > CTRL + F > type "HULLO" > delete this then add a description about yourself. / other pages like self portraits, faqs, tumblr family and etc. :-)
- </div></div></div></div></div>
- <div id="02" class="popup_block">
- <div class="h2">Credits</div>
- <div class="h9">
- <br><img class="icon" src="http://media.tumblr.com/tumblr_lqpwogw3sQ1qa60d8.jpg" align="left" width="250"></br>
- <br><br><br><br><br><br>Winter Snowflakes by: <a href="http://fairycandles.tumblr.com">fairycandles</a>
- <br>Powered by: <a href="http://tumblr.com">Tumblr</a></br>
- </div></div></div></div></div>
- <div id="03" class="popup_block">
- <br><img class="icon" src="{image:Links}" align="left" width="250"></br>
- <div class="h2">Links</div>
- <div class="h9">
- <br><br><br><br><br><br>
- <a href="linkhere">link</a>
- || <a href="linkhere">link</a>
- || <a href="linkhere">link</a>
- || <a href="linkhere">link</a>
- || <a href="http://fairycandles.tumblr.com/" div id="nav">theme</a>
- </div></div></div>
- </div></div></div></div></div></div></div></div></div></div></div></div>
- </body>
- </html>