Page About #2

<html>
<!------------------------------------------------------------------

 |    THEME FEITO TOTALMENTE POR SIMONE MONTILARES                   |
        (CEREJADOSUNDAE.TUMBLR.COM)
 |   ROUBAR É CRIME, PLÁGIO É CONSIDERADO COMO ROUBO, ANTES DE PEGAR |
      ALGO DAQUI E DIZER QUE É SEU, TENHA EMPATIA E APRENDA A FAZER
 |    SUAS PRÓPRIAS COISAS. VOCÊ TAMBÉM É CAPAZ.                     |

 ------------------------------------------------------------------->
<head>

<link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Almendra+Display' rel='stylesheet' type='text/css'>
     <title>About me</title>
<link rel="shortcut icon" href="{favicon}" />
</head>
<style>

/*Personalização do corpo e fundo*/
body{background: #eee Url('http://media.tumblr.com/tumblr_mbuic0red21qe5v0r.png'); color: #aaa; font-family: Verdana; font-size: 11px;  background-attachment:fixed; background-repeat:repeat; }

/*Personalização dos links e negrito*/
a:link, a:visited, a:active {color: #9A91BF; text-shadow: 0 0px 0px #ffffff; letter-spacing: 1px; text-decoration: none;}
a:hover {color: #000; -webkit-transition-duration: .99s;}

b, strong, bold {color: #92ABB2;}

u,underline {color: #92ABB2; border-bottom: 1px dotted #aaa; text-decoration:none; }

i, em{color: #92ABB2; }

/*Personalização da scrollbar*/
::-webkit-scrollbar-thumb:vertical {
background-color: #f1cccf;
height:auto;
border: 1px solid #d6d6d6;border-radius:4px;}

::-webkit-scrollbar-thumb:horizontal {
background-color:#f1cccf;
height:auto !important;}

::-webkit-scrollbar {
height:auto;
width:7px;
background-color: #fff;;}

/*Personalização dos titulos*/
.frase {width:187px;position:fixed; margin-left:1px;overflow: hidden;height:25px;margin-top:-0px; font-size: 20px;font-family: 'Patrick Hand SC', cursive;text-align:center;color:#000; z-index:11; padding:3px;line-height:30px;background:rgba(255,255,255,0.5); }
#canto1 {width: 0; height: 0; border-top: 15px solid rgba(255,255,255,0.5); border-left:10px solid transparent; border-bottom: 15px solid transparent; border-right:10px solid transparent;position:fixed;margin-top:31px;margin-left:10px;}
h3 {font-size:35px;font-family: 'Sacramento', cursive;text-align:center;color:#92ABB2;margin-bottom:10px;margin-top:16px;line-height:5px;float:left;margin-right:50px;}

/*Personalização das sidebar's*/
.sidebar { width:700px; margin-top:50px;}
.sidebar2 { width:700px; margin-top:50px;background:#000;}

/*Personalização das bordas*/
.bordems{width:185px;border:4px solid #eee ;}
.border{ width:55px;border:2px solid rgba(0,0,0,0.3) ;border-radius:4px;};opacity:0.6;-webkit-transition-duration: .80s;}
.border:hover{opacity:1}

/*Personalização dos menus*/
.menusm {background: #BDCBD0;color:#fff; height:14px; display: inline-block; padding: 4px; text-align: center;    margin:1px; font-family: georgia;font-style:italic;width:87px;
font-size:9px;float:left;

text-decoration: none; letter-spacing: 0.10em;   box-shadow:0px 0px 0px #eee; -webkit-transition-duration: .90s;-webkit-transition-duration: .80s; border-radius: 01px;line-height:14px;}
.menusm:hover {color:#6F8891;}

.menusm2 {background: #92ABB2;color:#fff;font-style:italic; height:20px; display: inline-block; padding: 2px; text-align: center;   width:50px; float: center; margin:12px 1px 1px 2px;font-family: georgia;font-size:17px;text-decoration: none; letter-spacing: -1px;    font-weight: normal;  -webkit-transition-duration: .90s;-webkit-transition-duration: .80s; border-radius: 01px;line-height:20px;}
.menusm2:hover {background: #D9E2E5;color:#fff;}

/*Personalização dos box's*/

.box2:first-letter{font-family: 'Almendra Display', cursive; font-size: 35px;line-height:30px;position:fixed;}
.box2{background: rgba(255,255,255,0.4);  ;padding:4px;width:470px;margin-top:38px;-webkit-transition-duration: .80s;float:right;border-radius:4px;color:#aaa;border: 4px solid #eee;}
/***************** Menuzinho Simone (cerejadosundae) **/
.caixasm{width:auto;top:-2px;left:5px;position:fixed;z-index: 100;}
.navsm img{width:20px;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;}
.navsm{line-height:16px;height:18px;margin: 1px; display: block;width:18px;font-size:18px;color:#777;padding:4px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;float:left;  }
.navsm:hover img {-webkit-transform: rotate(360deg);  }


.box4{background: rgba(255,255,255,0.4);  ;padding:4px;width:195px;margin-top:38px;float:left;border-radius:4px;color:#eee;border: 4px solid #eee;}
.boxsm{width:210px;margin-top:1px;float:left; }

</style>
<body><div class="caixasm"><a href="LINKDOTWITTER" title="follow me"><div class="navsm"><img src="http://cdn5.iconfinder.com/data/icons/20-web2_0-icons-pencil/48/twitter-pencil.png"></a></div><br><a href="LINKDOFACEBOOK" title="Facebook"><div class="navsm"><img src="http://cdn1.iconfinder.com/data/icons/20-web2_0-icons-pencil/48/facebook-pencil.png"></a></div><br><a href="LINKDOFLICKR" title="Flickr"><div class="navsm"><img src="http://cdn5.iconfinder.com/data/icons/20-web2_0-icons-pencil/48/flickr-pencil.png"></a></div><br><a href="http://ilovethemes.tumblr.com/" title="Onde encontrei esse menu"><div class="navsm"><img src="http://cdn3.iconfinder.com/data/icons/49handdrawing/128x128/configuration.png"></a></div></div><center><div class="sidebar"><div class="sidebar2">


<center><div class="box4 ">
<div class="frase">Frase</div><div id="canto1"></div><img src="http://25.media.tumblr.com/tumblr_m787xwAPIW1r60yz6o1_250.jpg"class="bordems"><div class="boxsm ">
<a href="http://nomedolink"><div class="menusm">link 1</div></a><a href="http://nomedolink"><div class="menusm">link 2</div></a><a href="http://nomedolink"><div class="menusm">link 3</div></a><a href="http://cerejadosundae.tumblr.com"><div class="menusm">Theme</div></a></div></div>
</div>


<div class="box2">


 Preencha o about com bastante coisa, que dê ao menos uma metade desse tamanho, ou vai ficar muito feio, sei lá preencha sobre o seu jeito, sua personalidade, um quote que te defina, sobre seu signo e afins. Preencha o about com bastante coisa, que dê ao menos uma metade desse tamanho, ou vai ficar muito feio, sei lá preencha sobre o seu jeito, sua personalidade, um quote que te defina, sobre seu signo e afins. Preencha o about com bastante coisa, que dê ao menos uma metade desse tamanho, ou vai ficar muito feio, sei lá preencha sobre o seu jeito, sua personalidade, um quote que te defina, sobre seu signo e afins. Preencha o about com bastante coisa, que dê ao menos uma metade desse tamanho, ou vai ficar muito feio, sei lá preencha sobre o seu jeito, sua personalidade, um quote que te defina, sobre seu signo e afins. Preencha o about com bastante coisa, que dê ao menos uma metade desse tamanho, ou vai ficar muito feio, sei lá preencha sobre o seu jeito, sua personalidade, um quote que te defina, sobre seu signo e afins.
</div>
</div>

         <div style="position:fixed;right:6px; bottom:35px;font-size: 8px;font-family: 'ronda';color:#fff;">

<a href="/"><div class="menusm2">Back</div></a>
</div></div></div></center>

</body></head>
</html><div style="position:fixed; bottom:35px;font-size: 9px;font-family: consolas;left:5px;color:#aaa;text-transform:uppercase;">
 <a href="http://cerejadosundae"title="design por cerejadosundae"> Theme</a>