From 0118622116e3d9603f890ac7e63f8d773eb33243 Mon Sep 17 00:00:00 2001 From: kleper Date: Mon, 2 Jul 2018 13:57:18 -0500 Subject: [PATCH] Restaurando style.css de milfs --- css/style.css | 550 +++++++++++++++++++++++++++++++++++--------------- 1 file changed, 387 insertions(+), 163 deletions(-) diff --git a/css/style.css b/css/style.css index 5d39f70..1c396f3 100644 --- a/css/style.css +++ b/css/style.css @@ -1,172 +1,396 @@ - * { - margin: 0; - padding: 0; +body {overflow-x:hidden!important;} + +#cabecera-botonera-admin { + background-color: #777677; } -body { - background: #222; - font-family: Georgia, serif; - color: #fff; - font-size: 14px; + +.btn-botonera-admin { + margin-left: 20px; + margin-right: 20px; + border-left: 1px solid white; } -#dates a { - color: gray; - text-decoration: none; - -webkit-transition: 0.5s; - -moz-transition: 0.5s; - -o-transition: 0.5s; - -ms-transition: 0.5s; - transition: 0.5s; - font-size: 12px; + +#botonera-admin, +#botonera-admin>a { + color: white !important; } -#dates a:hover, -#dates a.selected { - color: red; - font-size: 18px; - } -/* -h1,h2,h4,h5,h6 { - text-align: center; - color: #ccc; - text-shadow: #000 1px 1px 2px; - margin-bottom: 5px; + +.btn-botonera-admin:hover { + background-color: black; } - h1 { - font-size: 18px; - } - h2 { - font-size: 14px; - } -.sociales { - text-align: center; - margin-bottom: 20px; + +.btn.btn-botonera-admin:hover { + color: white !important; } + +.intro-social-buttons { + padding-top: 10px !important; +} + +#botonera_landing { + display: inline-flex; +} + +.boton_land { + margin-left: 3px !important; +} + +.cabecera { + padding-bottom: 30px; + padding-left: 80px !important; +} + +#logo_cabecera { + max-width: 60% !important; + margin: 0 auto; +} + +#encabezado_proyecto { + padding-top: 30px; +} + +.thumbnail { + height: 100% !important; + overflow-y: auto; + overflow-x: hidden; + padding: 0px 0px 70px 0px;; + 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: 50px; + 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-top: -10px !important; + 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; */ - #timeline { - width: 95%; - height: 500px; - overflow: hidden; - margin: 100px auto; - position: relative; - } - #dates { - width: 800px; - height: 60px; - overflow: hidden; - background: url('timeline/dot.gif') left 45px repeat-x; - } - #dates li { - list-style: none; - float: left; - width: 100px; - height: 50px; - font-size: 24px; - text-align: center; - background: url('timeline/biggerdot.png') center bottom no-repeat; - } - #dates a { - line-height: 18px; - padding-bottom: 10px; - } - #dates .selected { - font-size: 18px; - } - - #issues { - width: 800px; - height: 500px; - overflow: hidden; - } - #issues li { - width: 900px; - height: 500px; - list-style: none; - float: left; - } - #issues li.selected img { - -webkit-transform: scale(1.1,1.1); - -moz-transform: scale(1.1,1.1); - -o-transform: scale(1.1,1.1); - -ms-transform: scale(1.1,1.1); - transform: scale(1.1,1.1); - } - #issues li img { - float: left; - margin: 10px 30px 10px 50px; - background: transparent; - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */ - zoom: 1; - -webkit-transition: all 2s ease-in-out; - -moz-transition: all 2s ease-in-out; - -o-transition: all 2s ease-in-out; - -ms-transition: all 2s ease-in-out; - transition: all 2s ease-in-out; - -webkit-transform: scale(0.7,0.7); - -moz-transform: scale(0.7,0.7); - -o-transform: scale(0.7,0.7); - -ms-transform: scale(0.7,0.7); - transform: scale(0.7,0.7); - } - #issues li h1 { - - font-size: 48px; - margin: 20px 0; - color: red; - /*text-shadow: #000 1px 1px 2px;*/ - } - #issues li p { - font-size: 14px; - margin-right: 70px; - font-weight: normal; - line-height: 22px; - /* text-shadow: #000 1px 1px 2px;*/ - } - - #grad_left, - #grad_right { - width: 100px; - height: 500px; - position: absolute; - top: 0; - } - #grad_left { - left: 0; - /* background: url('timeline/grad_left.png') repeat-y;*/ - } - #grad_right { - right: 0; - /* background: url('timeline/grad_right.png') repeat-y;*/ - } - - #next, - #prev { - position: absolute; - top: 0; - font-size: 70px; - top: 170px; - width: 22px; - height: 38px; - background-position: 0 0; - background-repeat: no-repeat; - text-indent: -9999px; - overflow: hidden; - } - #next:hover, - #prev:hover { - background-position: 0 -76px; - } - #next { - right: 0; - background-image: url('timeline/next.png'); - } - #prev { - left: 0; - background-image: url('timeline/prev.png'); - } - #next.disabled, - #prev.disabled { - opacity: 0.2; - } \ No newline at end of file +@media all { + div.saltopagina { + display: none; + } +} + +@media print { + div.saltopagina { + display: block; + page-break-before: always; + } + div.noprint { + display: none; + } +} + +.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; + !important; +} + +#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*/ + +@media only screen and (min-width: 1200px) { + + +} + +@media (max-width: 991px) { + #encabezado_proyecto { + text-align: center; + padding-top: 0px !important; + } + + + #logo_cabecera { + max-width: 100% !important; + padding-top: 0px !important; + } + #buscador_blog { + padding: 0px;; + } +} + +@media (max-width: 768px) { + .modal-body { + max-height: calc(100vh - 100px) !important; + min-height: calc(100vh - 100px) !important; + } + + #menu_tupale { + background-color: #dfdfdf; + } + .btn-botonera-admin { + margin-left: 0px; + margin-right: 0px; + border-left: none; + } + + .dropdown-menu>li>a { + color: #333 !important; + } + + .thumbnail { + height: 100%; + } + + #secciones, + .articulo_cuadro { + padding: 0px; + } + #btn_agregar { + margin-bottom: 3px; + } + + #btn_filtro{ + margin-bottom: 3px; + } + +} + + +@media (max-width: 480px) { + #logo_cabecera { + max-width: 100% !important; + } + + .cabecera { + padding-bottom: 30px; + padding-left: 0px !important; + } +} + + + + + + + + +/*FIN responsive*/ \ No newline at end of file