git-svn-id: http://svn.opengroupware.org/SOGo/inverse/trunk@1180 d1b88da0-ebda-0310...

[scalable-opengroupware.org] / UI / WebServerResources / generic.css

diff --git a/UI/WebServerResources/generic.css b/UI/WebServerResources/generic.css
index 33953e89b2024368f55d606b6d9db8521a4d43ed..861e7d2fc8f744a51f72a136400f9bf4e7fe490a 100644 (file)
--- a/UI/WebServerResources/generic.css
+++ b/UI/WebServerResources/generic.css
@@ -54,12 +54,12 @@ LABEL
   margin-left: .5em; }
 
 TABLE
-{ display: block;
-  table-layout: fixed;
-  border-spacing: 0px;
-  padding: 0px;
-  margin: 0px;
-  border: 0px; }
+{ table-layout: fixed;
+  border-spacing: 0px; }
+
+TABLE TD
+{ padding-left: .25em;
+  padding-right: .25em; }
 
 a:link
 { color: #0033CC; }
@@ -92,7 +92,7 @@ div#header
 { margin-left: 5px;
   margin-right: 5px;
   padding: 0;
-  border-bottom: 1px solid #000000; }
+  border-bottom: 1px solid #000; }
 
 div#header img.headerlogo
 { float: right; 
@@ -153,6 +153,12 @@ DIV.linkbanner A
 DIV.linkbanner A:hover
 { color: #dd5; }
 
+DIV.linkbanner A#logoff
+{ float: right;
+  margin: 0px;
+  padding: 0px;
+  padding-right: .5em; }
+
 .linkbannerlinks
 { vertical-align: bottom;
   text-align: left; }
@@ -192,6 +198,7 @@ TEXTAREA
 
 DIV, TEXTAREA, INPUT, SELECT
 { font-family: inherit;
+  font-size: 8pt;
   font-size: inherit; }
 
 TEXTAREA, INPUT.textField
@@ -205,8 +212,7 @@ TEXTAREA, INPUT.textField
   -moz-border-left-colors: #9c9a94 #000 transparent; }
 
 INPUT.textField
-{ line-height: 2em;
-  vertical-align: middle; }
+{ vertical-align: middle; }
 
 DIV#toolbar
 { left: 0px;
@@ -214,7 +220,6 @@ DIV#toolbar
   border-bottom: 1px solid #848284;
   margin: 0px;
   padding: 0px;
-  background-color: #d4d0c8;
   white-space: nowrap;
   overflow: auto; }
 
@@ -254,8 +259,7 @@ SPAN.toolbarButton, SPAN.disabledToolbarButton
 
 SPAN.disabledToolbarButton
 { -moz-opacity: 0.4;
-  opacity: 0.4;
-  filter: alpha(opacity=40); }
+  opacity: 0.4; }
 
 SPAN.toolbarButton:hover
 { color: -moz-buttonhovertext;
@@ -348,14 +352,24 @@ SPAN.toolbarButton:active
 .menu LI.submenu:hover, .menu LI.submenu-selected
 { background-image: url('submenu-active.gif') !important; }
 
+/* live search popup menu */
+UL#searchOptions LI
+{ list-style-position: inside;
+  list-style-image: url("menu-nocheck.gif");
+  padding: 1px 3px;
+  margin: 0px; }
+
+UL#searchOptions LI._chosen
+{ list-style-image: url("menu-check.gif"); }
+
+UL#searchOptions LI._chosen:hover
+{ list-style-image: url("menu-check-hover.gif"); }
+
 DIV#logConsole
 { position: absolute;
   overflow: auto;
   display: none;
   z-index: 1000;
-  -moz-opacity: 0.7;
-  opacity: 0.7;
-  filter: alpha(opacity=70);
   border-top: 2px solid #fff;
   border-left: 2px solid #fff;
   border-right: 2px solid #999;
@@ -363,17 +377,19 @@ DIV#logConsole
   -moz-border-top-colors: #000 #9c9a94 transparent;
   -moz-border-left-colors: #000 #9c9a94 transparent;
   font-family: monospace;
-  font-weight: bold;
-  background-color: #000;
-  color: #ddd;
+  font-size: 9pt;
+  padding: .25em;
+  background-color: #fff;
+  overflow-y: scroll;
+  color: #222;
   top: 1em;
   left: 0px;
   right: 0px;
   height: 15em; }
 
-DIV#logConsole > DIV.highlighted
-{ background-color: #333; }
-
+/* DIV#logConsole > DIV.highlighted
+{ background-color: #ddf; }
+ */
 /* content lists */
 td.tbtv_actcell
 { border-width: 1px;
@@ -387,9 +403,11 @@ td.tbtv_actcell
   padding-left: 4px;
   padding-right: 4px; }
 
+TD.headerCell,
 TD.tbtv_headercell,
 TD.tbtv_navcell
-{ background-color: #d4d0c8; 
+{ vertical-align: middle;
+  background-color: #d4d0c8; 
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
   border-right: 2px solid #222;
@@ -397,22 +415,24 @@ TD.tbtv_navcell
   -moz-border-bottom-colors: #000 #9c9a94 transparent;
   -moz-border-right-colors: #000 #9c9a94 transparent; }
 
+TD.headerCell:active,
 TD.tbtv_headercell:active
-{ background-color: #DCDAD5;
-  border: 1px solid #9c9a94;
-  -moz-border-bottom-colors: #9c9a94;
-  -moz-border-right-colors: #9c9a94; }
+{ background-color: #dcdad5;
+  padding-top: 2px;
+  border-top: 1px solid #9c9a94;
+  border-left: 1px solid #9c9a94;
+  border-right: 2px solid #9c9a94;
+  border-bottom: 1px solid #9c9a94; }
 
+TD.headerCell SPAN,
 td.tbtv_headercell SPAN
-{ float: left;
-  width: 100%; }
+{ float: left; }
 
 td.tbtv_headercell a
 { cursor: default;
   margin: 0px auto;
   display: block;
-  color: black;
-  width: 100%; }
+  color: black; }
 
 td.tbtv_headercell a:hover
 { margin: 0px auto;
@@ -422,6 +442,8 @@ td.tbtv_headercell a:hover
   /* background-color: #C4C0B8; */
 }
 
+IMG.sortImage,
+TD.headerCell IMG.tbtv_sortcell,
 td.tbtv_headercell img.tbtv_sortcell
 { float: right;
   text-align: right;
@@ -438,11 +460,14 @@ TR.tableview TD
   padding-left: .3em;
   padding-right: .3em; }
 
-TR.tableview TD.headerDateTime
-{ width: 18em; }
+TD.headerDateTime
+{ min-width: 30em; }
+
+TD.headerTitle
+{ width: 30%; }
 
-TR.tableview TD.headerLocation
-{ width: 10em; }
+TD.headerLocation
+{ min-width: 20em; }
 
 td img.tbtv_sortcell
 { float: right;
@@ -454,8 +479,7 @@ td img.tbtv_sortcell
 
 TD.subjectCell,
 td.tbtv_subject_headercell
-{ overflow: hidden;
-  width: auto; }
+{ overflow: hidden; }
 
 /* drag handles */
 DIV.dragHandle
@@ -488,7 +512,6 @@ DIV.javascriptPopupBackground
   background-color: #999;
   -moz-opacity: 0.6; 
   opacity: 0.6;
-  filter: alpha(opacity=60);
   z-index: 2;
   top: 0px;
   left: 0px;
@@ -501,14 +524,13 @@ DIV.javascriptMessagePseudoTopWindow
 { position: absolute;
   z-index: 2;
   border-bottom: 2px solid #888;
-  -moz-border-bottom-colors: #000 #9c9a94 transparent;
   padding: 1em;
   margin: 0px auto;
-  -moz-opacity: 1.0;
-  opacity: 1.0;
-  filter: alpha(opacity=100);
   color: #000;
-  background-color: #d4d0c8; }
+  background-color: #d4d0c8;
+  -moz-border-bottom-colors: #000 #9c9a94 transparent;
+  -moz-opacity: 1.0;
+  opacity: 1.0; }
 
 DIV.javascriptMessagePseudoTopWindow
 { border-top: 0px;
@@ -606,8 +628,7 @@ DIV.dTreeNode SPAN._dragOver
 
 /* tabs */
 DIV.tabsContainer
-{ 
-  position: relative;
+{ position: relative;
   color: #000;
   background-color: #d4d0c8;
   margin-top: 1.5em;
@@ -667,13 +688,31 @@ DIV.tabsContainer > DIV.tab
   bottom: .5em;
   display: none; }
 
+DIV.tabsContainer DIV.active
+{ display: block; }
+
 DIV.tabsContainer > DIV[class~="active"].tab
 { display: block !important; }
 
 INPUT.checkBox
-{ border: 2px solid #000;
-  vertical-align: middle;
+{ vertical-align: middle;
   -moz-border-top-colors: #000 #fff;
   -moz-border-left-colors: #000 #fff; 
   -moz-border-bottom-colors: #000 #fff;
   -moz-border-right-colors: #000 #fff; }
+
+@media print
+{
+  BODY
+  { position: static;
+    font-size: 10pt;
+    height: auto;
+    overflow: visible; }
+
+  DIV#logConsole,
+  DIV#linkBanner,
+  DIV#toolbar,
+  DIV.menu,
+  DIV.tabsContainer
+  { display: none; }
+}