As artes de Suzane: O meu Grande Sonho…

*/ /* ************************** Name: Tinkerbell Design: Lecca http://templatesbylecca.blogspot.com Icons: http://www.freeiconsweb.com Creditos: http://btemplates.com Author:http://templatesbylecca.blogspot.com Images: Google Lay: Templatesbylecca ***************************** /* ---( Basico do lay)--- */ body { margin: 0px; padding: 0px; text-align: left; font-family: arial; font-size: 12px; border: 0; color:#808080; background-image: url('http://4.bp.blogspot.com/_hcF8ssiWKd4/SgPAC_VXr9I/AAAAAAAAAoI/wp6mqQIMKw8/s1600/fd-tinker.gif'); } /* --------Lista style-------- */ ul { list-style: none; margin-left: 7px; padding: 0; } li { list-style: none; padding-left: 9px; margin-bottom: 3px; } /*----------- links------------- */ a:link { color:#D79540; text-decoration: none; } a:visited { color: #8A926D; text-decoration: none; } a:hover { color: #89B097; text-decoration: none; } a:active { color: #808080; text-decoration: none; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { background:url("http://3.bp.blogspot.com/_hcF8ssiWKd4/SgPADGA9XAI/AAAAAAAAAog/dS0Sn4FMy-8/s1600/table-tinker.gif"); background-repeat: repeat-y; width: 780px; margin:0 auto; padding:0; text-align:left; } #content-wrapper { text-align:left; margin-left: 0px; /* to avoid the border image */ width: 780px; } #main { width: 520px; margin: 0; padding:0 12px 0 10px; float:left; text-align:justify; margin-right:5px; margin-left:0px; margin-top: -25px; } /*----------SIDEBAR---------------*/ #sidebar { float: right; width: 190px; margin-right:18px; margin-top: -10px; color:#9DB3C9; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; } /* ------header nome do blog- --- */ #header-wrapper { margin: 0; } #header { margin: 0; height:341px; width:780; color: #9AB5C4; background: url('http://2.bp.blogspot.com/_hcF8ssiWKd4/SgPADLBwO2I/AAAAAAAAAoo/GQq4A9cqYVY/s1600/topo-tinker.gif') no-repeat top left; } /*-------TITULO DO BLOG---------*/ #header h1 { margin:0; padding:110px 10px 0 10px; text-align:left; margin-left:65px; font-size: 25px; font-weight:bold; line-height: 1.2em; letter-spacing:.1em; font-style:bold; color:#9AB5C4; } #header a:link, #header a:visited { color:#656A3E; text-decoration:none; } #header a:hover { color:#899155; text-decoration:none; } .descriptionwrapper p { padding-left:45px; margin:2px 0 0 15px; color:#606B32; } /* Search ----------------------------------------------- */ .searchform { float: right; border: none; margin: 80px 10px 0 0; margin-top:192px; margin-right:450px; background-image: url(''); width: 200px; height: 86px; } .searchform p { margin: 0; padding: 0;} .searchform input.textbox { margin: 0; padding: 5px 2px 5px 2px; width: 100px; border: 2px solid #C0B09A; background-color: #DED6C9; color: #736246; font-weight: bold; } /* ============== M E N U ===================== */ #menu { height:40px; line-height:25px; background: transparent; width:750px; margin-left: 25px; font-family: Tahoma; font-size: 11px; margin-top:-325px; border-bottom: 0px solid #C5747F; border-top: 0px solid #C5747F; } #menu ul { margin:0; padding:0; } #menu li { float:left; margin:0; padding:0; list-style-type:none; border-right:1px solid; white-space:nowrap; border-color: #BDC296; } #menu li a { display:block; padding:0 15px; font-size:0.8em; text-transform:uppercase; letter-spacing:1px; } * html #menu a { width:1%; } #menu a { color: #A6AD72; font-weight: bolder; } #menu .selected, #menu a:hover { background-image: #C9CDA9 url(''); color: #707544; text-decoration: none; border-bottom: 0px; font-weight: bolder; } /*--------------DESTAQUE----------------*/ #header2-assine { width: 150px; float: right; margin-right: 25px; margin-top: -325px; } /* ------estilo da pagina, posts, titulo...--- */ h2.date-header { width: 520px; border-bottom: 1px solid #c0c0c0; margin-bottom: 0px; margin-left: 5px; padding-left: 0px; padding-top: 0px; font-size: 105%; color: #9AB5C4; font-family:'"Monotype Corsiva"', Verdana, Trebuchet MS, Arial, Helvetica, Sans-serif; } /*---------Caixa onde vai comentarios e labels------------*/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .clearfix { display: inline-block;} html[xmlns] .clearfix { display: block;} * html .clearfix { height: 1%;} .feed-links { display: none; visibility: hiden; } .blog-feeds { text-align: right;} /* Posts ----------------------------------------------- */ .post { width: 520px; margin-left:12px; margin: 10px 5px;} .post h3 { color: #6F95A7; margin: 0; padding: 0 5px; font-size: 18px; font-family: "Verdana", Arial, Sans-Serif; line-height: 1.5em; border-bottom: 1px dashed #6F95A7;} .post h3 a, .post h3 a:visited { font-weight:normal; display:block; color: #6F95A7; text-decoration: none;} .post h3 a:hover { color: #686868; text-decoration: none;} .post h4 { color: #0c386e; font-size: 14px; font-weight: bold;} .post-body { padding: 10px; margin: 0; line-height: 1.5em;} .post p { margin:0 0 .75em;} .post-body ul { list-style-type: square; margin: 0 0 0 20px; padding: 0 0 10px 0;} .post-body ul li { list-style-type: square; margin: 0 0 0 20px; padding: 0 0 5px 0;} .post-body pre { background: #592D00 url() no-repeat scroll 2px 0px; padding-left: 2px; padding-top: 26px;} .post-body pre code { display: block; width: 520px; overflow: auto; padding: 0em 1em; color: #666666; border-left: 1px solid #43464a;} /*AREA DE COMENTARIOES ON DE FICA LABEL, */ #post-footer { margin: 0; padding: 5px 10px; background: url("http://4.bp.blogspot.com/_hcF8ssiWKd4/SgPACTQ9-yI/AAAAAAAAAno/6Iu0Z54-2Zw/s1600/barra-comente.gif") no-repeat; line-height: 16px; width: 500px;} span.post-metadata-left { float: left; width: 200px;} span.post-metadata-right { float: right; width: 200px; text-align: center;} .post img { padding: 0px; border: none;} .post blockquote { widht: 100%; color: #6C6C6C; text-align: left; padding-top: 2px; padding-left: 25px; padding-right: 2px; padding-bottom: 2px; background: #EFF7EF url('http://2.bp.blogspot.com/_hcF8ssiWKd4/SgPACuA6FMI/AAAAAAAAAn4/oNukkvXGR8Q/s1600/block.gif'); background-repeat: repeat-y; border-top: 1px solid #BD7839; border-left: 1px solid #BD7839; border-right: 1px solid #BD7839; border-bottom: 1px solid #BD7839; } .post-footer { font-size: 90%; color: #999999; } /*-------PAGINACAO---------------*/ #blog-pager a { text-decoration: none; padding: .2em 1em; margin: .2em; color: #000000; /* Cor do texto */ background-color: #B4C8D3; /* Cor de fundo */ border: 1px solid #ADC0B4; /* Cor da borda */ } #blog-pager a:hover { color: #000000; /* Cor do texto */ background-color: #C6CED3; /* Cor do destaque */ border: 1px solid #ADC0B4; /* Cor da borda */ } #blog-pager {text-align: right;} .post-body img { margin:5px; padding:1px; border:1px solid #808080; } /* Comments ----------------------------------------------- */ .gravatar { height: 46px; width: 40px; background: url(http://1.bp.blogspot.com/_hcF8ssiWKd4/SgPBXvzRhgI/AAAAAAAAAow/ydy_JEM0N8U/s1600/gravatar-tinker.gif) no-repeat; font: normal 22px Arial, Helvetica, sans-serif; color: #FFC4E1; text-align: center; padding: 0px 2px 0 0; line-height: 100%; float: left; border: 2px solid #A6BECB; } .comment-link { margin-left:35px; padding-top: 6px; background:url(http://3.bp.blogspot.com/_hcF8ssiWKd4/SgPACMPV4QI/AAAAAAAAAng/PxpzS50t9MY/s1600/balao-tinker.gif); top left no-repeat; float:right; width:38px; height:30px; font-size:18px; } .comment-link a:active { color:#A6BECB; margin-right:65px; text-decoration:none;} .comment-link a:hover { color:#fff; text-decoration:underline;} .post img { padding: 10px; border: 0px solid #C0C0C0; } #comments { background-color: #F7FBEE; margin: 10px; padding: 10px 0 10px 0;} #comments h4 { border: 0px solid #A6BECB; margin: 2px 0px 10px 0px; padding-bottom: 2px; color: #808080; clear: both; } #comments-block { background-color: #ECF5F9; margin:0 0 1.5em; line-height:1.6em; } #comments .comment-author { border: 0px solid #D9E5EB; margin: 0px; padding: 5px; background-color: #D9E5EB; font-size: 12px; font-weight: bolder; } .comment-body { border-bottom: 0px solid #e4f1fa; background-color: #D9E5EB; padding: 5px 5px 2px 5px; margin: 0px; font-size: 11px; } .comment-body p { margin: 0px; padding: 5px; } .comment-footer { margin: 0px 0px 10px 0px; padding: 5px 5px 5px 5px; font-size: 10px; background-color:#ECF5F9; } .deleted-comment { font-style:italic; color:gray; } /* Content ----------------------------------------------- */ .sidebar { color: #9AB5C4; line-height: 1.5em; margin: 0px; } .sidebar h2 { margin: 0px; padding: 12px 0px 0px 18px; background: url(http://1.bp.blogspot.com/_hcF8ssiWKd4/SgPACe6WqdI/AAAAAAAAAnw/VlZsAm1Ll2c/s1600/barra-seidebar.gif) no-repeat left; width: 183px; height: 31px; text-align: center; font-size:12px; color: #879DB4; } .sidebar ul { list-style:none; margin:5px; padding:0 0 0; } #sidebar li{ list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #CBD3DB; padding: 0 0 4px 16px; background: url(http://3.bp.blogspot.com/_hcF8ssiWKd4/SgPACqCf8MI/AAAAAAAAAoA/pXX8gjIST7o/s1600/estrela-tinker.gif) no-repeat 0 10px; } .sidebar ul li { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #CBD3DB; padding: 0 0 10px 20px; background: url(http://3.bp.blogspot.com/_hcF8ssiWKd4/SgPACqCf8MI/AAAAAAAAAoA/pXX8gjIST7o/s1600/estrela-tinker.gif) no-repeat 0 10px; } .sidebar .widget { margin:0 0 10px 0; padding:0px; background:transparent; text-align: left; } .main .widget{ width:520px; margin:5px; padding: 0px; background: transparent; } .main .Blog { border-bottom-width: 0; } .profile-textblock { margin:.5em 0 .5em; text-aling: justify; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #6F95A7; padding: 4px;} hr { display: none; } img { border: none; } /* ---( footer )--- */ .clear { /* este fixa IE6 padding-top */ clear: both; } #footer-wrapper { margin: 0; text-align: center; padding: 22px; font-size: 95%; } #footer { margin: 0; width: 780px; height:61px; padding: 0px; background: url('http://2.bp.blogspot.com/_hcF8ssiWKd4/SgPAC0gpm8I/AAAAAAAAAoQ/_z7vs3oCmT8/s1600/footer-tinker.gif') no-repeat top left; } #links { margin: 0px auto; padding:5px; text-align: right; width: 780px; color: #000; font-size: 12px; line-height: 120%; } #links a, #links a:visited { color: #000; } /*------------Bordas em imagens-------------------*/ .borderimage{ background-color: #C0B09A; padding: 7px; border: 1px solid #dbdbdb; margin-right: 4px; margin-left: 4px; margin-top: 1px;} /*------------flickr-------------------*/ #flickr { padding: 0px; padding-left: 15px; margin: 0px; border: 0;} #flickr a img { width:40px; height:40px; border: 3px #800080 solid; padding: 3px; margin: 6px 3px 0px;} #flickr a:hover img { border: 3px #948E8D solid; } #links { margin: -26px auto; text-align: left; width: 779px; color: #000; font-size: 11px; line-height: 120%; } #links a, #links a:visited { color: #000; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main{ padding: 0;width: 150px; } body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper, body#layout #content-wrapper { width: 100%; } body# layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0;width: 350px; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } .showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px; } .showpageArea a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageArea a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageNum a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpagePoint {font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #333; color: #fff; background-color: #000000; } .showpage a:hover {font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a:link,.showpage a:link { font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #948E8D; color: #0066cc; background-color: #FFFFFF;} .showpageNum a:hover {font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } -->