diff --git a/css/style.css b/css/style.css index e271bcc..e314166 100644 --- a/css/style.css +++ b/css/style.css @@ -13,15 +13,91 @@ h1, h2, h3, h4, h5, h6 { line-height: 1.1; } -#cabecera{ - margin-left: 20px; - margin-right: 20px; + +.top { + opacity: 1; } + +#titulo_cabecera a{ + color: lightgrey !important; + text-transform: uppercase; +} + + + #cabecera-botonera-admin { background-color: #777677; } +#ingreso_usuario{ + color: white !important; + padding-top: 10px; + padding-bottom: 10px; + white-space:normal !important; + word-wrap: break-word; +} +/*NAVBAR BRAND*/ +.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; +margin-top: 100px; +transition: all 1.3s ease; + +} + +/* textos menĂº*/ + +.navbar a { + font-size: 18px; + padding-bottom: 40px !important; + padding-top: 40px !important; + transition: all 0.3s ease; + } + + +.navbar.shrink { + min-height: 35px; +} + + +.navbar.shrink a { + font-size: 18px; + padding-bottom: 18px !important; + padding-top: 20px !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; + +} .btn-botonera-admin { margin-left: 20px; @@ -387,3 +463,21 @@ RESPONSIVE */ display: table !important; } } + +@media (min-width: 767px){ +#slogan_cabecera{ + font-size: 2em; + text-shadow: 0px 2px 3px rgba(0,0,0,0.4); + margin-left: 5em; + margin-right: 5em; +} +#contenedor_cabecera{ + padding-top: 15em; + padding-bottom: 3em; +} + +#cabecera{ + margin-left: 20px; + margin-right: 20px; +} +}