Implemented automatic greater fonts when higher screen resolutions.

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

diff --git a/themes/default/default.css b/themes/default/default.css
index 12f8cf9e8a51a2c7bd8a447e6fd8fb0c4b7d21b4..7cdd469b995a362c762e616bf44828f0ae2feb6d 100644 (file)
--- a/themes/default/default.css
+++ b/themes/default/default.css
@@ -16,6 +16,7 @@
 |                                                   |
 \--------------------------------------------------*/
 
+
 body {
        font-family: Verdana, Arial, Helvetica;
        background: #285b86;
@@ -28,11 +29,11 @@ tr, td, th {
        font-size: 11px;
        line-height: 19px;
 }
-
+/*
 table {
        text-align: left;
 }
-
+*/
 textarea {
        font-size: 12px;
 }
@@ -43,7 +44,7 @@ input, select {
 }
 
 select {
-    max-width: 200px;
+    max-width: 230px;
 }
 
 option.inactive {
@@ -80,6 +81,10 @@ a:hover, a:focus {
        text-decoration: underline;
 }
 
+.inactive {
+       color: gray;
+}
+
 button {
        font-size: 11px;
        border: 1px #0066cc solid;
@@ -91,11 +96,6 @@ button img, span {
        vertical-align: middle;
 }
 
-.login {
-       background-color: #ffffff;
-       border: none;
-}
-
 .callout_main {
        font-family: Verdana, Arial, Helvetica;
        border: none;
@@ -229,16 +229,28 @@ div.tabs a:hover {
        border: 1px solid #8cacbb;
 }
 
+#hotkeyshelp {
+       text-align: right;
+       font-weight: bolder;
+}
+
 #footer {
        position: relative;
        bottom: -3px;
 }
 
+.footer td a {
+       color: #666666;
+       font-size: 9px;
+}
+
 .footer {
        font-family: Verdana, Arial, Helvetica;
        color: #cccccc;
        font-weight: normal;
        font-size: 9px;
+       text-align: center;
+       width: 100%;
 }
 
 .tableheader {
@@ -255,15 +267,12 @@ div.tabs a:hover {
        text-align: left;
 }
 
-.tableseparator {
-       border-left: 1px solid #444466;
-}
-
 .titletext {
        font-weight: bold;
        font-size: 13px;
        border-bottom: 1px solid #8cacbb;
        padding: 5px;
+       width: 100%;
 }
 
 .headingtext {
@@ -321,7 +330,7 @@ div.tabs a:hover {
        color: #ff6666;
 }
 
-.redfg {
+.redfg, a.redfg {
        color: red;
        font-weight: bold;
 }
@@ -350,21 +359,77 @@ div.tabs a:hover {
        color: red;
 }
 
-.tablestyle {
-       padding: 3px;
+table.tablestyle {
+       border-collapse: collapse;
+       border: 1px solid #8cacbb;
+}
+table.tablestyle td {
+       border-collapse: collapse;
        border: 1px solid #8cacbb;
+}
+table.tablestyle2 {
        border-collapse: collapse;
+       border: 1px solid #cccccc;
 }
-
-.tablestyle2 {
-       padding: 3px;
+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;
@@ -373,7 +438,6 @@ div.tabs a:hover {
 
 input.amount {
        padding-right: 0px;
-       border-right: none;
 }
 
 .editbutton {
@@ -408,11 +472,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;
 }
@@ -430,7 +497,7 @@ ul.ajaxtabs li{
        display: inline;
 }
 
-ul.ajaxtabs li input{
+ul.ajaxtabs li button{
     background-color: #dee7ec;
 /*     background-repeat: repeat-x;
        background-position: top; */
@@ -443,7 +510,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;
 }
@@ -461,7 +528,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;
@@ -568,3 +635,56 @@ ul.ajaxtabs li input.current, ul.ajaxtabs li input.current:hover{
        background-color: #ddd;
        border: 1px solid #FFF;
 }
+
+div.err_msg {
+       margin: 10px;
+       padding: 3px;
+       border: 1px solid #cc3300;
+       background-color: #ffcccc;
+       color: #dd2200;
+       text-align: center;
+}
+
+div.warn_msg {
+       margin: 10px;
+       padding: 3px;
+       border: 1px solid #ff9900;
+       background-color: #ffff00;
+       color: #ff5500;
+       text-align: center;
+}
+
+div.note_msg {
+       margin: 10px; 
+       padding: 3px;
+       border: 1px solid #33cc00;
+       background-color: #ccffcc;
+       color: #007700;
+       text-align: center;
+}
+
+#title {
+       margin-bottom: 10px;
+       width: 100%;
+}
+
+@media screen and (min-width: 1024px) {
+       body, .headingtext3 { font-size: 11px; }
+       textarea { font-size: 13px; }
+       tr, td, th, input, select, a, button, .inputsubmit, .ajaxsubmit, .amount, button.navibutton { font-size: 12px; }
+       .quick_menu_selected, .menu_group, .titletext, .headingtext, .headingtext2, .errortext, #hints { font-size: 14px; }
+       .bottomBarCell { font-size: 11px; line-height: 13px; }
+       .footer, .footer td a { font-size: 10px; }
+       #CC table { font-size: 9pt; }
+       #CC .previous, #CC .next { font-size: 1.4em; }
+}
+@media screen and (min-width: 1200px) {
+       body, .headingtext3 { font-size: 12px; }
+       textarea { font-size: 14px; }
+       tr, td, th, input, select, a, button, .inputsubmit, .ajaxsubmit, .amount, button.navibutton { font-size: 13px; }
+       .quick_menu_selected, .menu_group, .titletext, .headingtext, .headingtext2, .errortext, #hints { font-size: 15px; }
+       .bottomBarCell { font-size: 12px; line-height: 14px; }
+       .footer, .footer td a { font-size: 11px; }
+       #CC table { font-size: 10pt; }
+       #CC .previous, #CC .next { font-size: 1.4em; }
+}