2635ccb82b
Make sure cursor_ext is set before we access it, else return null for not set yet. false for errors, else data value Other class var access checks to be sure to never fail
466 lines
7.6 KiB
CSS
466 lines
7.6 KiB
CSS
/*
|
|
********************************************************************
|
|
* AUTHOR: Clemens Schwaighofer
|
|
* DATE: 2005/04/14
|
|
* DESCRIPTION:
|
|
* CSS file for edit interface part
|
|
* HISTORY:
|
|
* 2005/06/30 (cs) added color for edit interface
|
|
* 2005/06/23 (cs) start adepting old file
|
|
********************************************************************
|
|
*/
|
|
|
|
/* * {
|
|
margin: 0;
|
|
padding: 0;
|
|
} */
|
|
|
|
body {
|
|
background-color: white;
|
|
color: black;
|
|
font-family: Verdana,Arial,Helvetica,sans-serif;
|
|
font-size : 9pt;
|
|
}
|
|
|
|
.large {
|
|
font-family: Verdana,Arial,Helvetica,sans-serif;
|
|
font-size : 16pt;
|
|
}
|
|
|
|
.big {
|
|
font-family: Verdana,Arial,Helvetica,sans-serif;
|
|
font-size : 12pt;
|
|
}
|
|
|
|
.normal {
|
|
font-family: Verdana,Arial,Helvetica,sans-serif;
|
|
font-size : 9pt;
|
|
}
|
|
|
|
.small {
|
|
font-family: Verdana,Arial,Helvetica,sans-serif;
|
|
font-size : 8pt;
|
|
}
|
|
|
|
.smallbold {
|
|
font-family: Verdana,Arial,Helvetica,sans-serif;
|
|
font-size : 8pt;
|
|
font-weight: bold;
|
|
}
|
|
|
|
a:link {
|
|
color: #FF0000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:active {
|
|
color: #FFFF00;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:visited {
|
|
color: #550000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover, a.item_loaded:hover, a.item_deleted:hover, a.item_loaded_deleted:hover {
|
|
background-color: #e5e5e5;
|
|
border-bottom: 1px dotted red;
|
|
color: #FF0000;
|
|
}
|
|
|
|
a:focus, a.item_loaded:hover, a.item_deleted:hover, a.item_loaded_deleted:hover {
|
|
background-color: #b3b3b3;
|
|
border-bottom: 1px dotted red;
|
|
border-top: 1px dotted red;
|
|
color: #ff0000;
|
|
}
|
|
|
|
/* link highlight */
|
|
a.item_loaded {
|
|
background-color: #d5d6d6;
|
|
color: #451010;
|
|
font-weight: bold;
|
|
}
|
|
|
|
a.item_deleted {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
a.item_loaded_deleted {
|
|
background-color: #d5d6d6;
|
|
color: #451010;
|
|
font-weight: bold;
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
/* experimental */
|
|
input[type="text"] {
|
|
background-color: #efefef;
|
|
border: 1px solid #999999;
|
|
}
|
|
|
|
input[type="password"] {
|
|
border: 1px solid #999999;
|
|
}
|
|
|
|
input[type="submit"] {
|
|
border: 1px solid #666666;
|
|
}
|
|
|
|
input[type="checkbox"] {
|
|
border: 1px solid #999999;
|
|
}
|
|
|
|
input[type="radio"] {
|
|
border: 1px solid #999999;
|
|
}
|
|
|
|
input[type="file"] {
|
|
border: 1px solid #999999;
|
|
}
|
|
|
|
input[type="button"] {
|
|
border: 1px solid #999999;
|
|
}
|
|
|
|
textarea {
|
|
background-color: #efefef;
|
|
border: 1px solid #999999;
|
|
}
|
|
|
|
select {
|
|
background-color: #efefef;
|
|
border: 1px solid #999999;
|
|
}
|
|
|
|
/* mouse over */
|
|
input[type=submit]:hover, input[type=button]:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="file"]:hover, textarea:hover, select:hover {
|
|
border: 1px dashed red;
|
|
}
|
|
|
|
/* selected */
|
|
input[type=submit]:focus, input[type=button]:focus, input[type="password"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="file"]:focus {
|
|
background-color: #ffffff;
|
|
border: 1px solid red;
|
|
}
|
|
|
|
input[type="text"]:focus, textarea:focus, select:focus {
|
|
background-color: #ffffff;
|
|
border: 1px solid red;
|
|
}
|
|
|
|
/* error & status layouts for messges */
|
|
.error {
|
|
border: 1px solid red;
|
|
color: red;
|
|
margin: 5px;
|
|
padding: 2px;
|
|
text-align: center;
|
|
}
|
|
|
|
.warning, .warn {
|
|
border: 1px solid #ffa947;
|
|
color: #ffa947;
|
|
margin: 5px;
|
|
padding: 2px;
|
|
text-align: center;
|
|
}
|
|
|
|
.info {
|
|
border: 1px solid #72C47E;
|
|
color: #1D731A;
|
|
margin: 5px;
|
|
padding: 2px;
|
|
text-align: center;
|
|
}
|
|
|
|
.div_error {
|
|
border: 1px solid red;
|
|
margin-bottom: 1px;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.div_warning, .div_warn {
|
|
border: 1px solid #ffa947;
|
|
}
|
|
|
|
/* borders */
|
|
.border_all {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.border_bottom_title {
|
|
border-bottom: 1px solid black;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.border_top {
|
|
border-top: 1px solid #DCDCCC;
|
|
}
|
|
|
|
.border_all_error {
|
|
border: 1px solid red;
|
|
}
|
|
|
|
.border_group {
|
|
border: 1px solid #a89c5a;
|
|
}
|
|
|
|
.border_master {
|
|
border: 1px solid white;
|
|
}
|
|
|
|
.border_sub {
|
|
border: 1px solid gray;
|
|
}
|
|
|
|
.border_sub_sub {
|
|
border: 1px solid #e5ddba;
|
|
}
|
|
|
|
/* employee hardware/software borders */
|
|
.border_hardware {
|
|
background-color: #e9e9e9;
|
|
border: 2px solid black;
|
|
}
|
|
|
|
.border_hardware_usage_end {
|
|
background-color: #e9e9e9;
|
|
border: 2px solid red;
|
|
}
|
|
|
|
.border_hardware_line {
|
|
border-bottom: 2px solid black;
|
|
border-left: 2px solid black;
|
|
}
|
|
|
|
.border_software {
|
|
background-color: #d5d4c8;
|
|
border: 2px solid #a89c5a;
|
|
}
|
|
|
|
.border_software_line {
|
|
border-bottom: 2px solid #a89c5a;
|
|
border-left: 2px solid #a89c5a;
|
|
}
|
|
|
|
.border_software_line_left {
|
|
border-left: 2px solid #a89c5a;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.border_software_line_bottom {
|
|
border-bottom: 2px solid #a89c5a;
|
|
padding-left: 2px;
|
|
}
|
|
|
|
/* highlight */
|
|
.highlight {
|
|
background-color: #e7e7e7;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* hide & show */
|
|
.visible {
|
|
visibility: visible;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* spacer for line break in float elements */
|
|
.clr, .spacer {
|
|
clear: both;
|
|
}
|
|
|
|
/* unique definitions */
|
|
/* main body */
|
|
/* menu on top */
|
|
.menu {
|
|
border-bottom: 1px solid #a4a4a4;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.pagename {
|
|
background-color: #e7e7e7;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
padding: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* overlay side menu */
|
|
.sidemenu {
|
|
background-color: white;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.buttongroup {
|
|
border: 1px solid #e5ddba;
|
|
}
|
|
|
|
/* input group field */
|
|
/* normal */
|
|
.input_group {
|
|
border: 1px solid #e5ddba;
|
|
}
|
|
|
|
/* loaded with id */
|
|
.input_group_id {
|
|
border: 1px solid #8a7d3a;
|
|
}
|
|
|
|
/* deleted */
|
|
.input_group_deleted {
|
|
background-color: #d5d4c8;
|
|
border: 1px solid #8a7d3a;
|
|
}
|
|
|
|
/* header part */
|
|
/* normal */
|
|
.input_group_header {
|
|
background-color: #e9e9e9;
|
|
}
|
|
|
|
/* loaded with id */
|
|
.input_group_header_id {
|
|
background-color: #d5d5d5;
|
|
}
|
|
|
|
/* deleted */
|
|
.input_group_header_deleted {
|
|
background-color: #bfb59d;
|
|
}
|
|
|
|
/* error & warning messages */
|
|
.top_error_message {
|
|
border: 2px solid red;
|
|
color: red;
|
|
font-size: 18px;
|
|
margin: 5px;
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.top_inventory_number {
|
|
border: 2px solid orange;
|
|
font-size: 18px;
|
|
margin: 5px;
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.top_info_message {
|
|
border: 2px solid green;
|
|
font-size: 12px;
|
|
margin: 5px;
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.debug_message {
|
|
border-top: 1px solid #a4a4a4;
|
|
color: #a4a4a4;
|
|
font-size: 8px;
|
|
}
|
|
|
|
/* NEW VERSION with CSS key frame animation */
|
|
.progress {
|
|
width: 100px;
|
|
height: 100px;
|
|
background: rgba(255, 255, 255, 0.6);
|
|
border: 20px solid rgba(255, 255, 255 ,0.25);
|
|
border-left-color: rgba(3, 155, 229 ,1);
|
|
border-top-color: rgba(3, 155, 229 ,1);
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
animation: progress-move 600ms infinite linear;
|
|
/* align */
|
|
left: 0;
|
|
top: 0;
|
|
position: absolute;
|
|
z-index: 1000;
|
|
}
|
|
/* Animation for above progress */
|
|
@keyframes progress-move {
|
|
to {
|
|
transform: rotate(1turn)
|
|
}
|
|
}
|
|
|
|
/* ***************************** ADMIN EDIT INTERFACE COLORS ********************************* */
|
|
/* set all colors here and not in the config file */
|
|
/* for edit interface */
|
|
|
|
.menu_bgcolor {
|
|
background-color: #666666;
|
|
}
|
|
|
|
.menu_fgcolor {
|
|
background-color: #DDDDDD;
|
|
}
|
|
|
|
.menu_fgcolor_na {
|
|
background-color: #CCCCCC;
|
|
}
|
|
|
|
.menu_fgcolor_a {
|
|
background-color: #EEEEEE;
|
|
}
|
|
|
|
.edit_bgcolor {
|
|
background-color: #666666;
|
|
}
|
|
|
|
.edit_fgcolor {
|
|
background-color: #FFFFDF;
|
|
}
|
|
|
|
.edit_fgcolor_mod_a {
|
|
background-color: #CECEB5;
|
|
}
|
|
|
|
.edit_fgcolor_mod_b {
|
|
background-color: #DEDEC3;
|
|
}
|
|
|
|
.edit_fgcolor_2 {
|
|
background-color: #AADAA2;
|
|
}
|
|
|
|
.edit_fgcolor_no {
|
|
background-color: #CECEB5;
|
|
}
|
|
|
|
.edit_fgcolor_alt {
|
|
background-color: #CCCCCC;
|
|
}
|
|
|
|
.edit_fgcolor_delete {
|
|
background-color: red;
|
|
}
|
|
|
|
.font_error {
|
|
color: red;
|
|
}
|
|
|
|
.edit_fgcolor_special {
|
|
background-color: #EEEEEE;
|
|
}
|
|
|
|
.edit_temp {
|
|
background-color: #FFDF6F;
|
|
}
|
|
|
|
td.edit_fgcolor tr:nth-child(odd) {
|
|
background-color: #e2e2c5;
|
|
}
|
|
td.edit_fgcolor tr:nth-child(even) {
|
|
background-color: #ffffcd;
|
|
}
|
|
|
|
/* ***************************** ADMIN EDIT INTERFACE COLORS ********************************* */
|