34f33772d0
all edit_* have CUID random alphanumeric unique id with 12 characters length. automatically created on INSERT and not touched on update. but can be udpated manually on UPDATE command. on INSERT cuid is ALWAYS overwritten with auto create Add CSS loading style sheet
459 lines
7.4 KiB
CSS
459 lines
7.4 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 : 8pt;
|
|
}
|
|
|
|
.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 {
|
|
border: 1px solid #df7700;
|
|
color: #d57200;
|
|
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 {
|
|
border: 1px solid #df7700;
|
|
}
|
|
|
|
/* 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: 100;
|
|
}
|
|
/* 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;
|
|
}
|
|
|
|
/* ***************************** ADMIN EDIT INTERFACE COLORS ********************************* */
|