Implemented automatic greater fonts when higher screen resolutions.
[fa-stable.git] / themes / default / default.css
index 635f419c0eb38424064e51de5709f511499c1146..7cdd469b995a362c762e616bf44828f0ae2feb6d 100644 (file)
@@ -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;
 }
@@ -42,6 +43,15 @@ input, select {
        padding: 1px;
 }
 
+select {
+    max-width: 230px;
+}
+
+option.inactive {
+       text-decoration: line-through;
+       color: gray;
+}
+
 input.big {
        width: 100px;
 }
@@ -66,14 +76,24 @@ a:active {
        text-decoration: none;
 }
 
-a:hover {
+a:hover, a:focus {
        color: #2d8628;
        text-decoration: underline;
 }
 
-.login {
-       background-color: #ffffff;
-       border: none;
+.inactive {
+       color: gray;
+}
+
+button {
+       font-size: 11px;
+       border: 1px #0066cc solid;
+       padding: 1px 0px;
+}
+
+button img, span {
+       padding: 0px 2px ;
+       vertical-align: middle;
 }
 
 .callout_main {
@@ -209,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 {
@@ -235,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 {
@@ -301,7 +330,7 @@ div.tabs a:hover {
        color: #ff6666;
 }
 
-.redfg {
+.redfg, a.redfg {
        color: red;
        font-weight: bold;
 }
@@ -326,21 +355,81 @@ div.tabs a:hover {
        background-color: pink;
 }
 
-.tablestyle {
-       padding: 3px;
+.stockmankofg {
+       color: red;
+}
+
+table.tablestyle {
+       border-collapse: collapse;
        border: 1px solid #8cacbb;
+}
+table.tablestyle td {
        border-collapse: collapse;
+       border: 1px solid #8cacbb;
 }
-
-.tablestyle2 {
-       padding: 3px;
+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;
@@ -349,7 +438,6 @@ div.tabs a:hover {
 
 input.amount {
        padding-right: 0px;
-       border-right: none;
 }
 
 .editbutton {
@@ -360,26 +448,37 @@ input.amount {
    cursor: pointer;
 }
 
-.navibutton[disabled] {
+.navibutton[disabled], .navibutton[disabled] span {
   color:#808080;
+  text-decoration: none;
   cursor: auto;
 }
-.navibutton {
-   color:#0000FF;
-   padding: 3px;
+
+button.navibutton {
+       font-family: Verdana, Arial, Helvetica;
+       font-size: 11px;
+       font-weight: bold;
+   color:#000;
+   padding: 0 3px;
    background-color:transparent;
    border-style:none;
-   text-decoration:underline;
    cursor: pointer;
 }
 
+.navibutton span {
+       text-decoration: underline;
+}      
+
 .navibar {
-    padding: 3px;
-    border: 1px solid #cccccc;
+    padding: 3px;
+       color: #000;
     border-collapse: collapse;
     background-color: #dee7ec;
 }
 
+.navibar tr td {
+    border: none;
+}
 
 .listsubmit {
     display: none;
@@ -398,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; */
@@ -411,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;
 }
@@ -429,31 +528,163 @@ 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;
 }
 #hints {
-  font-size: 13px;
-  padding: 5px;
-  border-bottom: 1px solid #8cacbb;
-  margin: -4px -2px -2px;
-  border: 1px solid #8cacbb;
-/*  display: none;*/
-  background-color: #FFFFE0;
-  white-space: nowrap;
+       font-size: 13px;
+       padding: 5px;
+       border-bottom: 1px solid #8cacbb;
+       margin: -4px -2px -2px;
+       border: 1px solid #8cacbb;
+       background-color: #FFFFE0;
+       white-space: nowrap;
+}
 /*
-  position: absolute;
-  left: 0;
-  left: -900px;
-  filter:alpha(opacity=0);
-  -moz-opacity:0; 
-  border: 1px solid black;
-  height: 200px;
-  text-align: center;
-  width:200px;
-  z-index: 100;
-  padding: 5px;
+       Calendar style
 */
-}
\ No newline at end of file
+#CCIframe {
+       display: none;
+       left: 0px;
+       position: absolute;
+       top: 0px;
+       height: 250px;
+       width: 270px;
+       z-index: 99;
+}
+#CC { 
+       position:absolute;
+       background-color:#FFF;
+       margin:0; padding:0;
+       display:none;
+       z-index: 100;
+}
+#CC table { 
+       font-family: arial, verdana, helvetica, sans-serif;
+       font-size: 8pt;
+       border-left: 1px solid #336;
+       border-right: 1px solid #336;
+}
+#CC th {
+       font-weight: normal;
+       text-align: center;
+}
+#CC th a {
+       font-weight: normal;
+       text-decoration: none;
+       color: #FFF;
+       padding: 1px;
+}
+#CC td {
+       text-align: center;
+}
+#CC .header {
+       background-color: #285b86;
+}
+#CC .weekday {
+       background-color: #eee;
+       color: #000;
+}
+#CC .weekend {
+       background-color: #FFC;
+       color: #000;
+}
+#CC .weekno {
+       background-color: #c0daf8;
+       color: #555;
+}
+#CC .current {
+       border: 1px solid #339;
+       background-color: #285b86;
+       color: #FFF;
+}
+#CC .weekday, #CC .weekend, #CC .current {
+       display: block;
+       text-decoration: none;
+       border: 1px solid #FFF;
+       width: 2em;
+}
+#CC .weekday:hover, #CC .weekend:hover, #CC .current:hover {
+       color: #FFF;
+       background-color: #285b86;
+       border: 1px solid #999;
+}
+#CC .previous {
+       text-align: left;
+}
+#CC .next {
+       text-align: right;
+}
+#CC .previous, #CC .next {
+       padding: 1px 3px 1px 3px;
+       font-size: 1.4em;
+}
+#CC .previous a, #CC .next a {
+       color: #FFF;
+       text-decoration: none;
+       font-weight: bold;
+}
+#CC .title {
+       text-align: center;
+       font-weight: bold; 
+       color: #FFF;
+}
+#CC .empty {
+       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; }
+}