Code

Fixed gradient
[gosa.git] / gosa-core / html / themes / modern / style.css
index 947318d10fa12ca4e0f6941bbabfeabb0c508f1e..2d121d5eab3ea5664fb6251a91b35f74eec026f6 100644 (file)
@@ -41,16 +41,16 @@ input[type=checkbox]{
   border:1px solid #CCC;
 }
 
-input[type=text]{
+input[type=text], input[type=password]{
   border:1px solid #CCC;
   padding:3px;
 }
 
-input[type=text]:active, input[type=text]:focus{
+input[type=text]:active, input[type=text]:focus, input[type=password]:active, input[type=password]:focus,{
   border:1px solid #777;
 }
 
-input[type=text]:hover{
+input[type=text]:hover, input[type=password]:hover{
   border-color:#777;
 }
 
@@ -78,7 +78,30 @@ h3 {
   font-weight:bold;
 }
 
+/* Image with migration color */
+img, input[type=image] {
+  border:1px solid red;
+  background-color:rgba(255,0,0,0.2);
+}
+
+/* Image with migration color */
+
+input[type=submit].img{
+  border:0;
+  padding:0;
+  margin:0;
+  margin-top:-2px;
+  display:inline-block;
+  display:-moz-inline-block;
+  background-color:transparent;
+  background-repeat:no-repeat;
+  position:relative;
+  cursor:pointer;
+}
+
 div.img{
+  display:inline-block;
+  display:-moz-inline-block;
   background-color:transparent;
   background-repeat:no-repeat;
   position:relative;
@@ -112,8 +135,8 @@ div.title-bar ul, div.title-bar ul li{
   padding:0;
 }
 
-span.logged-in-user{
-  font-style:italic;
+div.logged-in-label span{
+  font-weight:bold;
 }
 
 li.table-wrapper {
@@ -310,9 +333,10 @@ div.menu ul li.menu-header {
 
 /* Buttons */
 
-.button {
+button {
   padding:2px 6px;
   margin:0;
+  margin-bottom:6px;
   background-color:#F8F8F8;
   background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#BBB));
   background: -moz-linear-gradient(top, #FFF, #BBB);
@@ -323,18 +347,18 @@ div.menu ul li.menu-header {
   outline:none;
 }
 
-.button:active {
+button:active {
   background-color:#CCC;
   background: -webkit-gradient(linear, 0 100%, 0 0, from(#FFF), to(#BBB));
   background: -moz-linear-gradient(top, #BBB, #FFF);
 }
 
-.button:hover {
+button:hover {
   cursor:pointer;
   border-color:#777 !important;
 }
 
-.button:focus, .button:active {
+button:focus, .button:active {
   border-color:#777;
 }
 
@@ -385,10 +409,17 @@ div.menu ul li.menu-header {
   -webkit-border-top-left-radius:5px;
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
-  background-color:#F8F8F8;
-  background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
-  background: -moz-linear-gradient(top, #F8F8F8, #EEE);
-  color:#AAA;
+  background-color:#E8E8E8;
+  background: -webkit-gradient(linear, 0 0, 0 100%, from(#D8D8D8), to(#CCC));
+  background: -moz-linear-gradient(top, #D8D8D8, #CCC);
+  color:#333;
+  cursor:pointer;
+}
+
+.tabs li:hover {
+  background-color:#FFF;
+  background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
+  background: -moz-linear-gradient(top, #F8F8F8, #FFF);
 }
 
 .tabs li.current {
@@ -401,93 +432,10 @@ div.menu ul li.menu-header {
   border-bottom:1px solid #FFF;
   position:relative;
   z-index:1;
-  color:#000;
-}
-
-.tabs a {
-  float:left;
-  display:block;
-  text-decoration:none;
-  font-weight:bold;
-  color:#777;
-}
-
-.tabs li a:visited {
-  color:#777;
-}
-
-.tabs li.current a:visited {
-  color:#000;
-}
-
-
-/* Fieldsets */
-
-fieldset {
-  border:0;
-  padding:4px;
-  margin:0;
-}
-
-fieldset legend{
-  text-align:left;
-  padding:0px 0px;
-  margin-left:0px;
-  font-weight:bold;
-}
-
-fieldset label{
-  width:8em;
-  float:left;
-  text-align:left;
-  clear:left;
-  padding-top:3px;
-  margin-top:3px;
-}
-
-fieldset input[type=text]{
-  float:left;
-  width:10em;
-  margin-top:3px;
-}
-
-fieldset input[type=checkbox]{
-  clear:left;
-  float:left;
-  margin-top:1px;
-  margin-left:0;
-}
-
-fieldset select{
-  margin-top:5px;
-}
-
-fieldset textarea{
-  width:100%;
-  resize:none;
-  border:1px solid #CCC;
-}
-
-fieldset textarea:hover{
-  border-color:#777;
-}
-
-.fieldset-left {
-  padding-right:10px;
-  border-right:1px solid #CCC;
-  height:100%;
-}
-
-.fieldset-middle {
-  padding:0 10px;
-  border-right:1px solid #CCC;
-  height:100%;
+  color:#222;
+  cursor:pointer;
 }
 
-.fieldset-right {
-  padding:0 10px;
-  height:100%;
-}
 
 /* Containers */
 
@@ -510,12 +458,6 @@ fieldset textarea:hover{
   clear:both;
 }
 
-.line-clear{
-  clear:both;
-  padding:2px 0;
-  border-bottom:1px solid #CCC;
-}
-
 
 /* Icon menu */
 
@@ -823,6 +765,14 @@ div.listContainer {
   padding-right:20px;
 }
 
+.listScrollContent td div.img {
+  margin-right:1px;
+}
+
+.listScrollContent td input[type=submit].img {
+  margin-right:1px;
+}
+
 .listBodyFormat tr td {
   color:#000;
   margin:3px;
@@ -885,32 +835,26 @@ div.nlistFooter {
   margin:4px;
 }
 
-.mainlist-header div{
+.mainlist-header div.mainlist-nav{
   border-top:1px solid #CCC;
   background-color:white;
 }
 
-ul.mainlist-header-nav {
-  list-style:none;
-  cursor:pointer;
-  padding:0;
-  margin:0;
-  color:#666;
+div.mainlist-nav table{
+  border-collapse:collapse;
 }
 
-ul.mainlist-header-nav li {
-  display:inline;
-  padding:5px;
-  padding-top:8px;
-  height:19px;
+div.mainlist-nav td div.img{
+  margin-top:-2px;
 }
 
-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);
+div.mainlist-nav td{
+  padding:3px 5px;
 }
 
+div.mainlist-nav td.left-border{
+  padding-left:5px;
+}
 
 /* Sortable Lists */
 
@@ -1142,11 +1086,12 @@ background-color:#F0F0F0;
 /* Pulldown menu */
 
 #pulldown {
-background:#FFF;
+display:inline-block;
+background-color:#FFF;
 height:23px;    
-border:1px #CCC solid;
-background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
-background: -moz-linear-gradient(top, #F8F8F8, #EEE);
+border:1px solid #CCC;
+background:-webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
+background:-moz-linear-gradient(top, #F8F8F8, #EEE);
 }                             
 
 #pulldown ul {
@@ -1222,3 +1167,12 @@ font-weight:normal;
 background-color:#418DD4;                                      
 background-image:none;                                         
 }                       
+
+
+/* Filter */
+
+div.filter {
+  border:1px solid blue;
+}
+
+