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 01b217849812136214f40c388896cd01a5ff7ee8..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{
@@ -534,6 +548,9 @@ div.datepicker {
   background:#FFF;
   font-size:10px;
   padding:0;
+  box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
+  -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
+  -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
 }
 
 div.datepicker-calendar table {
@@ -731,7 +748,7 @@ div.listContainer {
 }
 
 .fixedListHeader a {
-  color:#333;
+  color:#444;
 }
 
 .listHeaderFormat {
@@ -743,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;
@@ -761,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;
 }
@@ -777,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;
@@ -794,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 {
@@ -1026,10 +1115,9 @@ background-color:#F0F0F0;
 #pulldown {
 background:#FFF;
 height:23px;    
-border-top:1px #D0D0D0 solid;
-border-left:1px #D0D0D0 solid;
-border-bottom:1px gray solid; 
-border-right:1px gray solid;  
+border:1px #CCC solid;
+background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
+background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 }                             
 
 #pulldown ul {
@@ -1081,11 +1169,11 @@ position:absolute;
 top:0;                                   
 left:0;                                  
 visibility:hidden;                       
-border-top:1px #D0D0D0 solid;            
-border-left:1px #D0D0D0 solid;           
-border-bottom:1px gray solid;            
-border-right:1px gray solid;             
+border:1px #CCC solid;            
 background:#FFF;                         
+box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
+-webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
+-moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
 }                                        
 
 #pulldown ul.level2 li,#pulldown ul.level3 li {