466 lines
7.5 KiB
CSS
466 lines
7.5 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: rotate 600ms infinite linear;
|
|
/* align */
|
|
left: 0;
|
|
top: 0;
|
|
position: absolute;
|
|
z-index: 1000;
|
|
}
|
|
/* Animation for above progress */
|
|
@keyframes rotate {
|
|
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 ********************************* */
|