static.dynamia-tools.css.zk-dynamia-tools.css Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of tools.dynamia.zk Show documentation
Show all versions of tools.dynamia.zk Show documentation
Classes for ZK web application
/*
* Copyright (C) 2009 - 2019 Dynamia Soluciones IT S.A.S - NIT 900302344-1
* Colombia - South America
* All Rights Reserved.
*
* DynamiaTools is free software: you can redistribute it and/or modify it
* under the terms of the GNU Lesser General Public License (LGPL v3) as
* published by the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* DynamiaTools is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with DynamiaTools. If not, see .
*/
.keypad {
background-color: #EEEEEE;
border: 4px solid #EEEEEE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.keypad table, .keypad .z-grid-body, .keypad table tbody {
width: 100%;
height: 100%;
}
.keypad .z-cell {
padding: 1px;
}
.kp-key {
font-weight: bold;
font-size: 160%;
margin: 0.5px;
color: white;
border: 2px solid transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #709bc4;
background: -moz-linear-gradient(top, #709bc4 0%, #5080b6 100%);
background: -webkit-linear-gradient(top, #709bc4 0%, #5080b6 100%);
background: linear-gradient(to bottom, #709bc4 0%, #5080b6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#709bc4',
endColorstr='#5080b6', GradientType=0);
-moz-min-height: 60px;
}
.kp-key:active {
background: #709bc4;
border: 2px solid black;
}
.kp-Ckey, .kp-CEkey, .kp-key-red {
background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019',
endColorstr='#cf0404', GradientType=0);
}
.kp-Ckey:active {
background: #ff3019;
}
.kp-backspacekey, .kp-key-orange {
background: #ffa84c;
background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
background: -webkit-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
background: linear-gradient(to bottom, #ffa84c 0%, #ff7b0d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa84c',
endColorstr='#ff7b0d', GradientType=0);
}
.kp-backspacekey:active {
background: #ffa84c;
}
.kp-OKkey, .kp-key-green {
background: #299a0b;
background: -moz-linear-gradient(top, #299a0b 0%, #299a0b 100%);
background: -webkit-linear-gradient(top, #299a0b 0%, #299a0b 100%);
background: linear-gradient(to bottom, #299a0b 0%, #299a0b 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#299a0b',
endColorstr='#299a0b', GradientType=0);
}
.kp-OKkey:active {
background: #299a0b;
}
.kp-0key, .kp-00key, .kp-000key, .kp-key-dark {
background: #606c88;
background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
background: -webkit-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
background: linear-gradient(to bottom, #606c88 0%, #3f4c6b 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606c88',
endColorstr='#3f4c6b', GradientType=0);
}
.kp-0key:active, .kp-00key:active, .kp-000key:active {
background: #606c88;
}
.kp-label {
background: white;
display: block;
padding: 10px;
color: black;
font-family: monospace;
text-align: right;
font-size: 30px;
}
.kp-display-box {
width: 100%;
font-size: 27px;
font-family: 'Courier New', Monospace;
text-align: right;
height: 40px;
}
.kp-display {
padding-left: 4px;
padding-right: 5px;
}
.pageContentWindow .z-window-content {
overflow: auto;
}
.form-view-lbl.required:after {
content: "*";
color: #ca0000;
font-weight: bold;
}
/**
Colors
*/
/* Background colors */
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green,
.bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia,
.bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active,
.bg-aqua-active, .bg-blue-active, .bg-light-blue-active,
.bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active,
.bg-lime-active, .bg-orange-active, .bg-fuchsia-active,
.bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger,
.callout.callout-warning, .callout.callout-info, .callout.callout-success,
.alert-success, .alert-danger, .alert-error, .alert-warning,
.alert-info, .label-danger, .label-info, .label-waring, .label-primary,
.label-success, .modal-primary .modal-body, .modal-primary .modal-header,
.modal-primary .modal-footer, .modal-warning .modal-body,
.modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body,
.modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body,
.modal-success .modal-header, .modal-success .modal-footer,
.modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {
color: #fff !important;
}
.bg-gray {
color: #000;
background-color: #d2d6de !important;
}
.bg-black {
background-color: #111111 !important;
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error,
.label-danger, .modal-danger .modal-body {
background-color: #dd4b39 !important;
}
.bg-yellow, .callout.callout-warning, .alert-warning, .label-waring,
.modal-warning .modal-body {
background-color: #f39c12 !important;
}
.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
background-color: #00c0ef !important;
}
.bg-blue {
background-color: #0073b7 !important;
}
.bg-light-blue, .label-primary, .modal-primary .modal-body {
background-color: #3c8dbc !important;
}
.bg-green, .callout.callout-success, .alert-success, .label-success,
.modal-success .modal-body {
background-color: #00a65a !important;
}
.bg-navy {
background-color: #001f3f !important;
}
.bg-teal {
background-color: #39cccc !important;
}
.bg-olive {
background-color: #3d9970 !important;
}
.bg-lime {
background-color: #01ff70 !important;
}
.bg-orange {
background-color: #ff851b !important;
}
.bg-fuchsia {
background-color: #f012be !important;
}
.bg-purple {
background-color: #605ca8 !important;
}
.bg-maroon {
background-color: #d81b60 !important;
}
.bg-gray-active {
color: #000;
background-color: #b5bbc8 !important;
}
.bg-black-active {
background-color: #000000 !important;
}
.bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer {
background-color: #d33724 !important;
}
.bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer {
background-color: #db8b0b !important;
}
.bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer {
background-color: #00a7d0 !important;
}
.bg-blue-active {
background-color: #005384 !important;
}
.bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer {
background-color: #357ca5 !important;
}
.bg-green-active, .modal-success .modal-header, .modal-success .modal-footer {
background-color: #008d4c !important;
}
.bg-navy-active {
background-color: #001a35 !important;
}
.bg-teal-active {
background-color: #30bbbb !important;
}
.bg-olive-active {
background-color: #368763 !important;
}
.bg-lime-active {
background-color: #00e765 !important;
}
.bg-orange-active {
background-color: #ff7701 !important;
}
.bg-fuchsia-active {
background-color: #db0ead !important;
}
.bg-purple-active {
background-color: #555299 !important;
}
.bg-maroon-active {
background-color: #ca195a !important;
}
.color-white, .color-white .z-auxheader-content,
.color-white .z-toolbarbutton-content,
.color-white .z-listheader-content,
.color-white .z-listfooter-content,
.color-white .z-treecol-content {
color: white !important;
}
.color-black, .color-black .z-auxheader-content,
.color-black .z-toolbarbutton-content,
.color-black .z-listheader-content,
.color-black .z-treecol-content{
color: black !important;
}
[class^="bg-"].disabled {
opacity: 0.65;
filter: alpha(opacity=65);
}
.z-tabbox-special {
}
.z-tabbox-special .z-tabbox {
border: 1px solid #ddd;
border-radius: 5px;
}
.z-tabbox-special .z-tabs {
background-color: #ddd;
padding-top: 5px;
padding-left: 5px;
}
.z-tabbox-special .z-tab {
background-color: #ddd;
border-color: transparent !important;
}
.z-tabbox-special .z-tab:hover {
background-color: rgba(0, 0, 0, 0.24);
}
.z-tabbox-special .z-tab-selected {
border: 1px solid transparent;
background-color: white !important;
}
.z-tabbox-special .z-tab-selected .z-tab-content .z-tab-text {
color: #111111 !important;
}
.z-tabbox-special .z-tab-content {
color: #111111;
}
.z-tabbox-primary .z-tabbox,
.z-tabbox-primary .z-tab-selected,
.z-tabbox-success .z-tabbox,
.z-tabbox-success .z-tab-selected,
.z-tabbox-danger .z-tabbox,
.z-tabbox-danger .z-tab-selected,
.z-tabbox-warning .z-tabbox,
.z-tabbox-warning .z-tab-selected {
background-color: white !important;
}
.z-tabbox-primary .z-tab-text,
.z-tabbox-success .z-tab-text,
.z-tabbox-danger .z-tab-text,
.z-tabbox-warning .z-tab-text {
color: white !important;
}
.z-tabbox-primary .z-tabbox {
border-color: #428bca;
}
.z-tabbox-primary .z-tabs,
.z-tabbox-primary .z-tab {
background-color: #428bca;
}
.z-tabbox-primary .z-tab-selected .z-tab-content .z-tab-text {
color: #428bca !important;
}
/* --- */
.z-tabbox-success .z-tabbox {
border-color: #008d4c;
}
.z-tabbox-success .z-tabs,
.z-tabbox-success .z-tab {
background-color: #008d4c;
}
.z-tabbox-success .z-tab-selected .z-tab-content .z-tab-text {
color: #008d4c !important;
}
/* --- */
.z-tabbox-danger .z-tabbox {
border-color: #d33724;
}
.z-tabbox-danger .z-tabs,
.z-tabbox-danger .z-tab {
background-color: #d33724;
}
.z-tabbox-danger .z-tab-selected .z-tab-content .z-tab-text {
color: #d33724 !important;
}
/* --- */
.z-tabbox-warning .z-tabbox {
border-color: #f39c12;
}
.z-tabbox-warning .z-tabs,
.z-tabbox-warning .z-tab {
background-color: #f39c12;
}
.z-tabbox-warning .z-tab-selected .z-tab-content .z-tab-text {
color: #f39c12 !important;
}
.decimalbox-calc-popup .z-popup-content {
padding: 0;
}