Code

Fixed grey border top
[gosa.git] / gosa-core / html / themes / modern / style.css
index 2f5fc0a0419de9292c4f8cac7523e08e0d0b68cf..45e271f8e39a8141212535250979ea9eb661f4ec 100644 (file)
@@ -6,6 +6,8 @@ body, html {
   font-size:12px;
   font-family:"Lucida Grande",Arial,Verdana,sans-serif;
   height:100%;
+  min-width:1000px;
+  min-height:700px;
 }
 
 .left{
@@ -39,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;
 }
 
@@ -67,7 +69,6 @@ color:#000;
 background-color:#DDD;
 }                     
 
-
 h1, h2, h3 {
   margin-top:2px;
 }
@@ -77,6 +78,35 @@ 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 */
+button.img{
+  background:none;
+  border:0;
+  margin:0;
+  padding:2px;
+}
+
+div.img{
+  background-color:transparent;
+  background-repeat:no-repeat;
+  position:relative;
+  float:left;
+}
+
+div.img div {
+  background-color:transparent;
+  background-repeat:no-repeat;
+  bottom:0;
+  right:0;
+  position:absolute;
+}
+
 
 /* Title bar definitions */
 
@@ -97,8 +127,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 {
@@ -263,6 +293,14 @@ div.menu ul li {
   border-right:1px solid #C2C2C2;
 }
 
+div.menu ul li.current {
+  padding:5px; 
+  cursor:pointer;
+  background-color: rgba(0,0,0,0.1);
+  border-left:1px solid #C2C2C2;
+  border-right:1px solid #C2C2C2;
+}
+
 div.menu ul li:hover {
   background-color: #E0E0E0;
 }
@@ -287,9 +325,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);
@@ -300,18 +339,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;
 }
 
@@ -365,7 +404,14 @@ div.menu ul li.menu-header {
   background-color:#F8F8F8;
   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
-  color:#AAA;
+  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 {
@@ -378,93 +424,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 */
 
@@ -487,24 +450,22 @@ fieldset textarea:hover{
   clear:both;
 }
 
-.line-clear{
-  clear:both;
-  padding:2px 0;
-  border-bottom:1px solid #CCC;
-}
-
 
 /* Icon menu */
 
 .icon-menu-item{
   float:left;
-  background-repeat:no-repeat;
-  padding:0 10px 10px 56px;
+  padding-top:10px;
+  padding-bottom:10px;
   min-height:70px;
   min-width:150px;
   cursor:pointer;
 }
 
+.icon-menu-item div.dsc{
+  margin-left:55px
+}
+
 .icon-menu-item:hover{
   background-color: #E0E0E0;
 }
@@ -513,17 +474,19 @@ fieldset textarea:hover{
   font-size:12px;
   font-weight:bold;
   margin:0;
-  color:#222;
+  color:#333;
 }
 
 h3.icon-menu-title{
   font-size:14px;
   font-weight:bold;
   margin-top:8px;
+  color:#333;
 }
 
 .icon-menu-item p{
   margin:0;
+  color:#777;
 }
 
 
@@ -852,7 +815,7 @@ div.nlistFooter {
   margin:4px;
 }
 
-.mainlist-header div{
+.mainlist-header div.mainlist-nav{
   border-top:1px solid #CCC;
   background-color:white;
 }