/* $Id: base.css,v 1.80 2008/03/11 21:12:01 cade Exp $ */ /********** MAIN/BODY *******************************************************/ /*BODY { margin: 0px 0px 0px 0px; background-image: url(pattern.gif); }*/ BODY { font-family: sans-serif, verdana, helvetica, geneva, arial; margin: 0px 0px 0px 0px; font-style: normal; font-size: 12px; color: #222; background-color: #e4e4e4; } TABLE { font-size: 12px; } IMG { border: none; vertical-align: middle; } TD { border: inherit;} TD.inner { height: 100%; vertical-align: top; background-image: url(pattern-light1.png); background-repeat: repeat; background-position: bottom right; } P { margin: 10px 0 10px 0; } TABLE.body { margin: 0 0 0 0; padding: 0; width: 100%; height: 100%; } TABLE.credits { font-size: 10px; } /********** FORMATS *********************************************************/ TD.fmt-num { text-align: right; border-right: solid 1px #999; } TD.fmt-img { text-align: center; border-right: solid 1px #999; } TD.fmt-str { text-align: left; border-right: solid 1px #999; } TD.fmt-control { width: 1%; border-right: solid 1px #999; } /* same but for headers */ TD.fmt-num-h { text-align: right; } TD.fmt-img-h { text-align: center; } TD.fmt-str-h { text-align: left; } TD.fmt-control-h { width: 1%; } /********** TABLE ROWS EVEN/ODD *********************************************/ /* 1/2 -- odd/even row, h -- header, 3 -- separator */ TR.tr-h { background-color: #D3D7E7; padding: 1px; height: 24px; color: #555; text-align: center; white-space: normal; font-weight: bold; } TR.tr-1 { background-color: #B5BBD7; padding: 1px; border-bottom: solid 1px #444; height: 24px; } TR.tr-2 { background-color: #C4C9DF; padding: 1px; border-bottom: solid 1px #444; height: 24px; } TR.tr-1:hover { background-color: #B5BBD7; padding: 1px; border-bottom: solid 1px #B01C2E; height: 24px; } TR.tr-2:hover { background-color: #C4C9DF; padding: 1px; border-bottom: solid 1px #B01C2E; height: 24px; } TR.tr-3 { background-color: #003896; padding: 1px; height: 24px; } /********** GENERAL CLASSES *************************************************/ .warning { color: #C00; font-weight: bold; } .watermark { color: #555; font-size: 8px; } .pass-warn { color: #B01C2E; } .ro { color: #0AF; } .empty { color: #D00; } .lit { font-weight: bold; } .hi { color: #0F0; } .invert { text-decoration: none; border: none; color: #CCC; } /********** MODULES *********************************************************/ TABLE.grid { white-space: nowrap; background-color: #D3D7E7; border-collapse: collapse; } TABLE.grid2 { white-space: nowrap; background-color: #333; border-collapse: collapse; border: solid 2px #b6c1d3; } TABLE.edit { white-space: nowrap; background-color: #999; } TABLE.preview { white-space: nowrap; background-color: #999; } /********** HISTORY *********************************************************/ TABLE.hist { white-space: nowrap; background-color: #333; text-decoration: none; color: #44A; width: 100%; } /********** LOGO TABLE (top row) ************************************************/ TD.logo {background-color: #ffffff; background-image: url(); background-repeat: repeat-x; } /********** NAVIGATION AREAS ************************************************/ TABLE.nav { white-space: nowrap; background-color: #003896; border: none; } TABLE.navtop { white-space: nowrap; background-color: #e2e2e2; border: none; border-top: solid 2px #B5BBD7; } TABLE.navbottom { white-space: nowrap; background-color: #e2e2e2; border: none; border-bottom: solid 2px #B5BBD7; } TABLE.nav-search { white-space: nowrap; background-color: #e2e2e2; border-top: solid 2px #B5BBD7; border-bottom: solid 2px #B5BBD7; height: 44px; } TD.navl100 { white-space: normal; width: 100%; text-align: left ; height: 30px; padding: 4px; } TD.navl { white-space: nowrap; width: 20%; text-align: left ; height: 30px; padding: 4px; } TD.navm { white-space: nowrap; width: 60%; text-align: center; height: 30px; padding: 4px; } TD.navr { white-space: nowrap; width: 20%; text-align: right ; height: 30px; padding: 4px; } TR.nav { padding: 2px; height: 32px; } /********** LOGIN ***********************************************************/ TABLE.login { white-space: nowrap; background-color: #BBB; border: 1px solid #CDE; } TD.loginl { white-space: nowrap; background-color: #EEF; text-align: right; } TD.loginr { white-space: nowrap; background-color: #EEF; text-align: left; } /********** VIEWES **********************************************************/ TABLE.view { white-space: nowrap; background-color: #CCC; } TD.view { width: 100%; text-align: center; background-color: #CCC; } TD.view-header { width: 50%; background-color: #002866; color: #FFF; height: 30px; } TD.view-name-h { width: 50%; text-align: right; background-color: #002866; color: #FFF; height: 30px; } TD.view-value-h { width: 50%; text-align: left; background-color: #002866; color: #FFF; height: 30px; } TD.view-separator { text-align: center; background-color: #002866; color: #FFF; height: 30px; } TD.view-name { width: 50%; text-align: right; background-color: #B9C7EA; border-bottom: none; height: 30px; } TD.view-value { width: 50%; text-align: left; background-color: #B9C7EA; border-bottom: none; white-space: normal; } /********** EDIT VIEW *******************************************************/ TD.edit-name-h { width: 50%; text-align: right; background-color: #002866; color: #FFF; height: 30px; } TD.edit-value-h { width: 50%; text-align: left; background-color: #002866; color: #FFF; height: 30px; } TD.edit-separator { text-align: center; background-color: #002866; color: #FFF; height: 30px; } TD.edit_decor { text-align: center; background-color: #533; color: #FFF; padding: 5px; font-weight: bold; border: solid 1px #333; } /********** PREVIEW VIEW *******************************************************/ TD.preview-name-h { width: 50%; text-align: right; background-color: #754; color: #FFF; height: 30px; } TD.preview-value-h { width: 50%; text-align: left; background-color: #754; color: #FFF; height: 30px; } TD.preview-separator { text-align: center; background-color: #754; color: #FFF; height: 30px; } /********** EXTRA VIEW *******************************************************/ TD.extra-name-h { width: 50%; text-align: right; background-color: #355; color: #FFF; height: 30px; } TD.extra-value-h { width: 50%; text-align: left; background-color: #355; color: #FFF; height: 30px; } TD.extra-separator { text-align: center; background-color: #355; color: #FFF; height: 30px; } /********** VIEWES *********************************************************/ TD.help { background-color: #FFB; border: solid 1px #D00; } /********** TOP MENU ********************************************************/ TABLE.topm { white-space: nowrap; background-color: #003896; height: 32px; color: #999;} TD.topmenu { white-space: nowrap; padding: 0px; background-color: #003896; text-align: left ; height: 30px; } TD.topmenu:hover { white-space: nowrap; padding: 0px; background-color: #0040AA; text-align: left ; height: 30px; } TD.topmenu-fill { width: 100%; white-space: nowrap; padding: 0px; background-color: #003896; text-align: right ; height: 30px; } A.topm { text-decoration: none; border: none; border-left: solid 2px #B01C2E; background-color: #003896; color: #B9C7EA; display: block; padding: 5px; font-weight: bold; padding-left: 12px; padding-right: 12px; } A.topm:hover { text-decoration: none; border: none; border-left: solid 2px #0040AA; background-color: #B9C7EA; color: #FFF; display: block; padding: 5px; font-weight: bold; padding-left: 12px; padding-right: 12px; } A.topm-active { text-decoration: none; border: none; border-left: solid 2px #0040AA; background-color: #B9C7EA; color: #FFF; display: block; padding: 5px; font-weight: bold; padding-left: 12px; padding-right: 12px; } A.topm-active:hover { text-decoration: none; border: none; border-left: solid 2px #0040AA; background-color:#B9C7EA; color: #FFB; display: block; padding: 5px; font-weight: bold; padding-left: 12px; padding-right: 12px; } /********** MENUS ***********************************************************/ TABLE.menu { white-space: nowrap; background-color: #555; height: 32px; border: none; border-left: solid 2px #B01C2E; } TD.menu { width: 15%; padding: 0px; background-color: #B9C7EA; text-align: left ; padding: 1px; height: 30px; border-bottom: solid 1px #999; } .menu-item { text-decoration: none; border: none; border-right: solid 2px #B01C2E; color: #003896; display: block; padding: 2px; font-weight: bold; border-bottom: none; } .menu-item:hover { text-decoration: none; border: none; border-right: solid 2px #FFFFFF; color: #0D68FF; display: block; padding: 2px; font-weight: bold; border-bottom: none; } /****************************************************************************/ TD.linktd-left { width: 100%; } TD.linktd-right { width: 100%; text-align: right; white-space: nowrap; } /********** CALENDAR ********************************************************/ TABLE.cal { white-space: nowrap; background-color: #999; } TABLE.cal-y { white-space: nowrap; background-color: #999; border: 1px solid #999; } TD.cal-empty { width: 14%; background-color: #666; text-align: center; vertical-align: top; } TD.cal { width: 14%; background-color: #666; text-align: center; vertical-align: top; } TD.cal:hover { width: 14%; background-color: #777; text-align: center; vertical-align: top; } TD.cal-y { width: 25%; background-color: #777; text-align: center; vertical-align: top; } TD.cal-today { width: 14%; background-color: #777; text-align: center; vertical-align: top; } TD.cal-selected { width: 14%; background-color: #666; text-align: center; vertical-align: top; border: solid 1px #0F0; } /********** A/LINKS *********************************************************/ A { text-decoration: none; border-bottom: dotted 1px #B01C2E; color: #B01C2E; font-weight: bold; } A:hover { text-decoration: none; border-bottom: solid 1px #B01C3F; color: #B01C3F; font-weight: bold; } A.header { text-decoration: none; border: none; color: #CCC; padding: 2px; font-weight: bold; } A.header:hover { text-decoration: none; border: none; color: #FFF; padding: 2px; font-weight: bold; } A.date { text-decoration: none; border: none; color: #CCC; display: block; } A.date:hover { text-decoration: none; border: none; color: #FFF; display: block; } A.grid { text-decoration: none; border-bottom: none; } A.grid:hover { text-decoration: none; border-bottom: none; } /* A.button { border: solid 1px #FFF; background-color: #222; padding: 6px; color: #FFF; background-image: none; font-weight: normal; padding-left: 20px; padding-right: 20px; } A.button:hover { border: solid 1px #ABC; background-color: #179; padding: 6px; color: #FFF; background-image: none; font-weight: normal; padding-left: 20px; padding-right: 20px; } A.button { border: none; border-left: solid 2px #333; border-right: solid 2px #333; background-color: #222; padding: 4px; color: #279; background-image: none; padding-left: 20px; padding-right: 20px; font-weight: bold; } A.button:hover { border: none; border-left: solid 2px #F00; border-right: solid 2px #F00; background-color: #222; padding: 4px; color: #5BD; background-image: none; padding-left: 20px; padding-right: 20px; font-weight: bold; } */ a.button { border: none; border-left: solid 2px #333; border-right: solid 2px #666; background-color: #666; padding: 4px; color: #FFF; background-image: none; padding-left: 20px; padding-right: 20px; font-weight: bold; } a.button:hover { border: none; border-left: solid 2px #F00; border-right: solid 2px #777; background-color: #777; padding: 4px; color: #FFF; background-image: none; padding-left: 20px; padding-right: 20px; font-weight: bold; } A.location { border: 1px solid #CCC; background-color: #EEE; padding: 3px; color: #000; text-decoration: none; } A.location:hover { border: 1px solid #CCC; background-color: #FFF; padding: 3px; color: #000; text-decoration: none; } A.t { display: block; text-decoration: none; padding: 4px; } A.prompt { color: #B01C2E; border-bottom: dotted 1px #B01C2E; font-weight: bold; padding: 2px; padding-left: 10px; padding-right: 10px; } A.prompt:hover { color: #C82035; border-bottom: solid 1px #C82035; font-weight: bold; padding: 2px; padding-left: 10px; padding-right: 10px; } /********** FORMS/INPUT *****************************************************/ IMG.checkbox-view { border: solid 1px #444; background-color: #CDCDCD; cursor: pointer; } IMG.checkbox3-view { border: solid 1px #444; background-color: #CDCDCD; cursor: pointer; } IMG.checkbox { border: solid 1px #777; background-color: #CDCDCD; cursor: pointer; padding: 2px; } IMG.checkbox:hover { border: solid 1px #B01C2E; background-color: #CDCDDD; cursor: pointer; padding: 2px; } IMG.checkbox3 { border: solid 1px #777; background-color: #FFE; cursor: pointer; padding: 2px; } IMG.checkbox3:hover { border: solid 1px #FA0; background-color: #FFE; cursor: pointer; padding: 2px; background-image: url(inputback.gif); } INPUT { border: solid 1px #444; color: #111; background-color: #CDCDCD; padding: 5px; background-image: url(); } INPUT:hover { border: solid 1px #B01C2E; color: #111; background-color: #CDCDDD; padding: 5px; } INPUT:focus { border: solid 1px #B01C2E; color: #111; background-color: #CDCDDD; padding: 5px; background-image: none; } IMG.link { border: none; border-bottom: none; } IMG.link:hover { border: none; border-bottom: none; } TEXTAREA { border: solid 1px #444; color: #BBB; background-color: #222; padding: 5px; background-image: url(inputback.gif); } TEXTAREA:hover { border: solid 1px #B01C2E; color: #BBB; background-color: #333; padding: 5px; } TEXTAREA:focus { border: solid 1px #B01C2E; color: #BBB; background-color: #333; padding: 5px; background-image: none; } /* FIXME FIXME FIXME */ TEXTAREA.readonly:hover { border: solid 1px #444; color: #BBB; background-color: #222; padding: 5px; background-image: url(inputback.gif); } TEXTAREA.readonly:focus { border: solid 1px #444; color: #BBB; background-color: #222; padding: 5px; background-image: url(inputback.gif); } SELECT { border: solid 1px #444; color: #111; background-color: #CDCDCD; padding: 5px; background-image: none; cursor: pointer; } INPUT.icon { border: solid 1px #555; background-color: #999; padding: 2px; color: #FFF; } INPUT.icon:hover { border: solid 1px #B01C2E; background-color: #777; padding: 2px; color: #FFF; } IMG.icon { border: solid 1px #888; background-color: #D3D7E7; padding: 2px; color: #FFF; } IMG.icon:hover { border: solid 1px #B01C2E; background-color: #777; padding: 2px; color: #FFF; } /* same as icon!!! */ IMG.radio { border: solid 1px #555; background-color: #222; padding: 2px; color: #FFF; cursor: pointer; background-image: url(inputback.gif); } IMG.radio:hover { border: solid 1px #B01C2E; background-color: #777; padding: 2px; color: #FFF; cursor: pointer; } /* INPUT.button { border: solid 2px #168; background-color: #666; padding: 4px; color: #B01C2E; background-image: none; padding-left: 20px; padding-right: 20px; font-weight: bold; } INPUT.button:hover { border: solid 2px #38A; background-color: #777; padding: 4px; color: #B01C2E; background-image: none; padding-left: 20px; padding-right: 20px; font-weight: bold; } */ /* test */ INPUT.button { border: none; border-left: solid 2px #333; border-right: solid 2px #666; background-color: #666; padding: 4px; color: #FFF; background-image: none; padding-left: 20px; padding-right: 20px; font-weight: bold; } INPUT.button:hover { border: none; border-left: solid 2px #F00; border-right: solid 2px #777; background-color: #777; padding: 4px; color: #FFF; background-image: none; padding-left: 20px; padding-right: 20px; font-weight: bold; } BUTTON { border: none; border-left: solid 2px #333; border-right: solid 2px #666; background-color: #666; padding: 4px; color: #FFF; background-image: none; padding-left: 20px; padding-right: 20px; font-weight: bold; } BUTTON:hover { border: none; border-left: solid 2px #F00; border-right: solid 2px #777; background-color: #777; padding: 4px; color: #FFF; background-image: none; padding-left: 20px; padding-right: 20px; font-weight: bold; } INPUT.hidden { display: none; } INPUT.hidden2 { border: 0; padding: 0; } INPUT.checkbox { padding: 0; } INPUT.checkbox:hover { padding: 0; } INPUT.radio { border: none; background: none; } SELECT { font-family: monospace; } IFRAME.input { border: dashed 1px #CCC; } /********** REPORTS/FORMS ***************************************************/ TABLE.report { white-space: normal; background-color: #222; border: 1px solid #555; } TD.report { white-space: normal; background-color: #B9C7EA; } FORM { margin: 0 0 0 0; } DIV.filter-text { margin-top: 5px; white-space: normal; background-color: #333; border-top: solid 2px #222; border-bottom: solid 2px #222; text-align: left; padding: 4px; } DIV.help-text { margin-top: 5px; white-space: normal; background-color: #333; border-top: solid 2px #222; border-bottom: solid 2px #222; text-align: left; padding: 4px; } TD.help-text { margin-top: 5px; white-space: normal; background-color: #345; border-left: solid 4px #789; text-align: left; padding: 4px; } DIV.info { background-color: #999; border: solid 1px #888; padding: 10px; white-space: normal; text-align: left; width: 69%; } DIV.error { background-color: #999; border: solid 2px #888; padding: 10px; white-space: normal; text-align: left; width: 69%; color: #C00; font-weight: bold; text-align: center; } DIV.help-hover { display: none; color: #DDD; margin-top: 5px; white-space: normal; background-color: #345; border: solid 1px #567; border-left: solid 4px #789; text-align: left; padding: 4px; opacity: 0.9; z-index: 1000; } DIV.popup-layer { display: none; color: #DDD; margin-top: 5px; white-space: normal; background-color: #345; border: solid 1px #567; border-left: solid 4px #789; text-align: left; padding: 4px; opacity: 0.9; z-index: 1000; } DIV.hover-layer { display: none; color: #DDD; margin-top: 5px; white-space: normal; background-color: #345; border: solid 1px #567; border-left: solid 4px #789; text-align: left; padding: 4px; opacity: 0.9; z-index: 1000; } /* TD.menu { width: 15%; padding: 0px; background-color: #333; text-align: left ; padding: 1px; height: 30px; border-bottom: solid 1px #555; } .menu-item { text-decoration: none; border: none; border-right: solid 2px #333; color: #279; display: block; padding: 2px; font-weight: bold; border-bottom: none; } .menu-item:hover { text-decoration: none; border: none; border-right: solid 2px #f00; color: #FFB; display: block; padding: 2px; font-weight: bold; border-bottom: none; } */ DIV.popup-menu { display: none; color: #DDD; white-space: nowrap; border: solid 2px #F70; padding: 2px; opacity: 0.95; z-index: 1000; background-color: #222; } TD.popup-menu-title { color: #222; white-space: nowrap; padding: 5px; background-color: #F70; font-weight: bold; margin-bottom: 10px; } /********** WIKI ************************************************************/ DIV.wiki-edit { border: dotted 1px #F00; padding: 5px; } DIV.wiki-edit:hover { border: solid 1px #F00; padding: 5px; } DIV.wiki-footer { background-color: #222; color: #000; padding: 4px; padding-left: 10px; border-top: dotted 1px #18A; text-align: right; } /* .wiki-text { background-color: #F0F0F0; color: #444; border: solid 1px #b6c1d3; padding: 5px; white-space: normal; text-align: left; } */ .wiki-text { margin-top: 5px; white-space: normal; background-color: #333; color: #BBB; border: 1px solid #222; text-align: left; padding: 4px; } .wiki-ptable { color: #BBB; } H2.wiki { background-color: #FFF; color: #000; padding: 4px; padding-left: 10px; border-bottom: solid 2px #18A; } H3.wiki { background-color: #FFF; color: #999; padding: 2px; padding-left: 10px; border-bottom: solid 2px #18A; } P.wiki { margin: 20px 0 20px 0; } OL.wiki { padding-left: 20; } UL.wiki { padding-left: 20; list-style-image: url(wiki-bullet.png); } LI.wiki { padding: 2px; color: #444; } DL.wiki { } DT.wiki { font-weight: bold; margin-top: 10px; } DD.wiki { } IMG.wiki-photo { border: solid 1px #FFF; padding: 4px; background-image: url(inputback.gif); } IMG.wiki-hr { background-color: #222; } PRE.wiki { margin-top: 5px; white-space: pre; background-color: #222; border: solid 2px #444; text-align: left; padding: 5px; } /********** EOF *************************************************************/