/* Search */
#search-box {
font-size: 24px;
font-weight: 700;
margin-bottom: 12px;
text-transform: none;
width: auto;
color: #fff;
text-align: center;
font-family: 'Roboto',sans-serif;
border-radius: 4px;
box-shadow: 0 0 rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 0px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 0 rgba(0, 0, 0, 0.1) inset;
overflow: hidden;
width: 50%;
margin-left: 322px;
margin-top: -48px;
}
#cse-search-box {
background: #ffffff;
position: relative;
line-height: 1.5em;
margin: 0;
padding: 0;
font-weight: normal;
font-weight: norma;
/* border: 1px solid #424242; */
overflow: hidden;
border-radius: 5px;
background-color: rgba(255,255,255,.16);
}
.search-form{background:#f5f8fa;border:none;color:#fff;width:100%;padding:13px 20px 13px 10px;color:#777;outline:none;font-weight:400;margin:0;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px}
.search-button{background:#424242;width:74px;line-height:29px;padding:8px 10px 20px 0;text-align:center;margin:0;top:0;right:0;font-size:25px;color:#fff;position:absolute;border:none;border-radius:0;text-shadow:none;box-shadow:none;cursor:pointer;text-shadow:1px 0 0 #aaa}
.search-form:focus,.search-form:hover,.search-button:focus,.search-button:hover{background:#f5f8fa;outline:none;border:none;outline:0;color:#000}
.search-button:hover{color:#fff;text-shadow:1px 0 0 #aaa}
#cse-search-box:hover{
background:#ffffff;position:relative;line-height:1.5em;margin:0;padding:0;font-weight:normal;font-weight:norma;border:0px solid #ffffff;overflow:hidden;border-radius:5px;
border-bottom: 1px solid #424242;
}
.search-button:hover{
background:#289728;
}
/* Fin Search */
@media (max-width: 768px){
.t-titulo {
margin-left: 0px;
font-size: 20px;
text-align: center;
}
.t-titulo a {
color:#000;
}
}
#PopularPosts3.PopularPosts a div {
width: 140px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
background: rgba(0,0,0,.7);
color: #fff;
padding: 8px 10px;
position: absolute;
bottom: 0;
left: 0;
}
/* CSS */
.color-primer-img .contenedor-big {
position: relative;
height: 400px;
margin-top: -3px;
}
.contenedor-big {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.container-imagen{
background-color: #f5f5f5;
overflow: hidden;
max-width: 100%;
width: 100%;
}
.firstimage {
-webkit-filter: blur(12px);
filter: blur(12px);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
/* END CSS */
/* CSS */
.css-link-list{
font-size: 15px;
font-weight: 700;
margin-bottom: 12px;
text-transform: none;
display: block;
width: auto;
padding: 4px;
color: #000000;
font-family: 'Roboto',sans-serif;
border-radius: 4px;
box-shadow: 0 0 rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 0px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 0 rgba(0, 0, 0, 0.1) inset;
}
.footer .css-link-list {
font-size: 15px;
font-weight: 700;
margin-bottom: 5px;
text-transform: none;
display: block;
width: auto;
padding: 4px;
color: #fff;
background-color: darkgray;
font-family: 'Roboto',sans-serif;
border-radius: 4px;
box-shadow: 0 0 rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 0px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 0 rgba(0, 0, 0, 0.1) inset;
}
.css-icon {
margin-left: 6px;
margin-right: 14px;
}
/* END CSS */
/* CSS */
li.archivedate {
font-size: 14px;
margin: 0 5px 5px 0;
border-radius: 3px;
padding: 5px 15px;
border: 1px solid #b50e0e;
}
select#BlogArchive1_ArchiveMenu {
font-size: 12px;
/* font-weight: 700; */
/* margin-bottom: 12px; */
text-transform: none;
display: block;
width: auto;
padding: 10px 15px;
color: #000000;
background-color: #ffffff;
text-align: center;
font-family: 'Roboto',sans-serif;
border-radius: 4px;
box-shadow: 0 0 rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 0px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 0 rgba(0, 0, 0, 0.1) inset;
width: 100%;
}
/* END CSS */
.social-share-post {
float: left;
vertical-align: middle;
margin-left: 15px;
margin-top: 0px;
}
.ads-entrada {
display: inline-block;
width: auto;
height: auto;
margin:33px 15px 15px 0;
float: left;
}
.text-small {
font-size: 10px;
}
.lightbox-image amp-img {
width: 520px;
max-width: 100%;
margin: 0 auto;
cursor: pointer;
}
/* Scroll To Top */
.scrollToTop {
color: #fafafa;
font-size: 1.4em;
box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);
width: 50px;
height: 50px;
border-radius: 100px;
border: none;
outline: 0;
background: #4285f4;
z-index: 9999;
bottom: 30px;
right: 10px;
position: fixed;
opacity: 0;
visibility: hidden;
box-shadow: 0 6px 12px rgba(0,0,0,.2);
cursor: pointer;
}
#miposition{
position:absolute;
top:100px;
width:0;
height:0;
}
.scrollToTop svg{
width:34px;
height:34px;
vertical-align:middle;
}
/* CSS Landing page página principal */
#amp-user-notification1{
background-color: #ffffff;
color: #262626;
padding: 0;
box-shadow: 0px -20px 200px 0px rgba(0,0,0,0.2);
}
button.btn.btn-primary {
border: none;
border-radius: 2px;
display: inline-block;
height: 36px;
line-height: 36px;
padding: 0 2rem;
vertical-align: middle;
-webkit-tap-highlight-color: transparent;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
text-decoration: none;
color: #fff;
background-color: #448aff;
text-align: center;
letter-spacing: .5px;
transition: .2s ease-out;
cursor: pointer;
}
button.btn.btn-primary:hover{
box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
}
.padding-0{
padding: 0px;
}
/* Banner Advertise just for demo */
.demo_ads{clear:both;font-size:15px;font-weight:normal;color:#fff;text-align:center;margin:0 auto;padding:0;display:block}
.ads1_header,.ads2_leader,.ads3_sidebar{width:100%;display:block;margin:auto;text-align:center;padding:0;color:#bbb;border:5px solid #f7ad55;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.ads1_header:hover,.ads2_leader:hover,.ads3_sidebar:hover{background:#f7ad55;color:#fff;border-color:#FF8100}
.ads1_header{width:100%;max-width:728px;height:90px;line-height:90px}
.ads2_leader{width:100%;height:90px;line-height:90px;}
.ads3_sidebar{height:250px;line-height:250px;}
.container{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px; overflow: hidden;}@media (min-width:576px){.container{padding-right:15px;padding-left:15px}}@media (min-width:768px){.container{padding-right:15px;padding-left:15px}}@media (min-width:992px){.container{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.container{padding-right:15px;padding-left:15px}}@media (min-width:576px){.container{width:540px;max-width:100%}}@media (min-width:768px){.container{width:720px;max-width:100%}}@media (min-width:992px){.container{width:960px;max-width:100%}}@media (min-width:1200px){.container{width:991px;max-width:100%}}
/*! CSS Grid */
.col,.col-right{float:left;box-sizing:border-box}
.col-right{float:right}
.center-col{float:none;margin-left:auto;margin-right:auto}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 20px;
}
.col-1{width:8.33333%}
.col-2{width:16.66667%}
.col-3{width:25%}
.col-4{width:33.33333%}
.col-5{width:41.66667%}
.col-6{width:50%}
.col-7{width:58.33333%}
.col-8{width:66.66667%}
.col-9{width:75%}
.col-10{width:83.33333%}
.col-11{width:91.66667%}
.col-12{width:100%}
.col.col-13 {
width: 100%;
}
@media screen and (max-width:768px){.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{width:100%}}
0 Comentarios:
Publicar un comentario