/* ******************************************************************** * 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 ********************************* */