New standard themes, default, canvas and dropdown.
[fa-stable.git] / themes / canvas / default.css
diff --git a/themes/canvas/default.css b/themes/canvas/default.css
new file mode 100644 (file)
index 0000000..88f9345
--- /dev/null
@@ -0,0 +1,697 @@
+/*--------------------------------------------------\
+| elegant       |               | default.css       |
+|---------------------------------------------------|
+| For use with:                                     |
+| FrontAccounting                                                              |
+| http://FrontAccounting.com/                                  |
+| by Joe Hunt Consulting                            |
+|---------------------------------------------------|
+| Developer:                                        |
+| Joe Hunt                                          |
+|                                                   |
+|---------------------------------------------------|
+| Note:                                             |
+| Changes can be made to this CSS that will be      |
+| reflected throughout FrontAccounting.             |
+|                                                   |
+\--------------------------------------------------*/
+
+body {
+  background-color: #eee;
+  background-image: url(images/body_bg.png);
+  background-repeat: repeat-x;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+}
+
+body,td,th {
+  font-family:Arial, Helvetica, sans-serif;
+  font-size: 11px;
+  color: #000;
+}
+
+/* Main */
+.fa-main {
+  width: 98%;
+  margin: 0 auto;
+  text-align: left;
+}
+
+tr, td, th {
+       line-height: 17px;
+       color: #000;
+}
+table {
+       text-align: left;
+}
+
+textarea {
+    font-size: 12px;
+}
+
+input, select
+{
+    font-size: 11px;
+       padding: 1px;
+}
+
+//select {
+//    max-width: 200px;
+//}
+
+input.big {
+       width: 100px;
+}
+
+input.small {
+       width: 50px;
+}
+
+a, a:active {
+       color: #045c97;
+       text-decoration: none;
+}
+a:hover, a:focus {
+       color: #4f9adb;
+       text-decoration: underline;
+}
+a:visited {
+       color: #045c97;
+       text-decoration: none;
+}
+.clear {
+       clear: both;
+}
+.nodisp {
+       display: none;
+}
+.italic {
+       font-style: italic;
+}
+.flleft {
+       float: left;
+}
+.flright {
+       float: right;
+}
+
+/* Menu */
+.fa-menu {
+  clear: both;
+  margin: 0;
+  padding: 0;
+  height: 30px;
+}
+
+.fa-menu ul {
+  margin: 0;
+  padding: 0;
+  height: 30px;
+  list-style: none;
+  display: inline;
+  white-space: nowrap;
+}
+
+.fa-menu li {
+  margin: 0;
+  padding: 0 0 0 2px;
+  list-style: none;
+  display: block;
+  float: left;
+  background-image: url(images/menu_break.png);
+  background-repeat: no-repeat;
+}
+
+.fa-menu a:link,
+.fa-menu a:active,
+.fa-menu a:visited {
+  vertical-align: middle;
+  font-size: 12px;
+  font-weight: bold;
+  text-align: center;
+  color: #fff;
+  margin: 0;
+  padding: 0 12px;
+  display: block;
+  float: left;
+  height: 30px;
+  line-height: 30px;
+}
+
+.fa-menu a:hover { text-decoration: underline; }
+
+.fa-menu .active a {
+  background-image: url(images/link_bg.png);
+  background-repeat: repeat-x;
+}
+
+.fa-menu .active a:hover { text-decoration: none; }
+
+
+/* Body */
+.fa-body {
+  width: 100%;
+  background-color: #fff;
+  background-image: url(images/content_bg.png);
+  background-repeat: repeat-x;
+  float: left;
+  margin: 0;
+  padding: 5px 0 0 0;
+}
+
+#fa-submenu{
+padding: 0;
+margin-top: 2px;
+width: 100%;
+height: 24px;
+/*border-top: 1px solid #ececec;*/ /*Brown color theme*/ 
+/*background-color: #045c97;*/
+background-color: #7895ac;
+}
+
+#fa-submenu ul{
+margin:0;
+padding: 0;
+list-style: none;
+}
+
+#fa-submenu li{
+display: inline;
+margin: 0 2px 0 0;
+padding: 0;
+}
+
+#fa-submenu a{
+float: left;
+display: block;
+font-size: 12px;
+color: white;
+text-decoration: none;
+margin: 0 1px 0 0; /*Margin between each menu item*/
+border-right: 1px solid #ececec;
+padding: 5px 10px;
+/*background-color: #045c97;*/ /*blue color theme*/ 
+background-color: #7895ac;
+}
+
+#fa-submenu a:hover{
+background-color: black; /*Brown color theme*/ 
+color: white;
+}
+
+
+/* Content */
+.fa-content {
+  width: 99%;
+  margin: 0;
+  padding: 7px 10px 5px 0;
+  float: right;
+  vertical-align: top;
+}
+
+/* Footer */
+.fa-footer {
+  clear: both;
+  background-image: url(images/footer_bg.png);
+  background-repeat: repeat-x;
+  height: 10px;
+  margin: 0;
+  padding: 10px;
+  text-align: center;
+  font-size: 10px;
+  color: #036;
+}
+
+
+h1 {
+       font-size: 14px;
+       margin-right: 20px;
+       color: #466f01;
+}
+h2, .titletext {
+       font-weight: bold;
+       font-size: 13px;
+       color: #555;
+       padding: 5px;
+}
+.titletext {
+       border-bottom: 1px solid #8cacbb;
+}
+
+h3 {
+       font-size: 100%;
+       padding-top: 1ex;
+       padding-bottom: 1ex;
+}
+#header { margin: 0; }
+#header ul {clear: right; float: right; font-size: 11px; margin: 8px 10px 0 0; }
+#header li{ list-style: none; display: inline; margin: 0; }
+#header li a{ color: #045c97; text-decoration: none; padding: 0 0 0 16px; }
+#header h1 {
+       padding: 4px 0 4px 10px;
+       margin: 0;
+}
+#header h2 {
+       font-style: italic;
+}
+
+.fa-footer .power a { font-size: 10px; padding: 0 12px 0 12px; text-align: center; background: transparent url(images/news.gif) no-repeat center left; color: #045c97; }
+.fa-footer .date { font-size: 10px; padding: 0 12px 0 12px; text-align: center; color: #045c97; }
+
+hr {
+       background: #ccc;
+       border: 0;
+       color: #ccc;
+       height: 1px;
+}
+
+.menu_group {
+       font-size: 12px;
+       padding: 0;
+       color: #555;
+       background-color: #fff;
+       padding-left: 3px;
+       font-weight: bold;
+}
+
+.menu_group_items {
+       font-size: 12px;
+       background-color: #f9f9f9;
+       font-weight: normal;
+       line-height: 19px;
+       padding: 9px;
+       border: 1px solid #8cacbb;
+}
+
+.menu_group_items a {
+       text-decoration: none;
+}
+
+.tableheader {
+       font-weight: bold;
+       background-color: #7895ac;
+       color: #fff;
+       text-align: center;
+}
+
+.tableheader2 {
+       font-weight: bold;
+       background-color: #7895ac;
+       color: #fff;
+       text-align: left;
+}
+
+.tableseparator {
+       border-left: 1px solid #ccc;
+}
+
+.headingtext {
+       font-weight: bold;
+       font-size: 12px;
+       color: #555;
+}
+
+.headingtext2 {
+       font-size: 12px;
+       color: black;
+}
+
+.headingtext3 {
+       font-weight: bold;
+       font-size: 10px;
+       color: black;
+}
+
+.errortext {
+       font-size: 12px;
+       color: #f00;
+       font-weight: bold;
+}
+
+.inputsubmit {
+       font-size: 11px;
+       border: 1px #ccc solid;
+       background-image: url(images/footer_bg.png);
+       background-repeat: repeat-x;
+       padding: 1px 4px;
+}
+
+.ajaxsubmit {
+       font-size: 11px;
+       border: 1px #ccc solid;
+       background-image: url(images/footer_bg.png);
+       background-repeat: repeat-x;
+       padding: 1px 4px;
+}
+
+.oddrow {
+       background-color: #fafafa;
+}
+
+.evenrow {
+       background-color: #f3f3f3;
+}
+
+.overduebg {
+       background-color: pink;
+}
+
+.overduefg {
+       color: pink;
+}
+
+.currentfg {
+       color: #f66;
+}
+
+.redfg, a.redfg {
+       color: red;
+       font-weight: bold;
+}
+
+.settledbg {
+       background-color: #0b0;
+}
+
+.settledfg {
+       color: #0b0;
+}
+
+.inquirybg {
+       background-color: #fdfeef;
+}
+
+.currencybg {
+       background-color: #e88;
+}
+
+.stockmankobg {
+       background-color: pink;
+}
+
+.stockmankofg {
+       color: red;
+}
+
+table.tablestyle {
+       border-collapse: collapse;
+       border: 1px solid #e1e1e1;
+}
+table.tablestyle td {
+       border-collapse: collapse;
+       border: 1px solid #e1e1e1;
+}
+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: #ebf0f3;
+       color: black;
+}
+
+#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:#00f;
+       background-color:transparent;
+       border-style:none;
+       text-decoration:none;
+       padding: 0;
+       margin: 0;
+       cursor: pointer;
+}
+
+.navibutton[disabled] {
+       color:#ccc;
+       text-decoration:none;
+       cursor: auto;
+}
+
+button.navibutton {
+       font-family:Arial, Helvetica, sans-serif;
+       font-size: 11px;
+       font-weight: bold;
+       color:#fff;
+       padding: 0 3px;
+       background-color: transparent;
+       border-style:none;
+       cursor: pointer;
+}
+
+.navibutton span {
+       text-decoration:underline;
+}
+
+.navibar {
+       padding: 0 3px;
+    color: #fff;
+    border: 1px solid #e1e1e1;
+    border-collapse: collapse;
+       background-color: #7895ac;
+}
+
+.listsubmit {
+    display: none;
+}
+
+.inactive {
+       color: gray;
+}
+
+button {
+       font-size: 11px;
+       border: 1px #0066cc solid;
+       padding: 1px 0px;
+}
+
+button img, span {
+       padding: 0px 2px ;
+       vertical-align: middle;
+}
+
+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;
+       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:#fff;
+}
+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:#fff;
+}
+#hints {
+  font-size: 12px;
+  padding: 5px;
+  border-bottom: 1px solid #8cacbb;
+  margin: -4px -2px -2px;
+  border: 1px solid #8cacbb;
+  background-color: #ffffea;
+  white-space: nowrap;
+}
+
+img { border: 0; }
+
+/*
+       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: #22303b;
+}
+#CC .weekday {
+       background-color: #eee;
+       color: #000;
+}
+#CC .weekend {
+       background-color: #FFC;
+       color: #000;
+}
+#CC .weekno {
+       background-color: #cde;
+       color: #555;
+}
+#CC .current {
+       border: 1px solid #339;
+       background-color: #22303b;
+       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: #22303b;
+       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%;
+}