/* Variable definitions ==================== */ body { background: url(http://3.bp.blogspot.com/_BaCxSD9NFn8/StfTqtqzkdI/AAAAAAAAAvU/gunnsOMeD9E/s1600/back.png);margin:0;color:$textcolor;font:x-small Georgia Serif;font-size/* */:/**/small;font-size: /**/small;text-align: center;} a:link {color:$linkcolor;text-decoration:none;} a:visited {color:$visitedlinkcolor;text-decoration:none;} a:hover {color:$titlecolor;text-decoration:underline;} a img {border-width:0;} #navbar {display:none;margim:none;padding:none;} /*navlist-------------------------------*/ #navlist{width: 100%;height: 20px;margin: 0;background: #2C8D96;padding: 3px;font: bold 12px Verdana, sans-serif;} #navlist li{list-style: none;margin: 0;display: inline;} #navlist li a{color: #ffffff;padding: 0.25em 0.5em 0.25em 0.75em;text-decoration: none;} #navlist li a:hover{color: #000000;padding: 0.25em 0.5em 0.25em 0.75em;text-decoration: none;} /* Header------------------------------------*/ #header-wrapper {background: url(http://1.bp.blogspot.com/_BaCxSD9NFn8/StfTshKxseI/AAAAAAAAAvc/B-Nyf0xBFmA/s1600/header.png);width:950px;height: 290px;margin:0 auto;padding:10px;border: 25px solid #2C8D96;} #header-inner {background-position: center;margin-left: auto;margin-right: auto;} #header { margin: 5px;text-align: center;color:$pagetitlecolor;} #header h1 {margin:5px 5px 0;padding:15px 20px .25em;line-height:1.2em;text-transform:uppercase;letter-spacing:.2em;font: $pagetitlefont;} #header a {color:$pagetitlecolor;text-decoration:none;} #header a:hover {color:$pagetitlecolor;} #header .description {margin:0 5px 5px;padding:0 20px 15px;max-width:700px;text-transform:uppercase;letter-spacing:.2em;line-height: 1.4em;font: $descriptionfont;color: $descriptioncolor;} #header img {margin-$startSide: auto;margin-$endSide: auto;} /* Outer-Wrapper------------------------------------ */ #outer-wrapper {width: 950px;background: #ffffff url(http://1.bp.blogspot.com/_BaCxSD9NFn8/StfZmm1FOFI/AAAAAAAAAv0/AJCzahdCcxE/s1600/back2.png) repeat;border: 25px solid #2C8D96;margin-top: -30px;margin:0 auto;padding:10px;text-align:$startSide;font: $bodyfont;} #newsidebar-wrapper {width: 165px;margin: 4px 1px 3px -6px;float: $startSide;padding: 2px 2px 0 2px;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden;/* fix for long non-text content breaking IE sidebar float */} #main-wrapper {width: 550px;margin: 4px 0 4px 6px;padding: 2px 3px 2px 5px;float: $startSide;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */} #sidebar-wrapper { width: 205px;margin: 4px -5px 4px 0;float: $endSide;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden;/* fix for long non-text content breaking IE sidebar float */} /* Labels style -------------------------------------- */ #Label1 ul li {height: 100%;} #Label1 ul li a:link, .Label1 ul li a:visited {text-decoration: none;padding: 10px 2px 5px 25px;display: block;color: #fff;background: #2C8D96;} #Label1 ul li a:hover {background: #ffffff;text-align: left;color: #000;border: 2px dotted #00C0C0;} /* Headings------------------------------------- */ h2 {text-align: center;margin:1.5em 0 .75em;font:$headerfont;line-height: 1.4em;text-transform:uppercase;letter-spacing:.2em;color:$sidebarcolor;} /* Posts--------------------------------------*/ h2.date-header {margin:1.5em 0 .5em; text-align: right; padding: 10px 20px 0 0; margin: 10px 3px 0 0;} .post {margin: 5px 8px 10px 8px;padding: 1px 50px 30px 10px;border: 18px solid #2C8D96;} .post h3 {text-align: center;margin:.25em 0 0;padding:0 0 4px;font-size:140%;font-weight:normal;line-height:1.4em;color:$titlecolor;} .post h3 a, .post h3 a:visited, .post h3 strong {display:block;text-decoration:none;color:$titlecolor;font-weight:normal;} .post h3 strong, .post h3 a:hover {color:$textcolor;} .post-body {line-height:1.6em;} .post-body blockquote {line-height:1.3em; } .post-footer {margin:30px 0 0 0; padding: 30px 0 0 0;color:$sidebarcolor;text-transform:uppercase;letter-spacing:.1em;font: $postfooterfont;line-height: 1.4em;} .comment-link {margin-$startSide:.6em;} .post img {padding:4px;} .post blockquote {margin:1em 20px;} .post blockquote p {margin:.75em 0;} /* Botao leia mais--------------------------- */ #showlink{-moz-border-radius:4px;-webkit-border-radius:4px; margin:30px 3px 4px 0;padding: 3px 10px; margin-bottom: 30px;float:right;background: #2C8D96;} #showlink a, #showlink a:visited{color:#fff;} #showlink a:hover{color:#fff} /* Comments--------------------------------------- */ #comments h4 {margin:2px 1px 2px 2px;font-weight: bold;line-height: 1.4em;text-transform:uppercase;letter-spacing:.2em;color: $sidebarcolor; } .comment-body {background: #2C8D96; color: #ffffff; margin: 2px 5px 2px 10px; padding: 3px 3px 2px 15px;} .clear-comments {border: 1px dashed #2C8D96; } #comments-block {margin:1em 0 1.5em;line-height:1.6em;} #comments-block .comment-author {margin:.5em 0;} #comments-block .comment-body {margin:.25em 0 0;} #comments-block .comment-footer {margin:-.25em 0 2em;line-height: 1.4em;text-transform:uppercase;letter-spacing:.1em;} #comments-block .comment-body p {margin:0 0 .75em;} .deleted-comment {font-style:italic;color:gray;} #blog-pager-newer-link {float: $startSide;} #blog-pager-older-link {float: $endSide;} #blog-pager { text-align: center;} .feed-links {clear: both;line-height: 2.5em;} /* Formulario dos comentarios ------------------------------- */ .comment-form {margin:0 auto;width:90%;} .comment-form h3 {color:#3B2843;font-family:Georgia;font-size:18px;width:90%;height:50px;padding:0 0 0 35px;} .comment-form p {color:#3B2843; font-family:georgia;font-size:16px;background:#2C8D96;padding:10px 0 0 20px;width:90%;} #comment-editor {height:220px;width:100%;} .comment-photo{padding:4px;border:2px outset #2C8D96;} #comments-block {line-height:1.6em;margin:0 auto;} /* Sidebar Content------------------------------------- */ .sidebar .widget{ color: $sidebartextcolor;line-height: 1.5em;} .sidebar ul {list-style:none;margin:0 0 0;padding:0 0 0;} .sidebar li {margin:0;padding-top:0;padding-$endSide:0;padding-bottom:.25em;padding-$startSide:5px;text-indent:-15px;line-height:1.5em;} .sidebar h2 {background: url(http://1.bp.blogspot.com/_BaCxSD9NFn8/S9-S6b7e6nI/AAAAAAAABjE/vzbSZhDAO4s/s1600/barrinha.png) bottom no-repeat; padding: 10px 0 45px 3px;} .sidebar .widget, .main .widget { margin:0 0 1.5em;padding:0 0 1.5em;} .main .Blog { border-bottom-width: 0;} /* Newsidebar Content------------------------------------- */ .newsidebar .widget{ color: $sidebartextcolor;line-height: 1.5em;} .newsidebar ul {list-style:none;margin:0 0 0;padding:0 0 0;} .sidebar li {margin:0;padding-top:0;padding-$endSide:0;padding-bottom:.25em;padding-$startSide:5px;text-indent:-15px;line-height:1.5em;} .newsidebar h2 {background: url(http://1.bp.blogspot.com/_BaCxSD9NFn8/S9-S6b7e6nI/AAAAAAAABjE/vzbSZhDAO4s/s1600/barrinha.png) bottom left no-repeat; padding: 10px 0 45px 3px;} /* Profile -------------------------------------- */ .profile-img { float: $startSide;margin-top: 0;margin-$endSide: 5px;margin-bottom: 5px;margin-$startSide: 0;padding: 4px;border: 1px solid $bordercolor;} .profile-data {margin:0;text-transform:uppercase;letter-spacing:.1em;font: $postfooterfont;color: $sidebarcolor;font-weight: bold;line-height: 1.6em;} .profile-datablock { margin:.5em 0 .5em;} .profile-textblock {margin: 0.5em 0;line-height: 1.6em;} .profile-link { font: $postfooterfont;text-transform: uppercase;letter-spacing: .1em;} /* Footer--------------------------------------- */ #footer {width:960px;clear:both;margin:0 auto;padding-top:15px;line-height: 1.6em;text-transform:uppercase;letter-spacing:.1em;text-align: center;} ]]>

LER TODO O ARTIGO...