Um lay: Lay personalizado.

Que fofo >;<

Oi me chamo Bianca tenho 14 anos! Moro em Minas gerais, sou ~~geminiana~~ e cruzeirense ♥

Zero

MENU:

<a href="Link"><bdg>Nome</bdg></a><a href="Link"><bdg>Nome</bdg></a><a href="Link"><bdg>Nome</bdg></a><a href="Link"><bdg>Nome</bdg></a><a href="Link"><bdg>Nome</bdg></a><a href="Link"><bdg>Nome</bdg></a><a href="Link"><bdg>Nome</bdg></a><a href="Link"><bdg>Nome</bdg></a

CÓDIGO:

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<head>

<b:if cond='data:blog.isMobile'>

<b:else/>

</b:if>

<b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name: Travel

Designer: Sookhee Lee

URL: www.plyfly.net

----------------------------------------------- */

/* Variable definitions

====================

<Variable name="body.font" description="Font" type="font"

default="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif"/>

</Group>

</Group>

</Group>

<Variable name="header.font" description="Font" type="font"

default="normal normal 60px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 36px Impact, sans-serif"/>

</Group>

<Variable name="description.text.color" description="Description Color" type="color"

default="$(body.text.color)" value="#666666"/>

</Group>

<Variable name="tabs.font" description="Font" type="font"

default="normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif"/>

</Group>

</Group>

<Variable name="date.font" description="Font" type="font"

default="normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif"/>

</Group>

text-align: center;

<Variable name="post.title.font" description="Font" type="font"

default="normal bold 10px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 30px Dancing Script"/>

<Variable name="post.title.text.color" description="Text Color" type="color"

default="#ffffff" value="#000000"/>

</Group>

<Variable name="post.background.color" description="Background Color" type="color"

default="transparent" value="#ffffff"/>

</Group>

<Variable name="widget.title.font" description="Font" type="font"

default="normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif"/>

</Group>

<Variable name="widget.font" description="Font" type="font"

default="$(body.font)" value="$(body.font)"/>

</Group>

</Group>

</Group>

<Variable name="body.background" description="Body Background" type="background"

color="$(body.background.color)" default="$(color) none repeat-x scroll top center" value="$(color) url(http://4.bp.blogspot.com/-laDDT-L9xFg/URGk3NfAKvI/AAAAAAAAC28/UMsp9TX8sx4/s1600/2mhiidc.png) repeat scroll top left"/>

<Variable name="content.background" description="Content Background" type="background"

color="$(content.background.color)" default="$(color) none repeat scroll top center" value="#ffffff url(//www.blogblog.com/1kt/travel/bg_container.png) repeat-x scroll top left"/>

<Variable name="comments.background" description="Comments Background" type="background"

default="#cccccc none repeat scroll top center" value="#cccccc none repeat scroll top center"/>

<Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"

default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="none"/>

<Variable name="tabs.selected.background.gradient" description="Tabs Selected Background Gradient" type="url"

default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="none"/>

<Variable name="widget.outer.background.gradient" description="Sidebar Gradient" type="url"

default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="none"/>

<Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"

default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>

/* Content

----------------------------------------------- */

body {

font: $(body.font);

color: $(body.text.color);

background: $(body.background);

}

html body .region-inner {

min-width: 0;

max-width: 100%;

width: auto;

}

a:link {

color: #E9A1C0;

text-decoration: none;

-webkit-transition: color 0.7s ease-out;-moz-transition:

color 0.7s ease-out;transition: color 0.7s ease-out;

}

a:visited {

color: #33CCCC;

text-decoration:none;

filter:alpha(opacity=100);

-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;

}

a:hover {

color: #707070;

text-decoration:none;

filter:alpha(opacity=100);

-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;

}

.content-outer .content-cap-top {

height: ;

background: repeat-x scroll top center;

}

.content-outer {

margin: 0 auto;

}

.content-inner {

background: ;

background-position: ;

background-color: ;

}

.main-inner .date-outer {

margin-bottom: 2em;

}

/* Header

----------------------------------------------- */

.header-inner .Header .titlewrapper,

.header-inner .Header .descriptionwrapper {

padding-left: 10px;

padding-right: 10px;

}

.Header h1 {

font: $(header.font);

color: $(header.text.color);

}

.Header h1 a {

color: $(header.text.color);

}

.Header .description {

font-size: 130%;

}

/* Tabs

----------------------------------------------- */

.tabs-inner {

margin: 1em 0 0;

padding: 0;

}

.tabs-inner .section {

margin: 0;

}

.tabs-inner .widget ul {

padding: 0;

background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;

}

.tabs-inner .widget li {

border: none;

}

.tabs-inner .widget li a {

display: inline-block;

padding: 1em 1.5em;

color: $(tabs.text.color);

font: $(tabs.font);

}

.tabs-inner .widget li.selected a,

.tabs-inner .widget li a:hover {

position: relative;

z-index: 1;

background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;

color: $(tabs.selected.text.color);

}

/* Headings

----------------------------------------------- */

h2 {

ffont: normal normal 15px muli;

color: #fff;

background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeFM_6rsM1QqsU7RR85tWlwgb2_0O4tvkdlo1xJkob_HKz4ZGAZuE5GE29OpUlxscyWjIcJ28QBoz4XMkm09WDOo0dZHwo9Gnn4QkE-nTC01WR2T36lKMgxvf11Jo3xwaYGZlHyDrJpGY/s1600/2.png")repeat-x;

height: 32px;

margin-left: -5px;

margin-right: -5px;

margin-top: -5px;

text-align: center;

padding-top: 7px;

margin-bottom: 3px;

text-shadow: 1px 1px 3px #8DADC6;

}

.main-inner h2.date-header {

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

border-radius: 3px;

text-align: center;

background: #FFF;

margin: 15px -15px -15px -130px;

color: #000000;

Border-Bottom: 2px solid #00FFFF;

Border-left: 2px solid #00FFFF;

Border-right: 2px solid #00FFFF;

Border-top: 2px solid #00FFFF;

width: 18%;

float: left;

}

/* Main

----------------------------------------------- */

.main-inner {

padding: $(content.padding) 0;

}

.main-inner .column-center-inner {

padding: $(content.posts.padding) 0;

}

.main-inner .column-center-inner .section {

margin: 0 $(content.posts.padding);

}

.main-inner .column-right-inner {

margin-left: $(content.padding);

}

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

margin-left: $(content.padding);

background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;

}

.main-inner .column-left-inner {

margin-right: $(content.padding);

}

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

margin-right: $(content.padding);

background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;

}

.main-inner .column-left-inner,

.main-inner .column-right-inner {

padding: 15px 0;

}

/* Posts

----------------------------------------------- */

h3.post-title a {

text-align: center;

font: $(post.title.font);

color: $(post.title.text.color);

}

h3.post-title a:hover {

text-decoration: underline;

}

.main-inner .column-center-outer {

.post-outer {

margin: 4px 2px 10px;

background: #fff;

padding: 20px 10px;

}

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

background: $(post.background.color) $(post.background.url) repeat scroll top left;

_background-image: none;

box-shadow: inset 0 0 30px #EEE9E9, 0 0 4px #ccc;

border-width: 29px 1px 0px 0px;

border-top: 5px solid #00FFFF;

border-bottom: 5px solid #00FFFF;}

}

.post-body {

line-height: 1.4;

position: relative;

}

.post-header {

margin: 0 0 1em;

line-height: 1.6;

}

.post-footer {

margin: .5em 0;

line-height: 1.6;

}

#blog-pager {

font-size: 140%;

}

#comments {

background: $(comments.background);

padding: 15px;

}

#comments .comment-author {

padding-top: 1.5em;

}

#comments h4,

#comments .comment-author a,

#comments .comment-timestamp a {

color: $(post.title.text.color);

}

#comments .comment-author:first-child {

padding-top: 0;

border-top: none;

}

.avatar-image-container {

margin: .2em 0 0;

}

/* Comments

----------------------------------------------- */

#comments a {

color: $(post.title.text.color);

}

.comments .comments-content .icon.blog-author { position:absolute; top: -2px; right: 160px; margin:0; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1J-ysKkFzbAh-NyCxDhFpj7aFoZhU71tz1Zv4vWOxhcMlG5lqvhIIvltQUnPJ_QtIuAlz7-ni6vAHD1om1N881Bks6LOWzck2QToeHcYhbF_7kGq66uwMLQwhIyR4yM6V0GdNNM8MPLI/s1600/author.png); width:32px; height:30px }

background-repeat: no-repeat;

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);

}

.comments .comments-content .loadmore a {

border-top: 1px solid $(post.title.text.color);

border-bottom: 1px solid $(post.title.text.color);

}

.comments .comment-thread.inline-thread {

background: $(post.background.color);

}

.comments .continue {

border-top: 2px solid $(post.title.text.color);

}

/* Widgets

----------------------------------------------- */

.sidebar .widget {

border-bottom: 2px solid $(widget.border.bevel.color);

padding-bottom: 10px;

margin: 10px 0;

}

.sidebar .widget:first-child {

margin-top: 0;

}

.sidebar .widget:last-child {

border-bottom: none;

margin-bottom: 0;

padding-bottom: 0;

}

.footer-inner .widget,

.sidebar .widget {

padding-bottom: 15px;

margin: 10px 0;

background: #fff;

border-top:2px solid #c2d7db;

border-right: 2px solid #e595b1;

border-bottom: 2px solid #c9ceb4;

border-left: 2px solid #c0a5c3;

padding: 4px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 0px 10px 10px 10px;

}

.sidebar .widget {

background:#fff;

margin-left:20px 5;

padding:2px;

padding-left: 5px;

padding-bottom: 15px;

padding-right: 5px;

padding-top: 3px;

box-shadow: 0 0 2px #ccc;

}

.sidebar h2 {

font: normal normal 12px Short Stack;

border-bottom: 4px double #ffa9d6;

color: #666;

background: url(http://i1096.photobucket.com/albums/g336/BellaTuckM/linepattern.png) repeat center;

height: 12px;

width: 260px;

text-align: center;

}

.sidebar .widget a:link {

color: $(widget.link.color);

text-decoration: none;

}

.sidebar .widget a:visited {

color: $(widget.link.visited.color);

}

.sidebar .widget a:hover {

color: $(widget.link.color);

text-decoration: underline;

}

.footer-inner .widget a:link {

color: $(link.color);

text-decoration: none;

}

.footer-inner .widget a:visited {

color: $(link.visited.color);

}

.footer-inner .widget a:hover {

color: $(link.color);

text-decoration: underline;

}

.widget .zippy {

color: $(widget.alternate.text.color);

}

.footer-inner {

background: transparent $(footer.background.gradient) repeat scroll top center;

}

/* Mobile

----------------------------------------------- */

body.mobile {

padding: 0 10px;

background-size: 100% auto;

}

body.mobile .AdSense {

margin: 0 -10px;

}

.mobile .body-fauxcolumn-outer {

background: $(mobile.background.overlay);

}

.mobile .footer-inner .widget a:link {

color: $(widget.link.color);

text-decoration: none;

}

.mobile .footer-inner .widget a:visited {

color: $(widget.link.visited.color);

}

.mobile-post-outer a {

color: $(post.title.text.color);

}

.mobile-link-button {

background-color: $(link.color);

}

.mobile-link-button a:link, .mobile-link-button a:visited {

color: $(mobile.button.color);

}

.mobile-index-contents {

color: $(body.text.color);

}

.mobile .tabs-inner .PageList .widget-content {

background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;

color: $(tabs.selected.text.color);

}

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {

border-$startSide: 1px solid $(tabs.selected.text.color);

}::-moz-selection {

background:#F7DFDD; /*Cor do fundo*/

color:#E49D98; /*Cor da fonte*/

}

::selection {

background:#F7DFDD;/*Cor do fundo*/

color:#E49D98; /*Cor da fonte*/

}

blockquote {

background: #f5f5f5;

border: 1px solid #00688B;

color: #00688B;

font-family: century gothic;

font-weight: normal;

font-size: 11px;

text-align: right;

padding: 7px;

border-radius: 25px;

}

blockquote:hover {

border: 2px solid #000000;

}

/**======================================================================

AREA GERAL DOS COMMENTS

========================================================================**/

@font-face {font-family: 'Lilita One';src:local('Lilita One'),local('LilitaOne'),url('http://themes.googleusercontent.com/static/fonts/lilitaone/v1/4FUUC-PxqHfbmE-DcA6LXBsxEYwM7FgeyaSgU71cLG0.woff') format('woff')}

.comments{

width:99% !important; /* TAMANHO DA AREA DOS COMMENTS - se passar da coluna diminua */

margin:0 auto;

font-style:normal !important;

font-size:12px !important; /* TAMANHO DO TEXTO - se ficar pequeno, aumente os pixels */

font-family:verdana !important; /* FONT DO TEXTO - se preferir troque */

background:#fff url(http://2.bp.blogspot.com/-iJ1LK15jHAY/Ty7rXjEFSnI/AAAAAAAABQE/Hau4ICCb_m0/s1600/ghfh.jpg) !important;

border-radius:10px;

}

/**=======================================================================

HEADING DOS COMMENTS (1 comentario, 2 comentários...)

========================================================================**/

.comments h3,.comments h4{

text-shadow:0 1px #666;

width:98%;

padding:7px;

margin-bottom:10px;

color:rgb(255,204,0); /* COR DO TEXTO - se preferir troque */

font-family:'Lilita One' !important;/* FONT-FAMILY - se preferir troque */

font-size:33px !important; /* TAMANHO DO TEXTO - se preferir troque */

}

/** ==================================================================

BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone ...)

====================================================================**/

.comments .comment-block {

position:static !important; /* MANTÉM O AVATAR NA FRENTE DO BLOCO - NÃO MUDE */

background:#fff; /* COR DO FUNDO */

margin-left:28px;

padding:0 15px 5px 23px;

border-top:5px rgb(255,204,0) solid;

border-bottom-left-radius:30px;

border-bottom-right-radius:5px;

box-shadow:0 0 3px #aaa

}

.comments .comments-content .comment {

padding:20px 10px !important;

margin-bottom:15px !important

}

/* estilos para o nome do autor do comentário */

.comments .comments-content .user a{

background:none !important;

font-style:normal;

border:0;

color:#ff1490 !important;

text-shadow:0 1px #fff;

font-family:'Lilita One';

font-size:20px;

border-bottom-right-radius:10px;margin-top:-2px

}

.comments .comments-content .user{

font-style:normal;

border:0;

color:#ff1490 !important;

text-shadow:0 1px #fff;

font-family:'Lilita One';

font-size:20px;

background:rgb(255,204,0);

padding:4px 36px;

border-bottom-right-radius:10px;margin-top:-2px

}

/* estilo da data */

.comments .comments-content .datetime a{

background:none !important;

font:bold 11px courier new;

float:right;

font-size:10px;

color:rgb(255,204,0);

border:0 !important

}

/* estilo do avatar */

.avatar-image-container {

min-width:75px; /* determina um minimo de largura */

min-height:75px; /* determina um minimo de altura */

border:5px rgb(255,204,0) solid; /* borda */

border-radius:60px; /* arredondamento */

padding:0 !important;

margin-left:-6px !important;

margin-top:0 !important;

position:absolute !important;

overflow:hidden /* hack para evitar serrilhado na imagem */;

background:#87a;

}

.avatar-image-container img {

border:7px #87a solid;

margin:0;

max-height:60px;

min-height:60px;

max-width:60px;

min-width:60px;

border-radius:60px; /* arredondamento */

}

/** ==================================================================

TEXTO DO COMENTÁRIO

====================================================================**/

.comments p{

background:transparent !important;

border:0 !important;

font-style:normal !important;

font-size:12px !important;

font-family:trebuchet ms !important;

text-shadow:0 1px #ddd !important;

padding-left:40px !important;

color:#666 !important

}

/** ==================================================================

BOTAO - RESPONDER

====================================================================**/

/* botao responder do segundo nível */

.comments .continue a {

background: rgb(255,204,0) !important;

color:#ff1490 !important;

float:right;

padding:2px 4px!important;

height:23px;line-height:23px !important;

margin-top:-40px !important;

text-shadow:0 1px #fff !important

}

/* botao responder do primeiro nível, mais estilos para o botao do segundo nível */

.comments .comment .comment-actions a,.comments .continue a {

font-size:11px !important;

color:#fff;

padding:3px 6px;

border:0 !important;

line-height:40px;

margin:5px;

margin-left:15px;

font-family:helvetica;

text-shadow: 0 1px #999;

border-radius: .5em;

background: #87a;

font-weight:800;

box-shadow:inset 0 1px 2px #666

}

/* botao hover*/

.comments .comment .comment-actions a:hover,.comments .comments-content .user a:hover {

text-decoration:none !important;

padding-bottom:4px

}

/* estilos para bloco de respostas */

.comments .comment-thread.inline-thread {

background-color:transparent !important;

padding:0.5em 1em;

border-radius:5px;

border:1px #ddd dashed

}

.comments .comments-content .comment-replies {

margin-top:1em;

margin-left:56px !important

}

.comments .continue {

border-top:0 !important;

margin-top:10px !important

}

.comments .thread-toggle,.icon.blog-author {display:none !important}

/** ==================================================================

BONUS - estilos para formatação do texto dos comments

====================================================================**/

.comments .comments-content a{background:#87a url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif)no-repeat left;color:#000;padding-left:15px;padding-right:3px;font-weight:400}

.comments .comments-content em{font:normal 12px 'segoe script';color:#fff}

.comments .comments-content b{font:bold 11px 'arial';color:#999;text-shadow:0 0}

.comments .comments-content strong {margin:10px 0;border:1px #fff solid;background:url(http://2.bp.blogspot.com/-rRFTCvBi0A4/TwXcVciZO0I/AAAAAAAAWzM/K2dXpNdjcaw/s1600/code.jpg);overflow:auto;width:98%;position:relative;border-radius:10px;box-shadow:0 0 5px rgb(199,198,166);color:#000;display:block;padding:5px 12px;text-shadow:0 1px #fff;line-heigth:18px;font-size:12px}

/** ==================================================================

Fim [by Gizaa// http://candylland.blogspot.com]

====================================================================**/

b, strong {color: #FF1493; text-decoration: none; cursor: normal; }

i {color: #FF69B4; text-decoration: none; cursor: normal; }

u, underline {color:#000000; text-decoration: none; border-bottom: 1px dashed #9400D3; cursor: normal;}

.sidebar .widget {

background:#fff;

margin-left:20px 5;

padding:2px;

padding-left: 5px;

padding-bottom: 15px;

padding-right: 5px;

padding-top: 3px;

box-shadow: 0 0 2px #ccc;

#posiciona{position:absolute; margin-left: 100px; margin-top:10px; width:800px;}

.home{background: url('http://i.imgur.com/LhH4D.png') ; display: inline-block; width: 107px; height: 48px; overflow: hidden; margin-right:2px; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;}

.home:hover{-webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;}

@-webkit-keyframes bounce {

0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}

40% {-webkit-transform: translateY(-30px);}

60% {-webkit-transform: translateY(-15px);}}

.ask{background: url('http://i.imgur.com/gsruL.png') ; display: inline-block; width: 107px; height: 48px; overflow: hidden; margin-right:2px; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;}

.ask:hover{-webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;}

@-moz-keyframes bounce {

0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}

40% {-moz-transform: translateY(-30px);}

60% {-moz-transform: translateY(-15px);}

}

.about{background: url('http://i.imgur.com/B9wtB.png') ; display: inline-block; width: 107px; height: 48px; overflow: hidden; margin-right:2px; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;}

.about:hover{-webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;}

@keyframes bounce {

0%, 20%, 50%, 80%, 100% {transform: translateY(0);}

40% {transform: translateY(-30px);}

60% {transform: translateY(-15px);}

}

.ext{background: url('http://i.imgur.com/QIrEF.png') ; display: inline-block; width: 107px; height: 48px; overflow: hidden; margin-right:2px; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;}

.ext:hover{-webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;}

@-o-keyframes bounce {

0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}

40% {-o-transform: translateY(-30px);}

60% {-o-transform: translateY(-15px);}

}

.tem{background: url('http://i.imgur.com/x7I6e.png') ; display: inline-block; width: 107px; height: 48px; overflow: hidden; margin-right:1px; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;}

.tem:hover{-webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;}

~> Blockquote Lavender - By Pincelando o Céu <~.post blockquote {background: #FFF5FF;-webkit-border-top-right-radius: 30px;-moz-border-radius-topright: 30px;border-top-right-radius: 30px;border-right: 4px groove #E6D1FF;font-size: 13px;text-align:center;}

/*---Início do Menu com Efeito by Bomba de Glitter---*/bdg {font-family: tahoma; /* Fonte do Menu */width: 17%; /* Tamanho do Menu */float: left;background:#8EE5EE; /* Cor do fundo do Menu */padding: 5px;text-align: center;margin: 2px;-webkit-border-radius: 9px 0px 9px 0px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao meu */-webkit-transition-duration: .80s; /* Duração do Efeito - não modifique se quiser o efeito igual ao meu */font-size: 08pt; /* Tamanho da fonte */color: #fff; /* Cor da fonte */}

bdg:hover {font-family: tahoma; /* Fonte do Menu quando passa o mouse */width: 17%; /* Tamanho do Menu quando passa o mouse */float: left;background:#FF69B4; /* Cor do fundo do Menu quando passa o mouse */padding: 5px;text-align: center;margin: 2px;-webkit-border-radius: 0px 9px 0px 9px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao meu */-webkit-transition-duration: .80s; /* Duração do Efeito - não modifique se quiser o efeito igual ao meu */font-size: 08pt; /* Tamanho da fonte do Menu quando passa o mouse */color: #fff; /* Cor da fonte do Menu quando passa o mouse */}/*---Fim do Menu com Efeito by Bomba de Glitter---*/ }

/**======================================================================

AREA GERAL DOS COMMENTS

========================================================================**/

.comments{

width:99% !important; /* TAMANHO DA AREA DOS COMMENTS - se passar da coluna diminua */

margin:0 auto;

font-style:normal !important;

font-size:12px !important; /* TAMANHO DO TEXTO - se ficar pequeno, aumente os pixels */

font-family:verdana !important; /* FONT DO TEXTO - se preferir troque */

background:#fff url(http://2.bp.blogspot.com/-iJ1LK15jHAY/Ty7rXjEFSnI/AAAAAAAABQE/Hau4ICCb_m0/s1600/ghfh.jpg) !important;

border-radius:10px;

}

/**=======================================================================

HEADING DOS COMMENTS (1 comentario, 2 comentários...)

========================================================================**/

.comments h3,.comments h4{

text-shadow:0 1px #666;

width:98%;

padding:7px;

margin-bottom:10px;

color:rgb(255,204,0); /* COR DO TEXTO - se preferir troque */

font-family:'Lilita One' !important;/* FONT-FAMILY - se preferir troque */

font-size:33px !important; /* TAMANHO DO TEXTO - se preferir troque */

}

/** ==================================================================

BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone ...)

====================================================================**/

.comments .comment-block {

position:static !important; /* MANTÉM O AVATAR NA FRENTE DO BLOCO - NÃO MUDE */

background:#fff; /* COR DO FUNDO */

margin-left:28px;

padding:0 15px 5px 23px;

border-top:5px rgb(255,204,0) solid;

border-bottom-left-radius:30px;

border-bottom-right-radius:5px;

box-shadow:0 0 3px #aaa

}

.comments .comments-content .comment {

padding:20px 10px !important;

margin-bottom:15px !important

}

/* estilos para o nome do autor do comentário */

.comments .comments-content .user a{

background:none !important;

font-style:normal;

border:0;

color:#ff1490 !important;

text-shadow:0 1px #fff;

font-family:'Lilita One';

font-size:20px;

border-bottom-right-radius:10px;margin-top:-2px

}

.comments .comments-content .user{

font-style:normal;

border:0;

color:#ff1490 !important;

text-shadow:0 1px #fff;

font-family:'Lilita One';

font-size:20px;

background:rgb(255,204,0);

padding:4px 36px;

border-bottom-right-radius:10px;margin-top:-2px

}

/* estilo da data */

.comments .comments-content .datetime a{

background:none !important;

font:bold 11px courier new;

float:right;

font-size:10px;

color:rgb(255,204,0);

border:0 !important

}

/* estilo do avatar */

.avatar-image-container {

min-width:75px; /* determina um minimo de largura */

min-height:75px; /* determina um minimo de altura */

border:5px rgb(255,204,0) solid; /* borda */

border-radius:60px; /* arredondamento */

padding:0 !important;

margin-left:-6px !important;

margin-top:0 !important;

position:absolute !important;

overflow:hidden /* hack para evitar serrilhado na imagem */;

background:#87a;

}

.avatar-image-container img {

border:7px #87a solid;

margin:0;

max-height:60px;

min-height:60px;

max-width:60px;

min-width:60px;

border-radius:60px; /* arredondamento */

}

/** ==================================================================

TEXTO DO COMENTÁRIO

====================================================================**/

.comments p{

background:transparent !important;

border:0 !important;

font-style:normal !important;

font-size:12px !important;

font-family:trebuchet ms !important;

text-shadow:0 1px #ddd !important;

padding-left:40px !important;

color:#666 !important

}

/** ==================================================================

BOTAO - RESPONDER

====================================================================**/

/* botao responder do segundo nível */

.comments .continue a {

background: rgb(255,204,0) !important;

color:#ff1490 !important;

float:right;

padding:2px 4px!important;

height:23px;line-height:23px !important;

margin-top:-40px !important;

text-shadow:0 1px #fff !important

}

/* botao responder do primeiro nível, mais estilos para o botao do segundo nível */

.comments .comment .comment-actions a,.comments .continue a {

font-size:11px !important;

color:#fff;

padding:3px 6px;

border:0 !important;

line-height:40px;

margin:5px;

margin-left:15px;

font-family:helvetica;

text-shadow: 0 1px #999;

border-radius: .5em;

background: #87a;

font-weight:800;

box-shadow:inset 0 1px 2px #666

}

/* botao hover*/

.comments .comment .comment-actions a:hover,.comments .comments-content .user a:hover {

text-decoration:none !important;

padding-bottom:4px

}

/* estilos para bloco de respostas */

.comments .comment-thread.inline-thread {

background-color:transparent !important;

padding:0.5em 1em;

border-radius:5px;

border:1px #ddd dashed

}

.comments .comments-content .comment-replies {

margin-top:1em;

margin-left:56px !important

}

.comments .continue {

border-top:0 !important;

margin-top:10px !important

}

.comments .thread-toggle,.icon.blog-author {display:none !important}

/** ==================================================================

BONUS - estilos para formatação do texto dos comments

====================================================================**/

.comments .comments-content em{font:normal 12px 'segoe script';color:#fff}

.comments .comments-content b{font:bold 11px 'arial';color:#999;text-shadow:0 0}

/** ==================================================================

Fim [by Gizaa// http://candylland.blogspot.com]

====================================================================**/

]]></b:skin>

<b:template-skin>

<b:variable default='960px' name='content.width' type='length' value='1010px'/>

<b:variable default='0' name='main.column.left.width' type='length' value='0px'/>

<b:variable default='310px' name='main.column.right.width' type='length' value='320px'/>

<![CDATA[

body {

min-width: $(content.width);

}

.content-outer, .content-fauxcolumn-outer, .region-inner {

min-width: $(content.width);

max-width: $(content.width);

_width: $(content.width);

}

.main-inner .columns {

padding-left: $(main.column.left.width);

padding-right: $(main.column.right.width);

}

.main-inner .fauxcolumn-center-outer {

left: $(main.column.left.width);

right: $(main.column.right.width);

/* IE6 does not respect left and right together */

_width: expression(this.parentNode.offsetWidth -

parseInt("$(main.column.left.width)") -

parseInt("$(main.column.right.width)") + 'px');

}

.main-inner .fauxcolumn-left-outer {

width: $(main.column.left.width);

}

.main-inner .fauxcolumn-right-outer {

width: $(main.column.right.width);

}

.main-inner .column-left-outer {

width: $(main.column.left.width);

right: 100%;

margin-left: -$(main.column.left.width);

}

.main-inner .column-right-outer {

width: $(main.column.right.width);

margin-right: -$(main.column.right.width);

}

#layout {

min-width: 0;

}

#layout .content-outer {

min-width: 0;

width: 800px;

}

#layout .region-inner {

min-width: 0;

width: auto;

}

]]>

</b:template-skin>

</head>

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='yes'>

<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>

</b:section>

<b:if cond='data:blog.pageType == "index"'>

<b:if cond='data:blog.metaDescription'>

</b:if>

</div>

</b:if>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Mundo Doce (Cabeçalho)' type='Header'/>

</b:section>

</div>

</div>

</header>

</div>

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>

<b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>

</b:section>

</div>

<aside>

<macro:include id='main-column-left-sections' name='sections'>

<macro:param default='0' name='num' value='0'/>

<macro:param default='sidebar-left' name='idPrefix'/>

<macro:param default='sidebar' name='class'/>

<macro:param default='true' name='includeBottom'/>

</macro:include>

</aside>

</div>

<aside>

<macro:include id='main-column-right-sections' name='sections'>

<macro:param default='2' name='num' value='1'/>

<macro:param default='sidebar-right' name='idPrefix'/>

<macro:param default='sidebar' name='class'/>

<macro:param default='true' name='includeBottom'/>

</macro:include>

</aside>

</div>

</div>

</div>

</div>

</div>

<macro:include id='footer-sections' name='sections'>

<macro:param default='2' name='num' value='1'/>

<macro:param default='footer' name='idPrefix'/>

<macro:param default='foot' name='class'/>

<macro:param default='false' name='includeBottom'/>

</macro:include>

<b:section class='foot' id='footer-3' showaddelement='no'>

<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

</b:section>

</div>

</div>

</footer>

</div>

</div>

window.setTimeout(function() {

document.body.className = document.body.className.replace('loading', '');

}, 10);

</script>

<b:include data='blog' name='google-analytics'/>

</body>

<macro:includable id='sections' var='col'>

<macro:if cond='data:col.num == 0'>

<macro:else/>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>

<macro:if cond='data:col.num >= 2'>

<tbody>

<tr>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>

</td>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>

</td>

<macro:if cond='data:col.num >= 3'>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>

</td>

</macro:if>

<macro:if cond='data:col.num >= 4'>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>

</td>

</macro:if>

</tr>

</tbody>

</table>

<macro:if cond='data:col.includeBottom'>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>

</macro:if>

</macro:includable>

<b:section-contents id='sidebar-right-1'>

<b:widget id='Image1' locked='false' title='Olá!' type='Image'/>

<b:widget id='HTML1' locked='false' title='Navegue:' type='HTML'/>

<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>

</b:section-contents><b:section-contents id='footer-1'/></html>

28 de jan. de 2013

Lay personalizado.

Um comentário: