X-Git-Url: https://delta.frontaccounting.com/gitweb/?a=blobdiff_plain;f=themes%2Fcanvas%2Fdefault.css;h=96c0aece75f98759969c9e2b804e666b902d5d33;hb=2675ad383b1de774e9832ef134abc81e69479fed;hp=88f93458d1a21101752a01e861775169347f3925;hpb=853d5c37aa7d18bbb86f25ac38a42a130d6acde8;p=fa-stable.git

diff --git a/themes/canvas/default.css b/themes/canvas/default.css
index 88f93458..96c0aece 100644
--- a/themes/canvas/default.css
+++ b/themes/canvas/default.css
@@ -1,9 +1,9 @@
 /*--------------------------------------------------\
-| elegant       |               | default.css       |
+| canvas         |              | default.css       |
 |---------------------------------------------------|
 | For use with:                                     |
-| FrontAccounting   								|
-| http://FrontAccounting.com/  	            		|
+| FrontAccounting   				    |
+| http://FrontAccounting.com/          		    |
 | by Joe Hunt Consulting                            |
 |---------------------------------------------------|
 | Developer:                                        |
@@ -18,8 +18,13 @@
 
 body {
   background-color: #eee;
-  background-image: url(images/body_bg.png);
-  background-repeat: repeat-x;
+
+  background: -moz-linear-gradient(bottom, #e3eaea 0%, #e3eaea 50%, #e3eaea 51%, #d7dddd 78%, #d7dddd 100%);
+  background: -webkit-linear-gradient(bottom, #e3eaea 0%, #e3eaea 50%, #e3eaea 51%, #d7dddd 78%, #d7dddd 100%);
+  background: -o-linear-gradient(bottom, #e3eaea 0%, #e3eaea 50%, #e3eaea 51%, #d7dddd 78%, #d7dddd 100%);
+  background: -ms-linear-gradient(bottom, #e3eaea 0%, #e3eaea 50%, #e3eaea 51%, #d7dddd 78%, #d7dddd 100%);
+  background: linear-gradient(to top, #e3eaea 0%, #e3eaea 50%, #e3eaea 51%, #d7dddd 78%, #d7dddd 100%);
+
   margin: 0;
   padding: 0;
   text-align: center;
@@ -39,11 +44,11 @@ body,td,th {
 }
 
 tr, td, th {
-	line-height: 17px;
-	color: #000;
+  line-height: 17px;
+  color: #000;
 }
 table {
-	text-align: left;
+  text-align: left;
 }
 
 textarea {
@@ -96,78 +101,115 @@ a:visited {
 	float: right;
 }
 
-/* Menu */
-.fa-menu {
-  clear: both;
-  margin: 0;
-  padding: 0;
-  height: 30px;
-}
-
-.fa-menu ul {
+.fa-menu,
+.fa-menu ul,
+.fa-menu ul li,
+.fa-menu ul li a {
   margin: 0;
   padding: 0;
-  height: 30px;
+  border: 0;
   list-style: none;
-  display: inline;
-  white-space: nowrap;
+  line-height: 1;
+  display: block;
+  position: relative;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
-
-.fa-menu li {
-  margin: 0;
-  padding: 0 0 0 2px;
-  list-style: none;
+.fa-menu {
+  width: auto;
+  font-family: Helvetica, Arial, sans-serif;
+  color: #ffffff;
+}
+.fa-menu ul {
+  background: #222222;
+  /* Old browsers */
+
+  background: -moz-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
+  background: -webkit-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
+  background: -o-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
+  background: -ms-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
+  background: linear-gradient(to top, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
+}
+.fa-menu:after,
+.fa-menu ul:after {
+  content: ".";
   display: block;
+  clear: both;
+  visibility: hidden;
+  line-height: 0;
+  height: 0;
+}
+.fa-menu ul li {
   float: left;
-  background-image: url(images/menu_break.png);
-  background-repeat: no-repeat;
+  display: block;
+  border-right: 1px solid #ccc;
+  z-index: 1;
 }
-
-.fa-menu a:link,
-.fa-menu a:active,
-.fa-menu a:visited {
-  vertical-align: middle;
+.fa-menu ul li::after {
+  content: "";
+  width: 100%;
+  height: 8px;
+  position: absolute;
+  border-top-left-radius: 50% 4px;
+  border-top-right-radius: 50% 4px;
+  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
+  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
+  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
+  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
+  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
+  z-index: 2;
+  bottom: 10px;
+}
+.fa-menu ul li a {
+  display: block;
+  padding: 10px 12px;
+  text-decoration: none;
   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;
+  color: #ffffff;
+  border-right: 1px solid rgba(255, 255, 255, 0.15);
+  z-index: 3;
+}
+.fa-menu ul li a:hover,
+.fa-menu ul li.active a {
+  color: #ffffff;
+}
+.fa-menu ul li:hover,
+.fa-menu ul li.active {
+  background: #1275ae;
+  /* Old browsers */
+
+  background: -moz-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
+  background: -webkit-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
+  background: -o-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
+  background: -ms-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
+  background: linear-gradient(to top, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
+}
+.fa-menu ul li:hover::after,
+.fa-menu ul li.active::after {
+  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
+  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
+  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
+  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
+  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
 }
 
-.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;
+  background-color: #f9f9f9;
   float: left;
   margin: 0;
-  padding: 5px 0 0 0;
+  padding: 3px 0 0 0;
 }
 
 #fa-submenu{
 padding: 0;
-margin-top: 2px;
+margin-top: 0px;
 width: 100%;
 height: 24px;
-/*border-top: 1px solid #ececec;*/ /*Brown color theme*/ 
-/*background-color: #045c97;*/
-background-color: #7895ac;
+background-color: #1275ae;
 }
 
 #fa-submenu ul{
@@ -191,8 +233,7 @@ 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;
+background-color: #1275ae;
 }
 
 #fa-submenu a:hover{
@@ -236,7 +277,7 @@ h2, .titletext {
 	padding: 5px;
 }
 .titletext {
-	border-bottom: 1px solid #8cacbb;
+	border-bottom: 1px solid #8899aa;
 }
 
 h3 {
@@ -281,7 +322,7 @@ hr {
 	font-weight: normal;
 	line-height: 19px;
 	padding: 9px;
-	border: 1px solid #8cacbb;
+	border: 1px solid #8899aa;
 }
 
 .menu_group_items a {
@@ -290,14 +331,14 @@ hr {
 
 .tableheader {
 	font-weight: bold;
-	background-color: #7895ac;
+	background-color: #1275ae;
 	color: #fff;
 	text-align: center;
 }
 
 .tableheader2 {
 	font-weight: bold;
-	background-color: #7895ac;
+	background-color: #1275ae;
 	color: #fff;
 	text-align: left;
 }
@@ -396,11 +437,11 @@ hr {
 
 table.tablestyle {
 	border-collapse: collapse;
-	border: 1px solid #e1e1e1;
+	border: 1px solid #8899aa;
 }
 table.tablestyle td {
 	border-collapse: collapse;
-	border: 1px solid #e1e1e1;
+	border: 1px solid #8899aa;
 }
 table.tablestyle2 {
 	border-collapse: collapse;
@@ -423,7 +464,7 @@ table.tablestyle_inner td {
 }
 
 .label {
-	background-color: #ebf0f3;
+	background-color: #d7dbdd;
 	color: black;
 }
 
@@ -450,7 +491,6 @@ table.tablestyle_inner td {
 
 input.amount {
 	padding-right: 0px;
-	border-right: none;
 }
 
 .editbutton {
@@ -487,9 +527,9 @@ button.navibutton {
 .navibar {
 	padding: 0 3px;
     color: #fff;
-    border: 1px solid #e1e1e1;
+    border: 1px solid #8899aa;
     border-collapse: collapse;
-	background-color: #7895ac;
+	background-color: #1275ae;
 }
 
 .listsubmit {
@@ -528,42 +568,42 @@ ul.ajaxtabs li button{
     background-color: #dee7ec;
 	padding: 3px 8px;
 	margin: 0px;
-	border-top: 1px solid #8cacbb;
-	border-right: 1px solid #8cacbb;
+	border-top: 1px solid #8899aa;
+	border-right: 1px solid #8899aa;
 	border-bottom: none;
 	border-left: none;
 	font-weight: bold;
 }
 
 ul.ajaxtabs li button:hover{
-	border-top: 1px solid #8cacbb;
+	border-top: 1px solid #8899aa;
 	color:#fff;
 }
 div.spaceBox{
-	background-color: #8cacbb;
+	background-color: #8899aa;
 	height:8px;
-	border-bottom: 1px solid #8cacbb;
-	border-left: 1px solid #8cacbb;
-	border-right:1px solid #8cacbb;
+	border-bottom: 1px solid #8899aa;
+	border-left: 1px solid #8899aa;
+	border-right:1px solid #8899aa;
 	margin: 0 3px 0px 3px
 }
 
 div.contentBox{
-	border: 1px solid #8cacbb;
+	border: 1px solid #8899aa;
 	margin: 0 3px 3px 3px
 }
 
 ul.ajaxtabs li button.current, ul.ajaxtabs li button.current:hover{
-	border-left: 1px solid #8cacbb;
-	background-color: #8cacbb;
+	border-left: 1px solid #8899aa;
+	background-color: #8899aa;
 	color:#fff;
 }
 #hints {
   font-size: 12px;
   padding: 5px;
-  border-bottom: 1px solid #8cacbb;
+  border-bottom: 1px solid #8899aa;
   margin: -4px -2px -2px;
-  border: 1px solid #8cacbb;
+  border: 1px solid #8899aa;
   background-color: #ffffea;
   white-space: nowrap;
 }