milfs/css/style.css

676 lines
10 KiB
CSS
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

body {
overflow-x: hidden !important;
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
font-weight: 400;
width: 100% !important;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica", times, sans-serif;
font-weight: 500;
line-height: 1.1;
}
/* #principal_general{
position: absolute;
} */
#toc {
font-size: 1em;
max-height: 95% !important;
overflow: auto !important;
}
.top {
opacity: 1;
}
#navbar-principal{
border-color: transparent;
}
#asistento{
padding-top: 5em;
}
#lo_ultimo{
padding-bottom: 3em;
}
.lo_ultimo>img{
max-height: 300px;'
}
.titulo_seccion{
padding-top: 3em;
padding-bottom: 1em;
font-family: "Helvetica", times, sans-serif !important;
font-weight: 500 !important;
line-height: 1.1 !important;
font-size: 36px;
}
.navbar-inverse {
background-color: #222;
border-color: #090909;
}
.navbar-inverse .navbar-nav>li>a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
background: #fb4f59;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: transparent;
}
#cabecera{
padding-top: 20em;
}
#contenedor_cabecera {
padding-top: 0em;
padding-right: 3em;
}
#logo_cabecera {
max-width: 80% !important;
margin: 0 auto;
}
#titulo_cabecera a {
color: lightgrey !important;
text-transform: uppercase;
}
#slogan_cabecera {
font-size: 2em;
text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
margin-left: 5em;
margin-right: 5em;
}
.menu_tupale {
height: 50vh;
overflow: auto;
}
#menu_administrador{
background-color: white;
}
.dropdown-menu>li>a:hover{
background-color: #e95420!important;
color: white;
}
.intro-social-buttons {
padding-top: 10px !important;
}
/*NAVBAR BRAND*/
#menu_mobil{
display: grid !important;
}
#menu_social{
text-align: right;
float: right;
}
#menu_hamburguesa{
color: white;
background-color: transparent !important;
}
.navbar-brand {
transform: translateX(-50%);
left: 50%;
position: absolute;
}
.image_full {
display: block;
}
.image_mobile {
display: none !important;
}
/*logo barra navegacion*/
.navbar-brand img {
width: 15em;
height: auto;
transition: all 1s ease;
}
/* textos menú*/
#navbar-principal {
font-size: 18px;
padding-bottom: 2em !important;
padding-top: 2em !important;
transition: all 0.3s ease;
}
.navbar.shrink {
min-height: 35px;
}
#navbar-principal.shrink {
font-size: 18px;
padding-bottom: 1em !important;
padding-top: 1em !important;
}
.navbar.shrink img {
width: 5em;
height: auto;
transition: all 1.3s ease;
margin: 0px;
}
.navbar.shrink .navbar-toggle {
margin: 8px 15px 8px 0;
padding: 7px 8px;
}
.navbar-toggle {
margin: 13px 15px 13px 0;
padding: 4px 5px;
}
#botonera_landing {
display: inline-flex;
}
.boton_land {
margin-left: 3px !important;
}
.cabecera {
padding-bottom: 30px;
padding-left: 80px !important;
}
#encabezado_proyecto {
padding-top: 30px;
}
/*PROYECTOS*/
/* @media (max-width: 767px){
.container-fluid.box{
padding-left: 15px !important;
}
} */
#proyectos {
background-color: #d4d4d4;
padding-top: 4em;
}
.div_proyecto {
display: inline-block;
position: relative;
margin: 10px;
float: left;
background-color: darkgray;
height: 14em;
width: 14em;
}
.img-gris {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-filter: grayscale(100%) blur(3px);
max-height: 14em;
max-width: 14em;
z-index: 10;
transition: filter 0.2s;
-webkit-transition: -webkit-filter 1s;
}
.img-gris:hover {
filter: grayscale(0);
z-index: 11;
-webkit-filter: grayscale(0);
}
.proyecto_titulo {
position: absolute;
top: 100px;
color: #fff;
background-color: #000;
padding: 2px;
opacity: 0.5;
font-weight: bold;
width: 190px;
z-index: 20;
word-wrap: break-word;
}
/*fin proyectos*/
/*Panel Editor*/
.thumbnail {
height: 100% !important;
overflow-y: auto;
overflow-x: hidden;
border: none;
}
.box-secciones {
/* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);*/
border-radius: 0px !important;
padding: 3em;
border-bottom: 1px solid lightgrey;
}
.box-secciones:hover {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.img-secciones {
max-height: 250px;
}
#buscador_centro {
display: inline-flex;
}
#buscador_blog {
display: inline-flex !important;
}
#fh5co-footer {
display: inline-block;
}
/* nube de etiquetas */
div.etiquetas {
/* font-family: verdana,arial,helvetica;
font-size:8pt;
*/
padding: 5px;
}
div.etiquetas span {
float: left;
margin: 0 3px 0 3px;
height: 20pt;
white-space: nowrap;
}
span.etiquetatam1 {
font-size: 110%;
}
span.etiquetatam2 {
font-size: 120%;
}
span.etiquetatam3 {
font-size: 130%;
}
span.etiquetatam4 {
font-size: 140%;
}
span.etiquetatam5 {
font-size: 150%;
}
span.etiquetatam6 {
font-size: 160%;
}
span.etiquetatam7 {
font-size: 170%;
}
span.etiquetatam8 {
font-size: 180%;
}
span.etiquetatam9 {
font-size: 250%;
}
span.etiquetatam10 {
font-size: 300%;
}
/* nube de etiquetas */
.drop-up {
top: auto;
bottom: 100% !important;
overflow: visible;
}
.dropdown-menu {
min-width: 300px;
padding: 3px;
z-index: 99999;
}
.navbar .navbar-nav {
display: inline-block;
float: none;
}
.navbar .navbar-collapse .navbar-principal {
text-align: center;
height: 30px;
margin-top: -13px;
}
.navbar-principal>li>a {
padding-top: 0px !important;
padding-bottom: 0 !important;
height: 30px;
margin-top: -13px;
}
.navbar-principal {
min-height: 30px !important;
}
.topnav {
width: 100px !important;
display: inline;
height: 30px;
padding-bottom: 0 !important;
height: 30px;
background: none;
border: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/*width:80px; background: none; border:0px; -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
*/
@media all {
div.saltopagina {
display: none;
}
}
@media print {
div.saltopagina {
display: block;
page-break-before: always;
}
div.noprint {
display: none;
}
}
/*ESTILOS PRIORITARIOS*/
.modal-dialog {
width: 95% !important;
height: auto;
padding: 0;
}
.modal-lg {
width: 98% !important;
height: auto;
padding: 0;
}
.modal-xs {
width: 40% !important;
height: auto;
padding: 0;
}
.modal-content {
height: auto;
}
.modal-body {
max-height: calc(100vh - 300px);
min-height: calc(100vh - 300px);
overflow-y: auto;
}
fieldset.fieldset-borde {
border: 2px solid #EDEDED !important;
border-radius: 3px;
padding: 0 1.4em 1.4em 1.4em !important;
margin: 0 0 1.5em 0 !important;
-webkit-box-shadow: 0px 0px 0px 0px #000;
box-shadow: 0px 0px 0px 0px #000;
}
legend.legend-area {
font-size: 1.2em !important;
font-weight: bold !important;
text-align: left !important;
width: auto;
padding: 0 10px;
border-bottom: none;
}
.fh5co-post-entry article h2 {
font-size: 28px ;
}
#fh5co-offcanvas .fh5co-bio img {
border-radius: 10px !important;
}
fieldset.fieldset-borde {
border: 2px solid #EDEDED !important;
border-radius: 3px;
padding: 0 1.4em 1.4em 1.4em !important;
margin: 0 0 1.5em 0 !important;
-webkit-box-shadow: 0px 0px 0px 0px #000;
box-shadow: 0px 0px 0px 0px #000;
}
legend.legend-area {
font-size: 1.2em !important;
font-weight: bold !important;
text-align: left !important;
width: auto;
padding: 0 10px;
border-bottom: none;
}
/*
RESPONSIVE */
/*Se afectan todos hacia arriba*/
@media (min-width: 769px) {
#cabecera {
margin-left: 20px;
margin-right: 20px;
}
}
@media only screen and (max-width: 1440px) {
.titulo_seccion{
padding-top: 1em;
}
#asistento{
padding-top: 1em;
}
}
@media only screen and (max-width: 1200px) {
#contenedor_cabecera{
padding-right: 5em;
}
#cabecera{
padding-top: 20em;
}
#logo_cabecera {
padding-top: 2em;
max-width: 70% !important;
}
.img-gris {
filter: grayscale(0);
}
.lead{
padding-left: 5em;
padding-right: 5em;
}
}
@media only screen and (max-width: 992px) {
#slogan_cabecera{
margin: 0em !important;
}
}
@media only screen and (max-width: 769px) {
.navbar-inverse .navbar-nav>li>a:hover {
background: transparent;
}
.navbar-header {
margin: 0px !important;
float: left;
}
a.dropdown-toggle.img-rounded.visible-xs{
background-color: #08080800 !important;
}
#slogan_cabecera{
font-size: 1.5em;
}
#logo_cabecera {
padding-top: 2em;
}
#caja{
padding: 0px;
}
}
@media only screen and (max-width: 586px) {
#cabecera{
padding-top: 21em;
}
#lo_ultimo{
padding-left: 0px;
padding-right: 0px;
}
#contenedor_landingpage {
padding-left: 0px !important;
padding-right: 0px !important;
}
#logo_cabecera {
max-width: 65% !important;
}
#texto_articulo{
padding: 0px !important
}
}
@media only screen and (max-width: 495px) {
#cabecera{
padding-top: 15em;
}
#principal_general{
margin-left: 2em;
margin-right: 2em;
}
#proyectos{
display: grid !important;
}
.lead {
padding-left: 0px;
padding-right: 0px;
}
.articulo_cuadro{
padding-left: 0px;
padding-right: 0px;
}
div#contenedor_landingpage {
padding-left: 0px !important;
padding-right: 0px !important;
}
.box-secciones{
padding: 1em;
padding-bottom: 4em;
}
}
@media only screen and (max-width: 375px) {
#cabecera{
padding-top: 15em;
}
#principal_general{
padding-left: 2em;
padding-right: 2em;
margin-left: 1em;
margin-right: 1em;
}
#caja{
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
margin-right: 0px;
}
#slogan_cabecera {
font-size: 1em;
}
.articulo_cuadro{
padding-left: 0px;
padding-right: 0px;
}
.btn-group-sm>.btn, .btn-sm {
padding: 5px 7px;
font-size: 11px;
line-height: 1.5;
border-radius: 3px;
}
}
@media only screen and (max-width: 361px) {
#principal_general{
margin-left: 0em;
margin-right: 0em;
}
}
@media only screen and (max-width: 320px) {
#principal_general{
padding-left: 1em;
padding-right: 0em;
}
}