< !--/* ------------- AREA DOS POSTS ------------------ */ #content { width: 1300px; position: relative; margin: auto; margin-top: 30px; text-align: center; } div#main { width: 68%; float: left; margin: 0px; } div#Blog1 { width:100%;float:left; font-family: calibri; padding: 0px 10px; margin-top: 0px;} .date-outer { background-color: #fff; margin-bottom: 20px; text-align: justify; padding: 30px; } h3.post-title { /*--- Título dos posts --- */ text-align: center; margin-top: 20px; text-transform: uppercase; font-size: 26px; font-weight: 700; font-family: 'Roboto', sans-serif; font-weight: 600; letter-spacing: 1px; text-shadow: #000 0 0; -moz-opacity: 0.99; } h3.post-title a:link{ color: #dcb3a3; } h2.date-header { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; border-bottom: 3px solid #; background: #b6e3d1 url() no-repeat; background-position: bottom center; border-radius: 10px; color: #fff; width: 150px; padding: 8px; margin-left: 310px; text-align: center; float: center; margin-top: -15px; } .post-body { width: auto; padding: 0px; text-align: justify; clear: both; margin-top: 20px;} .post-body img { max-width: 100%; margin: auto; height: auto; } .post-body a { color :#c25b7b} .post-footer { border-top: 1px solid #f1f1f1; /* Estilo e cor da Borda superior*/ padding-top:0px; font: normal 11px 'Roboto', sans-serif; /*Tamanho e nome da fonte*/ background: #; letter-spacing: 2px; } .comment-link { border-bottom: 0px double #f1f1f1; /* Estilo e cor da Borda superior*/ font-family: 'Roboto', sans-serif; letter-spacing: 3px; text-transform: uppercase; font-weight: 600; font-size: 14px; margin-bottom: -30px; } .comment-link a:link { color: #7cc5bb; } .post-labels { display:block; border-top:1px solid #f1f1f1; /* Estilo e cor da Borda inferior*/ border-bottom: 0px solid #ccc; /* Estilo e cor da Borda inferior*/ padding:10px; font-size: 10px; font-family: 'Roboto', sans-serif; text-transform: uppercase; text-align: center; letter-spacing: 3px; font-weight: 700; color: #ccc; } .post-labels a:link { color: #181818; padding: 3px; margin-bottom: 10px; } .post-labels a:hover { color: #5f5f5f; } .post-footer .author {min-width: 320px; margin-right: 15px; float: left;} .post-footer .author img {float: left; border-radius: 50%; border: 1px solid #e4e4ec; padding: 3px; height: 80px; width: 80px; margin: -40px 5px 10px -5px; background: #fff;} .post-footer .author span {letter-spacing: ; font-family: 'Satisfy', cursive; font-size: 26px;} .post-footer .author span a {color:#767171;} .post-footer .author span:before {content: '' margin: -20px 5px 0 0; display: inline-block; font: bold 13px lato; color: #be988f; letter-spacing: 2px;text-transform: uppercase;} .post-timestamp { margin-left:1px; } #blog-pager { clear: both; font-size: 85%; letter-spacing: 1px; margin-bottom: 7em; text-transform: uppercase; } #blog-pager { border-bottom: 1px solid #f1f1f1; padding-bottom: .4em; } #blog-pager { border: 0; font-weight: normal; margin-left: auto; margin-right: auto; width: 90%; } #blog-pager h6 { font-size: 200%; margin:0; } #blog-pager h5 { font-weight: normal; margin-top: 10px; } #blog-pager-older-link, #blog-pager-newer-link { display: inline-block; width: 50%; } #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; } /* ------------- FIM DA AREA DOS POSTS ------------------ */
