X-Git-Url: https://delta.frontaccounting.com/gitweb/?a=blobdiff_plain;f=themes%2Fcool%2Fdefault.css;h=c37e539b5d64ff6c91c34132c277dba2bd518f6f;hb=fff85845ae2899b1dbf4a39df94d3e6f27a4fa7e;hp=146063c26c2f1ab8b3ca8037270d112befa91a0e;hpb=da8311619dd73feae101d246a1957b972e00cbd2;p=fa-stable.git diff --git a/themes/cool/default.css b/themes/cool/default.css index 146063c2..c37e539b 100644 --- a/themes/cool/default.css +++ b/themes/cool/default.css @@ -2,8 +2,8 @@ | cool | | default.css | |---------------------------------------------------| | For use with: | -| FrontAccounting | -| http://FrontAccounting.com/ | +| FrontAccounting | +| http://FrontAccounting.com/ | | by Joe Hunt Consulting | |---------------------------------------------------| | Developer: | @@ -18,8 +18,8 @@ body { font-family: Verdana, Arial, Helvetica; - background: #528cab; - font-size: 10px; + background: #60687b; + font-size: 10px; margin: 5px 0 0 5px; padding: 0; } @@ -29,13 +29,26 @@ tr, td, th { line-height: 19px; } +table { + text-align: left; +} + textarea { font-size: 12px; } input, select { font-size: 11px; - padding: 1px; + padding: 1px; +} + +select { + max-width: 230px; +} + +option.inactive { + text-decoration: line-through; + color: gray; } input.big { @@ -48,12 +61,12 @@ input.small { a { color: #0000bb; - font-size: 11px; + font-size: 11px; text-decoration: none; } a:link { - color: #00000bb; + color: #0000bb; text-decoration: none; } @@ -62,15 +75,24 @@ a:active { text-decoration: none; } -a:hover { +a:hover, a:focus { color: #2d8628; text-decoration: underline; } +.inactive { + color: gray; +} -.login { - background-color: #ffffff; - border: none; +button { + font-size: 11px; + border: 1px #0066cc solid; + padding: 1px 0px; +} + +button img, span { + padding: 0px 2px ; + vertical-align: middle; } .callout_main { @@ -82,7 +104,7 @@ a:hover { } .main_page { - background-color: #f9f9f9; + background-color: #eff9f9; border: none; width: 100%; margin: 0; @@ -90,11 +112,11 @@ a:hover { } .quick_menu { - background-color: #528cab; + background-color: #60687b; border: 0; margin: 0; padding: 0; - text-align: right; + /*text-align: right;*/ } .quick_menu_selected { @@ -109,18 +131,18 @@ a:hover { } .logoutBar { - padding-right: 1em; - background: #d5b7a7; - color: black; - border-bottom: 1px solid #c0b67c; + padding-right: 1em; + background: #e4ecec; + color: black; + border-bottom: 1px solid #cccccc; width: 100%; } .bottomBar { - padding-right: 1em; - background: #d5b7a7; - color: black; - border-bottom: 1px solid #c0b67c; + padding-right: 1em; + background: #e4ecec; + color: black; + border-bottom: 1px solid #cccccc; width: 100%; } @@ -130,11 +152,11 @@ a:hover { } .bottomBar2 { - padding-right: 1em; - background: #d5b7a7; - color: black; - border-top: 1px solid #c0b67c; - border-bottom: 1px solid #c0b67c; + padding-right: 1em; + background: #e4ecec; + color: black; + border-top: 1px solid #cccccc; + border-bottom: 1px solid #cccccc; width: 100%; } @@ -143,16 +165,16 @@ a:hover { } div.logoutBar { - padding-right: 1em; - background: #d5b7a7; - color: black; - border-bottom: 1px solid #c0b67c; + padding-right: 1em; + background: #e4ecec; + color: black; + border-bottom: 1px solid #cccccc; text-align: right; } div.logoutBar a { - font-weight: normal; - margin-left: 1em; - color: #436976; + font-weight: normal; + margin-left: 1em; + color: #436976; background-color: transparent; } div.logoutBar img { @@ -160,54 +182,59 @@ div.logoutBar img { } div.tabs { - padding: 0.5em 0 0 0; - background: none transparent scroll repeat 0% 0%; - white-space: nowrap; - border-collapse: collapse; - border-bottom: 1px solid #c0b67c; + padding: 3px 0 0 0; + background: none transparent scroll repeat 0% 0%; + white-space: nowrap; + border-collapse: collapse; + border-bottom: 1px solid #cccccc; } div.tabs a { - border: 1px solid #c0b67c; - padding: 0 1em 3px 1em; - font-weight: normal; - background: white scroll repeat 0% 0%; - color: #436976; - margin-right: 0.0em; + border: 1px solid #cccccc; + padding: 3px 10px; + font-weight: normal; + background: white scroll repeat 0% 0%; + color: #436976; + margin-right: 0.0em; height: 1.0em; } div.tabs a.selected { - border-top: 1px solid #c0b67c; - border-right: 1px solid #c0b67c; - border-bottom: 1px solid #d5b7a7; - border-left: 1px solid #c0b67c; - font-weight: normal; - background: #d5b7a7; - color: #436976; + border-top: 1px solid #cccccc; + border-right: 1px solid #cccccc; + border-bottom: 1px solid #e4ecec; + border-left: 1px solid #cccccc; + font-weight: normal; + background: #e4ecec; + color: #436976; } div.tabs a:hover { - border-top-color: #c0b67c; - border-right-color: #c0b67c - border-bottom-color: #d5b7a7; - border-left-color: #c0b67c; - background: #d5b7a7; - color: #436976; + border-top-color: #cccccc; + border-right-color: #cccccc; + border-bottom-color: #e4ecec; + border-left-color: #cccccc; + background: #e4ecec; + color: #436976; } .menu_group { font-size: 13px; padding: 0px; - color: #000000; - background-color: #d5b7a7; - PADDING-LEFT: 3px; + color: #455372; + background-color: #e4ecec; + PADDING-LEFT: 3px; font-weight: bold; } .menu_group_items { - background-color: #f9f9f9; + background-color: #eff9f9; font-weight: normal; padding: 9px; - border: 1px solid #c0b67c; + border: 1px solid #cccccc; +} + +#hotkeyshelp { + text-align: right; + font-weight: bolder; } #footer { @@ -220,19 +247,26 @@ div.tabs a:hover { color: #cccccc; font-weight: normal; font-size: 9px; + text-align: center; + width: 100%; +} + +.footer td a { + color: #666666; + font-size: 9px; } .tableheader { font-weight: bold; - background-color: #c5d5a7; - color: black; + background-color: #788da1; + color: white; text-align: center; } .tableheader2 { font-weight: bold; - background-color: #c5d5a7; - color: black; + background-color: #788da1; + color: white; text-align: left; } @@ -242,30 +276,32 @@ div.tabs a:hover { .titletext { font-weight: bold; - font-size: 13px; - border-bottom: 1px solid #c0b67c; + font-size: 13px; + color: #455372; + border-bottom: 1px solid #cccccc; padding: 5px; + width: 100%; } .headingtext { font-weight: bold; - font-size: 13px; - color: black; + font-size: 13px; + color: #455372; } .headingtext2 { - font-size: 13px; - color: black; + font-size: 13px; + color: #455372; } .headingtext3 { font-weight: bold; - font-size: 10px; - color: black; + font-size: 10px; + color: #455372; } .errortext { - font-size: 13px; + font-size: 13px; color: #ff0000; font-weight: bold; } @@ -273,41 +309,47 @@ div.tabs a:hover { .inputsubmit { font-size: 11px; border: 1px solid #0066cc; - padding: 1px 4px; + padding: 1px 4px; +} + +.ajaxsubmit { + font-size: 11px; + border: 1px solid #0066cc; + padding: 1px 4px; } .oddrow { - background-color: #eeeeee; + background-color: #ffffff; } .evenrow { - background-color: #dddddd; -} + background-color: #eaedf1; +} .overduebg { - background-color: #dd7777; -} + background-color: pink; +} .overduefg { color: #dd7777; -} +} .currentfg { color: #ff6666; -} +} -.redfg { +.redfg, a.redfg { color: red; font-weight: bold; -} +} .settledbg { background-color: #00bb00; -} +} .settledfg { color: #00bb00; -} +} .inquirybg { background-color: #fdfeef; @@ -321,17 +363,293 @@ div.tabs a:hover { background-color: pink; } -.tablestyle { - padding: 3px; - border: 1 solid #c0b67c; +.stockmankofg { + color: red; +} + +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; +} +table.tablestyle2 td { + border-collapse: collapse; + border: 1px solid #cccccc; +} +table.tablestyle_inner { + border-collapse: collapse; + border: 1px solid #eff9f9; +} +table.tablestyle_inner td { + border-collapse: collapse; + border: 1px solid #eff9f9; +} +.tablestyle_noborder { + padding: 3px; +} + +.label { + background-color: #e4ecec; + color: black; +} -.tablestyle2 { - padding: 0 3px; - border: 1px solid #ccc; +#loginscreen { + background: #f5f5f5; +} + +.login { + width: 350px; + border-left: 12px solid #367cb5; + border-collapse: collapse; + background-color: #eeeeee; +} +.login td { border-collapse: collapse; + border: 1px solid #cccccc; +} + +.amount { + font-family: Verdana, Arial, Helvetica; + font-size: 11px; + text-align: right; +} + +input.amount { + padding-right: 0px; + border-right: none; +} + +.editbutton { + color:#0000FF; + background-color:transparent; + border-style:none; + text-decoration:underline; + cursor: pointer; +} + +.navibutton[disabled], .navibutton[disabled] span { + color:#ddd; + text-decoration: none; + cursor: auto; +} +button.navibutton { + font-family: Verdana, Arial, Helvetica; + font-size: 11px; + font-weight: bold; + color:#fff; + padding: 0 3px; + background-color:transparent; + border-style:none; + cursor: pointer; +} + +.navibutton span { + text-decoration: underline; } -.tablestyle_noborder { + +.navibar { + padding: 0 3px; + color: #fff; + border: 1px solid #cccccc; + border-collapse: collapse; + background-color: #788da1; +} + +.navibar tr td { + border: none; +} + +.listsubmit { + display: none; +} + +ul.ajaxtabs{ + padding: 3px 0 0 0; + margin: 3px 3px 0 3px; + font: 12px Tahoma,Verdana; + font-weight: bold; +} + +ul.ajaxtabs li{ + list-style: none; + margin: 0; + display: inline; +} + +ul.ajaxtabs li button{ + background-color: #dee7ec; +/* background-repeat: repeat-x; + background-position: top; */ + padding: 3px 8px; + margin: 0px; + border-top: 1px solid #8cacbb; + border-right: 1px solid #8cacbb; + border-bottom: none; + border-left: none; + font-weight: bold; +} + +ul.ajaxtabs li button:hover{ + border-top: 1px solid #8cacbb; + color:#FFFFFF; +} +div.spaceBox{ + background-color: #8cacbb; + height:8px; + border-bottom: 1px solid #8cacbb; + border-left: 1px solid #8cacbb; + border-right:1px solid #8cacbb; + margin: 0 3px 0px 3px +} + +div.contentBox{ + border: 1px solid #8cacbb; + margin: 0 3px 3px 3px +} + +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; + background-color: #FFFFE0; + white-space: nowrap; +} +/* + Calendar style +*/ +#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: #60687b; +} +#CC .weekday { + background-color: #eee; + color: #000; +} +#CC .weekend { + background-color: #FFC; + color: #000; +} +#CC .weekno { + background-color: #e4ecec; + color: #555; +} +#CC .current { + border: 1px solid #339; + background-color: #60687b; + 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: #60687b; + 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; -} \ No newline at end of file + border: 1px solid #33cc00; + background-color: #ccffcc; + color: #007700; + text-align: center; +} + +#title { + margin-bottom: 10px; + width: 100%; +}