Improved layout default login form.

[fa-stable.git] / themes / default / default.css

diff --git a/themes/default/default.css b/themes/default/default.css
index d03e3618ea8f321d7668c9401f4dac359c855381..c05eb423e0107a1e47138b824ef0add38c8d15e9 100644 (file)
--- a/themes/default/default.css
+++ b/themes/default/default.css
@@ -24,10 +24,6 @@ body {
        padding: 0;
 }
 
-#loginscreen {
-       background: #f5f5f5;
-}
-
 tr, td, th {
        font-size: 11px;
        line-height: 19px;
@@ -47,7 +43,7 @@ input, select {
 }
 
 select {
-    max-width: 200px;
+    max-width: 230px;
 }
 
 option.inactive {
@@ -99,13 +95,6 @@ button img, span {
        vertical-align: middle;
 }
 
-.login {
-       width: 350px;
-       border-left: 12px solid #367cb5;
-       border-collapse: collapse;
-       background-color: #eeeeee;
-}
-
 .callout_main {
        font-family: Verdana, Arial, Helvetica;
        border: none;
@@ -277,10 +266,6 @@ div.tabs a:hover {
        text-align: left;
 }
 
-.tableseparator {
-       border-left: 1px solid #444466;
-}
-
 .titletext {
        font-weight: bold;
        font-size: 13px;
@@ -344,7 +329,7 @@ div.tabs a:hover {
        color: #ff6666;
 }
 
-.redfg {
+.redfg, a.redfg {
        color: red;
        font-weight: bold;
 }
@@ -373,17 +358,77 @@ div.tabs a:hover {
        color: red;
 }
 
-.tablestyle {
+table.tablestyle {
        border-collapse: collapse;
+       border: 1px solid #8cacbb;
 }
-
-.tablestyle2 {
+table.tablestyle td {
+       border-collapse: collapse;
+       border: 1px solid #8cacbb;
+}
+table.tablestyle2 {
        border-collapse: collapse;
+       border: 1px solid #cccccc;
+}
+table.tablestyle2 td {
+       border-collapse: collapse;
+       border: 1px solid #cccccc;
+}
+table.tablestyle_inner {
+       border-collapse: collapse;
+       border: 1px solid #f9f9f9;
+}
+table.tablestyle_inner td {
+       border-collapse: collapse;
+       border: 1px solid #f9f9f9;
 }
 .tablestyle_noborder {
        padding: 3px;
 }
 
+.label {
+       background-color: #efefef;
+       color: black;
+}
+
+#loginscreen {
+       background: #f5f5f5;
+}
+
+.login {
+       width: 350px;
+       border:1px solid #ccc;
+       border-left: 12px solid #367cb5;
+       background-color: #eeeeee;
+}
+
+.login td.tableheader {
+       line-height: 40px;
+       border:1px solid #ccc;
+}
+
+.login select, .login input[type=text], input[type=password] {
+       height:25px;
+       width: 225px;
+       padding-left: 3px;
+       box-sizing: border-box;
+       border: 1px solid #bbb;
+       border-radius: 4px;
+       background-color: #fff;
+       outline: none;
+}
+
+.login input[type=button], input[type=submit] {
+  background-color: #367cb5;
+  border: none;
+  border-radius: 4px;
+  color: white;
+  padding: 8px 16px;
+  text-decoration: none;
+  margin: 4px 2px;
+  cursor: pointer;
+}
+
 .amount {
        font-family: Verdana, Arial, Helvetica;
        font-size: 11px;
@@ -392,7 +437,6 @@ div.tabs a:hover {
 
 input.amount {
        padding-right: 0px;
-       border-right: none;
 }
 
 .editbutton {
@@ -427,11 +471,14 @@ button.navibutton {
 .navibar {
     padding: 0 3px;
        color: #000;
-    border: 1px solid #8cacbb;
     border-collapse: collapse;
     background-color: #dee7ec;
 }
 
+.navibar tr td {
+    border: none;
+}
+
 .listsubmit {
     display: none;
 }
@@ -449,7 +496,7 @@ ul.ajaxtabs li{
        display: inline;
 }
 
-ul.ajaxtabs li input{
+ul.ajaxtabs li button{
     background-color: #dee7ec;
 /*     background-repeat: repeat-x;
        background-position: top; */
@@ -462,7 +509,7 @@ ul.ajaxtabs li input{
        font-weight: bold;
 }
 
-ul.ajaxtabs li input:hover{
+ul.ajaxtabs li button:hover{
        border-top: 1px solid #8cacbb;
        color:#FFFFFF;
 }
@@ -480,7 +527,7 @@ div.contentBox{
        margin: 0 3px 3px 3px
 }
 
-ul.ajaxtabs li input.current, ul.ajaxtabs li input.current:hover{
+ul.ajaxtabs li button.current, ul.ajaxtabs li button.current:hover{
        border-left: 1px solid #8cacbb;
        background-color: #8cacbb;
        color:#FFFFFF;