-
-
-
-
<data:blog.pageTitle />
-
-
<data:blog.pageName />
<data:blog.title />
Página não encontrada!
-
-
-
*/
/* CORPO DO TEMPLATE
----------------------------------------------- */
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 {
text-decoration:none;
color: $(link.color);
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
a:hover {
text-decoration:none;
color: $(link.hover.color);
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
.content-outer .content-cap-top {
height: $(content.imageBorder.top.space);
background: transparent $(content.imageBorder.top) repeat-x scroll top center;
}
.content-outer {
margin: 0 auto;
}
.content-inner {
background: $(content.background);
background-color: $(content.background.color);
padding-top: $(content.padding);
width: 100%;
max-width: 1366px;
margin: 0 auto
}
.main-inner .date-outer {
margin-bottom: 2em;
}
/* AREA DO HEADER
----------------------------------------------- */
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 10px;
padding-right: 10px;margin-top: -2.5em;
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
}
.Header h1 a {
color: $(header.text.color);
}
.Header .description {
font-size: 130%;
}
#Header1_headerimg {
width: 100%;
max-width: 687px; /* LARGURA DO LOGO, ALTERE PARA O TAMANHO EXATO DO SEU*/
height: auto;
margin-bottom: 0.2em;
margin-top: -0.5em;
}
/*DATA
----------------------------------------------- */
.main-inner h2.date-header {
letter-spacing: 2px;
margin-bottom: -20px;
text-align: center;
font:$(date.font);
color: $(date.text.color);
background: $(date.background.color);
margin: -40px -12px;
padding: 6px 8px 6px 8px;
position: absolute;
text-transform: uppercase;
font-weight: 400;
display: block;
}
.footer-inner .widget h2,
.sidebar .widget h2 {
padding-bottom: .5em;
}
/*ÁREA GERAL DO LAYOUT
----------------------------------------------- */
.main-inner {
margin-top:-1.80em;
}
.main-inner .column-center-inner {
padding: 10px 0;
}
.main-inner .column-center-inner .section {
margin: 0 22px;
}
/* Coluna lateral direita*/
.main-inner .column-right-outer {
width: 30%;
}
.main-inner .column-right-inner {
margin-left: 0.1em;
margin-right: 0.1em;
margin-top: 0.5em;
background: $(widget.outer.background.color);
}
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
margin-left: 20px;
}
/* Area dos posts*/
.main-inner .column-center-outer {
width: 70%;
background: transparent none repeat scroll top left;
}
/* Coluna lateral esqueda*/
.main-inner .column-left-inner {
margin-right: 10px;
}
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
margin-right: 10px;
background: #ffffff none repeat scroll top left;
}
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0.9375em 0;
}
/* Formatação sidebar e footer*/
.footer-inner .widget, .sidebar .widget {
margin: 1.5em 0em;
}
/* ÁREA DOS POSTS
----------------------------------------------- */
h3.post-title {
font: $(post.title.font);
color: $(post.title.text.color);
text-transform: uppercase;
text-align: center;
margin-top: 25px;
}
h3.post-title a {
text-decoration: none;
font: $(post.title.font);
color: $(post.title.text.color);
}
h3.post-title a:hover {
text-decoration: none;
font: $(post.title.font);
color: $(link.color);
}
.post-outer {
background: $(post.background.color) $(post.background.url) repeat scroll top left; /* Fundo da postagem */
padding-top: 10px; /* Espaço do topo */
padding-left: 10px; /* Espaço da esquerda */
padding-right: 10px; /* Espaço da direita */
padding-bottom: 8px; /* Espaço de baixo */
margin-left: -20px;
margin-right: -15px;
margin-top: 10px;
margin-bottom: -5px;
box-shadow:0 2px 20px -10px #eee;
-webkit-box-shadow:0 2px 20px -10px #eee;
-moz-box-shadow:0 2px 20px -10px #eee;
-ms-box-shadow:0 2px 20px -10px #eee;
border: 8px solid #f9f9f9;
}
.post-body img{margin-top:10px;padding: 5px; margin-left: -1em;float: center !important;width:auto;height:auto;}
.post-body { line-height: 1.4; position: relative;}
.post-header { margin: 0 0 1em; line-height: 1.6;}
/* BOTÃO LEIA MAIS
----------------------------------------------------*/
#showlink {
float: right; /* escolha se quer link flutuando à esquerda ou direita */
margin-right: 30em !important; /* aplique margens para posicionar link */
margin-bottom:1em;
margin-top:3.8em; /*a margem negativa para o topo aproxima o link do texto do post */
font: $(jump.link.font);
}
#showlink a {
background: $(jump.link.background.color);
font: $(jump.link.font);
padding: 10px 30px 10px 30px;
text-transform: uppercase;
color: $(jump.link.font.colour);
text-align: center;
letter-spacing: 2px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#showlink a:hover {
color: $(jump.link.hover.text);
text-decoration: none;
background: $(jump.link.hover.color);
}
/*-- TEXTO COMPARTILHE--*/
.compartilhe {
background: transparent;
margin: 0 -0.1em;
margin-right: -0.8em;
padding: 0.6em;
height: 40px;
}
p.share {
float: center;
text-align: center;
padding-right: 0.6em;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 17px;
color: #000;
}
.goog-inline-block {
display: block !important;
}
.google-plus-share-container {
display: initial !important;
}
/*** BOTÕES DE COMPARTILHAMENTO ***/
.post-share {
text-align:center;
margin-top:10px;
margin-bottom:20px;
background:transparent;
}
.post-share a {
display:inline-block;
}
.share-box {
width: 42px;
height: 42px;
background: #fff;
border: 1px solid #e5e5e5;
color: $(link.color);
display: inline-block;
line-height: 42px;
border-radius: 50%;
margin: 0 10px;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
}
.share-box i {
font-size:20px;
}
.share-box:hover {
background:$(menu.background.color) ;
border:1px solid $(menu.background.color) ;
color:$(menu.text.color) ;
}
.comment-link {
float: right;
font: 30px 'zeyada';
font-weight: normal;
text-transform:none;
text-decoration: none;
color: #222;
}
.post-labels {
display:block;
padding:4px;
text-align: center;
font: normal 14px 'Roboto';
margin-top:0.9em;
text-transform: none;
}
.post-timestamp {
margin-left:1px;
}
#clear {clear:both;}
#blog-pager {
font-size: 100%;
}
#comments {
background: transparent; 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 .comment .comment-actions {
display: block;
list-style-type: none;
margin: 3px 0; /* margem entre links e corpo do comentário */
text-align: left; /* deixa os links na direita */
}
.comments .comment .comment-actions a {
color: #000; /* cor dos links */
margin: 7px; /* margem entre um link e outro */
padding: 2px; /* espaço entre os links e as margens */
}
/* ÁREA DOS COMENTÁRIOS
----------------------------------------------- */
/*Início do código de comentários personalizados by Elaine Gaspareto*/
#comments h4, #comments .comment-author a, #comments .comment-timestamp a { /*Texto "X comentários:"*/
color: #3c4042; /*Cor da fonte*/
text-align: center;
font-family: Playfair Display; /*Fonte do texto*/
font-size: 17px; /*Tamanho da fonte*/}
#comments {
background:transparent; /*Fundo da área geral dos comentários*/
padding: 15px;
}
.comments .comment-block {
margin-left: 70px; /*Espaço entre o avatar e o corpo do comentário*/}
.comment-header {
background: $(menu.selected.background.color); /*Cor de fundo do nome do autor do comentário*/
padding: 3px;
}
.comment-header a {
color: #fff !important; /*Cor do nome do autor do comentário*/
font-family: Arial; /*Fonte do nome do autor do comentário*/
font-size: 15px; /*Tamanho da fonte do nome do autor do comentário*/
font-weight: normal; /*Troque normal por bold para deixar o texto em negrito*/}
.comment-header a:hover {
color: #ff91a2 !important; /*Cor do nome do autor do comentário quando passa o mouse*/
text-decoration: none;
}
.comments .comments-content .datetime a{
font-family: 'roboto'; /*Fonte da data do comentário*/
font-size: 8px !important; /*Tamanho da fonte da hora e data do comentário*/
line-height: 10px; /*Altura da linha da data e hora*/
}
.comments .comments-content .comment-content{ /*Bloco de texto do comentário*/
margin-top: -10px; /*Espaço entre o bloco de texto do comentário e o nome do autor. Só mexa se souber o que está fazendo*/
position: relative;
background: #f9f9f9; /*Fundo do bloco de texto do comentário*/
border: 1px solid #f9f9f9; /*Borda do bloco de texto do comentário*/
padding: 10px;
color: #000; /*Cor da fonte do bloco de texto do comentário*/
font-size: 14px; /*Tamanho da fonte do texto*/}
.comments .avatar-image-container {
/*Tamanho do avatar. Troque todos os 50 pelo tamanho desejado*/
max-width: 50px;
max-height: 50px;
min-height: 50px;
min-width: 50px;
background: #f9f9f9; /*Cor da borda do avatar*/
padding: 3px; /*Espessura da borda do avatar*/}
.comments .avatar-image-container img{
/*Tamanho do avatar. Troque todos os 50 pelo tamanho desejado*/
max-width: 50px;
max-height: 50px;
min-height: 50px;
min-width: 50px;}
.comments .comments-content .comment {
padding:20px 10px !important;
margin-bottom:15px !important}
.comments .comment .comment-actions a {
padding: 5px;
background: $(menu.background.color); /*Fundo dos botões responder e excluir*/
border: 1px solid $(menu.background.color); /*Borda dos botões responder e exluir*/
color: #fff !important; /*Cor do texto dos botões responder e excluir*/
font: 13px 'roboto'; /*Fonte dos botões responder e excluir*/
font-weight: normal; /*Troque normal por bold para colocar o negrito*/
margin-right: 10px;}
.comments .comment .comment-actions a:hover {
background: $(menu.selected.background.color); /*Fundo dos botões responder e excluir quando passa o mouse*/
border: 1px solid $(menu.selected.background.color); /*Borda dos botões responder e exluir quando passa o mouse*/
color: #fff !important; /*Cor do texto dos botões responder e excluir quando passa o mouse*/
text-decoration: none;
}
.comments .comment-thread.inline-thread {
background-color:transparent !important;
padding:0.5em 1em;
border-radius:5px;
border:0!important;
margin-right:-15px
}
.comments .continue { border-top: none;}
.comments .continue a {display: none;}
.comments-content { counter-reset: contarcomentarios; }
.comment-thread li:before {
content: counter(contarcomentarios);
counter-increment: contarcomentarios;
float: right;
font-size: 24px;
color: #666666;
}
/* CONTADOR DE COMENTÁRIOS
------------------------------------------------- */
.comment-thread ol {
counter-reset: contarcomentarios;
}
.comment-thread li:before {
content: counter(contarcomentarios,decimal);
counter-increment: contarcomentarios;
float: right;
font-size: 16px;
color: #eee;
padding:10px;
padding-top: 5px;
position:relative;
z-index:2;
}
.comment-thread ol ol {
counter-reset: contarbis;
}
.comment-thread li li:before {
content: counter(contarcomentarios,decimal) "." counter(contarbis,lower-latin);
counter-increment: contarbis;
float: right;
font-size: 13px;
color:#eee;
padding:10px;
position:relative;
z-index:2;
}
/* FORMATAÇÃO SIDEBAR E FOOTER
----------------------------------------------- */
.sidebar .widget {
font: $(widget.font);
color: $(widget.text.color);
padding-bottom: 20px;
margin-left:-5px;/* margem esquerda */
margin-right: -5px;
margin-top: 20px;
margin-bottom: 7px;
background: transparent;
padding:12px;
}
.sidebar h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
text-transform: uppercase;
text-align: center;
}
.sidebar .widget h2 {
text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
background: $(widget.title.background.color); /* Cor de fundo */
border-bottom: 6px double $(widget.border.bevel.color);
clear: both;
margin-left: -8px; margin-top: -12px;margin-right: -8px; margin-bottom: 10px;
letter-spacing: 1px;
padding: 8px 4px;
}
.sidebar .widget:first-child {
background: #f9f9f9;
padding:20px;
outline: 4px solid #fff;
outline-offset: -20px;
margin-bottom:35px;
margin-top: 95px;
}
.sidebar .widget:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 20px;
}
.footer-inner .widget h2 {
font:$(widget.title.font);
text-transform: uppercase;
color: $(widget.title.text.color);
text-align: center;
text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
background: #2a2a2a; /* Cor de fundo */
border-bottom: 6px double #fff;
clear: both;
margin-left: -12px; margin-top: -12px;margin-right: -12px; margin-bottom: 10px;
letter-spacing: 1px;
padding: 8px 4px;
}
.footer-inner .widget{
font: 13px Arial, sans serif;
color: $(widget.text.color);
padding-bottom: -30px;
margin-bottom: -15px;
padding:8px;
background: transparent;
}
.sidebar .widget a:link {
font: $(widget.font);
color: $(widget.link.color);
text-decoration: none;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
.sidebar .widget a:visited {
color: $(widget.link.visited.color);
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
.sidebar .widget a:hover {
color: $(widget.link.color);
text-decoration: underline;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
.sidebar ul li {
list-style: none;
vertical-align: top;
padding: 0;
margin-left: 15px;
}
.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-outer {
background:transparent ;}
list-style-type:none;
vertical-align: top;
padding-bottom: 1px;
margin-left: 1px;
border-bottom: 0px dotted #808080;
}
/* CRÉDITOS DO RODAPÉ */
#footer-wrapper{background:#222;font-size:16px;color:#aab4b8;text-align:center;}
#footer-wrapper .site-footer,#footer-wrapper .site-credit{position:relative;max-width:1140px;background:#222;color:#777;padding:20px 0 0;text-align:center;font: 13px 'roboto';text-transform:none;letter-spacing:2px;line-height:20px;margin:auto}
#footer-wrapper .site-credit{padding:0 0 20px}
#footer-wrapper .site-footer a,#footer-wrapper .site-credit a{color:#ddd}
#footer-wrapper .site-footer a:hover,#footer-wrapper .site-credit a:hover{color:$(link.color);text-decoration:none;}
/* PESQUISA
----------------------------------------------------*/
#search-box {
color: #000;
border: none;
cursor: pointer;
margin-left: 0;
padding: 0 0 0 10px;
width: 95%;
font-family: Open Sans; font-size: 11px;
}
input.gsc-input {
padding : 7px 5px;
border:1px solid #e7e7e7;
font: normal normal 10px 'Playfair Display', sans-serif;
}
input.gsc-search-button {
border: none;
background: $(menu.background.color);
color: $(menu.text.color);
padding : 10px 15px;
cursor: hand;
font: normal normal 10px 'Roboto';
text-transform:uppercase;
}
input.gsc-search-button:hover {
border: none;
background: #000000;
color: #fff;
padding : 10px 15px;
cursor: pointer;
font: normal normal 10px 'Roboto';
text-transform:uppercase;
}
/* ARQUIVO PERSONALIZADO
----------------------------------------------------*/
select#BlogArchive1_ArchiveMenu {
width: 100%;
padding: 5px 10px!important;
border: 1px solid #eee;
font:normal normal 12px 'Playfair Display', sans-serif;;
font-size: 12px;
color: #999;
}
.widget li, .BlogArchive #ArchiveList ul.flat li {
list-style: none;
margin: 0;
padding: 0
}
.BlogArchive #ArchiveList ul.posts li {padding-bottom: 3px;}
/* REDES SOCIAIS SIDEBAR
----------------------------------------------------*/
#socialmediaiconsside {
font-size: 29px !important;
margin: 0;
padding-right: 10px;
text-align: center;
position:relative;
}
#socialmediaiconsside a {
color: #000000;
display: inline-block;
line-height: 40px;
padding: 0 5px;
}
#socialmediaiconsside a:hover {
color: $(link.color);
}
/* FOLLOW BY EMAIL
----------------------------------------------------*/
#search-box {
color: #000;
border: none;
cursor: pointer;
margin-left: 0;
padding: 0 0 0 10px;
width: 95%;
font: 10px 'Montserrat'
}
#FollowByEmail1 {}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
border: 1px solid #f9f9f9;
color: #000;
font: normal normal 14px 'Roboto', sans-serif;;
font-size: 11px;
line-height: 30px;
width: 100%;
text-align: center;
padding:3px 0;
margin:0;
letter-spacing: 1px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
background: $(menu.background.color);
border: none;
color: $(menu.text.color);
cursor: pointer;
height: 30px;
margin: 0;
padding : 10px;
text-align: center;
text-transform: none;
padding-top: 7px;
transition: all 0.5s ease 0s;
font: normal normal 10px 'Roboto', sans-serif;;
width:100%;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {background-color: #000000; color: #FFFFFF;}
/* PERFIL
----------------------------------------------------*/
.profile-pic {
text-align: center;
font-size: 14px;
}
.profile-pic img {
width: 220px;
height: auto;
padding-top: 1em;
border-radius: 1000px;
-webkit-border-radius: 1000px;
opacity:1
}
.profile-pic img:hover {opacity:0.7}
/* TAGS PERSONALIZADAS BY ELAINEGASPARETO.COM
----------------------------------------------------*/
#Label1 .widget-content{
overflow:auto;
height:200px; /*ALTURA A PARTIR DA QUAL SURGE A BARRA DE ROLAGEM*/
}
#Label1 .label-size a{
text-decoration:none !important;
color:#000000; /*COR DA FONTE*/
}
#Label1 .label-size a:active{text-decoration:line-through;}
#Label1 .label-size a:visited{font-weight: normal !important;}
#Label1 .label-size{
background: #f7f7f7; /*COR DE FUNDO EM ESTADO NORMAL*/
border-bottom: solid 1px #e3e1e2; /*COR DE BORDA EM ESTADO NORMAL*/
padding:5px;
margin:2px;
float:left;
font-family:inherit; /*TIPO DA FONTE, SEGUE O PADRÃO DO BLOG*/
font-size:14px; /*TAMANHO DA FONTE*/
width:47.5%;
overflow:hidden;
text-align:center;
-webkit-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}
#Label1 .label-size a:hover{
color: #ffffff !important; /*COR DE FONTE EM ESTADO HOVER*/
}
#Label1 .label-size:hover{
color: #ffffff !important; /*COR DE FONTE EM ESTADO HOVER*/
background:#ff91a2; /*COR DE FUNDO EM ESTADO HOVER*/
border-bottom: solid 1px #e3e1e2; /*COR DE BORDA EM ESTADO HOVER*/
transition:all 0.1s ease-in-out;
}
/* VOLTAR AO TOPO */
#backtotop{
overflow:hidden;
position:fixed;
z-index:90;
right:15px;
bottom:15px;
display:none;
width:40px;
height:40px;
line-height:35px;
color:$(link.color);
border-radius: 50%;
text-align:center;
background-color:#f9f9f9;
text-indent:0;
cursor:pointer;
-webkit-transform:translateZ(0);
padding:1px 0 0;
text-align:center;
transition:all .5s}
#backtotop:hover {
background-color:$(menu.background.color);color:#fff;
text-decoration: none !important;}
i.fa.fa-angle-up{font-size:35px;}
/*****************************
SLIDE DE POSTS RECENTES
******************************/
/*--------- [slider] --------*/
figure.slider__item {position: relative;}
figcaption.slide__caption {
position: relative;
bottom: 0;
color: #222222;
box-sizing: border-box;
background: #fff;
padding: 10px 10px 0 10px;
width: 100%;
text-align:center;
border-left: 1px solid #f9f9f9;
border-right: 1px solid #f9f9f9;
-webkit-transition: transform .5s;
transition: transform .5s;
}
figcaption.slide__caption:hover {
}
img.lazyOwl {
height: 300px;
width: 110% !important;
opacity: 0;
}
.slider_bg {
}
.slider_bg:hover {
opacity: 0.9;
}
.image_container {
position: relative;
}
figure.slider__item a.post__link {
position: relative;
display: block;
}
.post__description {
position: relative;
z-index:100;
height: 100%;
width: 100%;
}
.post__description p a {
color: #ff91a2;
font: normal normal 16px 'Source Sans Pro', sans-serif;
font-size: 0px !important;
font-weight: 500 !important;
text-transform: uppercase;
letter-spacing: 1px;
opacity: 0.9;
padding-top: 5px;
}
.post__description p a:hover {
opacity: 1.0;
}
.post__description h3 a {
color: #222222;
}
.post__description h3 {
margin-bottom: 2px;
padding-top: 10px;
font: normal normal 32px 'Playfair Display';
font-size: 16px !important;
font-weight: 600 !important;
line-height: 1.5;
text-transform: uppercase;
}
.blog-post-alt-read-more {
margin-top: 12px;
padding-bottom: 20px;
line-height: 1;
}
.blog-post-alt-read-more a {
background-color: $(menu.background.color);
border-width: 0px;
border-style: solid solid solid solid;
border-radius: 0px;
color: #fff;
font-size: 13px !important;
font-weight: 700;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 15px;
padding-right: 15px;
}
.blog-post-alt-read-more a {
line-height: 1;
display: inline-block;
}
.blog-post-alt-read-more .dslc-icon {
color: #fff;
margin-left: 0;
overflow: hidden;
opacity: 0;
font-size: 0;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
display: inline;
}
.blog-post-alt-read-more:hover .dslc-icon {
margin-left: 5px;
opacity: 1;
font-size: inherit !important;
}
.dslc-icon-arrow-right:before {
content: "\f061";
}
.slider_bg {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
width: 100%;
height: 100%;
top: -1em;
position: absolute;
}
.owl-i