/******************************************** * BARRA ********************************************/ #entorno-barra { } #entorno-barra-botones { padding: 0; margin: 0; } #overflow-menu .boton { text-align: left; padding: 10px; border: 1px solid #ccc; border-width: 1px 0 0; background: transparent; cursor: pointer; list-style: none; } #overflow-menu .boton:hover { } #overflow-menu .boton:active { border: 1px inset #999; } #overflow-menu .separador { margin: 4px 10px; float: left; clear: none; border: 1px solid #699; width: 0; height: 16px; } #overflow-menu .boton img { width: 16px; height: 16px; } #barra-botones-version { display: table; border-spacing: 5px; } #barra-botones-version > div > div { display: table-cell; } #barra-botones-version > div > div + div { padding-left: 15px; font-weight: normal; } #entorno-barra-version { display: none; } #overflow-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1000; } #overflow-menu > ul { position: fixed; background-color: #eee; width: 270px; top: 50px; right: 10px; z-index: 20; border: 0; box-shadow: 0 0 10px #999; } .holo-action-bar { border-color: var(colorPrimario) !important; position: fixed; border-width: 0 0 2px 0; padding: 4px 0px; } .holo-drawer-animation img { height: 40px; vertical-align: middle; } .holo-drawer img { height: 40px; vertical-align: middle; } .holo-up img { height: 40px; vertical-align: middle; } .holo-action-bar h1 { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; width: 100% !important; } .holo-action-bar input { flex: 1; width: auto; font-size: 100% !important; margin: 0 10px 0 0 !important; display: inline-flex; border-bottom: 1px solid #017DC3 !important; border-top: none; border-left: none; border-right: none; line-height: 10px; border-width: 0 0 1px 0; border-color: #777; background-image: url(../img/holo/black/form-tick-active.png), url(../img/holo/black/form-tick-active.png); background-repeat: no-repeat, no-repeat; background-position: bottom left, bottom right; background-color: transparent; } .holo-action-bar input { border-color: var(colorPrimario); background-image: url(../img/holo/black/form-tick-focus.png), url(../img/holo/black/form-tick-focus.png); } input.menu-rapido-input { background-image: url(../img/holo/black/ic_action_search.png); background-size: 32px; background-position-y: 6px; background-position-x: 6px; padding-left: 45px; } /* a { */ /* font-size: 150% !important; */ /* height: 1.8em; */ /* - padding: 0 15px; */ /* margin: 10px 0 !important; */ /* - border-width: 0 0 1px 0; */ /* - border-color: #777; */ /* + padding: 15px; */ /* + border: 1px #777 solid; */ /* } */ /******************************************** * INFORMACION ********************************************/ #entorno-informacion { background: none !important; } #cc select { background-color: transparent; color: white; width: 240px; padding: 5px 20px; font-size: 16px !important; line-height: 1; border: 0; border-bottom: 1px solid #777; height: 34px; -webkit-appearance: none; background-image: url(../img/holo/black/form-tick-dropdown.png); background-repeat: no-repeat; background-position: bottom right; } #cc select option { background: #323949; padding: 5px; } #cc div { text-align: left; padding: 15px 25px; } .holo-drawer img { height: 40px; vertical-align: middle; } .holo-drawer:before { transition: all 0.3s ease-out; } .holo-drawer.visible:before { margin-left: -20px !important; } /******************************************** * TECLAS ********************************************/ #entorno-teclas { transition: margin-bottom 0.8s ease-out; border-top: 2px solid var(colorPrimario); border-bottom: 0; padding: 0; background: #eee; text-align: left; position: fixed; } #entorno-teclas.hide { margin-bottom: -50px; } #entorno-teclas .tecla { width: 48px; height: 48px; padding: 2px; margin: 0; background-color: transparent !important; border: 0; box-shadow: none; } #entorno-teclas .tecla span { display: none; } #entorno-teclas .tecla.calculadora, .tecla.ayuda, .tecla.salir, .tecla.menu, .boton.nueva, .boton.calculadora, .boton.menu { display: none; } #entorno-teclas .tecla img { height: 35px; }