Update styles

[gosa.git] / gosa-core / html / themes / modern / style.css

diff --git a/gosa-core/html/themes/modern/style.css b/gosa-core/html/themes/modern/style.css
index 6ac249613b10b813b8df8cb7e9e9c049f124e83e..0e52948a49ea47e6dc97f556449c8afa94f8509a 100644 (file)
--- a/gosa-core/html/themes/modern/style.css
+++ b/gosa-core/html/themes/modern/style.css
@@ -496,10 +496,17 @@ fieldset textarea:hover{
 
 /* Icon menu */
 
+.icon-menu-container {
+  padding:0;
+}
+
 .icon-menu-item{
   float:left;
   background-repeat:no-repeat;
   padding:0 10px 10px 56px;
+  min-height:70px;
+  min-width:150px;
+  cursor:pointer;
 }
 
 .icon-menu-item:hover{
@@ -507,9 +514,16 @@ fieldset textarea:hover{
 }
 
 .icon-menu-item h1{
-  font-size:16px;
+  font-size:12px;
   font-weight:bold;
   margin:0;
+  color:#222;
+}
+
+h3.icon-menu-title{
+  font-size:14px;
+  font-weight:bold;
+  margin-top:8px;
 }
 
 .icon-menu-item p{
@@ -734,7 +748,7 @@ div.listContainer {
 }
 
 .fixedListHeader a {
-  color:#333;
+  color:#444;
 }
 
 .listHeaderFormat {
@@ -746,7 +760,7 @@ div.listContainer {
 .listHeaderFormat tr td {
   padding:4px;
   background-color:#F5F5F5;
-  color:#333;
+  color:#444;
   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
   border-right:1px solid #CCC;
@@ -764,6 +778,18 @@ div.listContainer {
   white-space:nowrap;
 }
 
+.listScrollContent tr:nth-child(odd) {
+  background-color:#FFF;
+}
+
+.listScrollContent tr:nth-child(even) {
+  background-color:#F5F5F5;
+}
+
+.listScrollContent tr:last-child {
+  background-color:#FFF;
+}
+
 .listScrollContent tr td:last-child {
   padding-right:20px;
 }
@@ -780,7 +806,7 @@ div.listContainer {
 
 div.nlistFooter {
   background-color:#F5F5F5;
-  color:#333;
+  color:#444;
   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
   border-left:1px solid #CCC;
@@ -797,6 +823,66 @@ div.nlistFooter {
 }
 
 
+/* List header, Filter, misc. */
+
+#filter {
+  position:absolute;
+  right:0;
+  width:250px;
+}
+
+#mainlist {
+  position:absolute;
+  right:265px;
+  left:0;
+}
+
+.mainlist-header {
+  background-color:#F8F8F8;
+  border:1px solid #CCC;
+  border-radius:2px;
+  -moz-border-radius:2px;
+  -webkit-border-radius:2px;
+  background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
+  background: -moz-linear-gradient(top, #F8F8F8, #EEE);
+  margin-bottom:4px;
+  margin-right:-2px;
+}
+
+.mainlist-header p{
+  color:#444;
+  font-weight:bold;
+  font-size:14px;
+  margin:4px;
+}
+
+.mainlist-header div{
+  border-top:1px solid #CCC;
+  background-color:white;
+}
+
+ul.mainlist-header-nav {
+  list-style:none;
+  cursor:pointer;
+  padding:0;
+  margin:0;
+  color:#666;
+}
+
+ul.mainlist-header-nav li {
+  display:inline;
+  padding:5px;
+  padding-top:8px;
+  height:19px;
+}
+
+ul.mainlist-header-nav li:hover {
+  background-color: #E0E0E0;
+  background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
+  background: -moz-linear-gradient(top, #EEE, #E0E0E0);
+}
+
+
 /* Sortable Lists */
 
 div.sortableListContainer {