/*--------------------------------------------------\
-| elegant | | default.css |
+| canvas | | default.css |
|---------------------------------------------------|
| For use with: |
-| FrontAccounting |
-| http://FrontAccounting.com/ |
+| FrontAccounting |
+| http://FrontAccounting.com/ |
| by Joe Hunt Consulting |
|---------------------------------------------------|
| Developer: |
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;
}
tr, td, th {
- line-height: 17px;
- color: #000;
+ line-height: 17px;
+ color: #000;
}
table {
- text-align: left;
+ text-align: left;
}
textarea {
float: right;
}
-/* Menu */
-.fa-menu {
- clear: both;
+.fa-menu,
+.fa-menu ul,
+.fa-menu ul li,
+.fa-menu ul li a {
margin: 0;
padding: 0;
- height: 30px;
-}
-
-.fa-menu ul {
- 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{
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{
padding: 5px;
}
.titletext {
- border-bottom: 1px solid #8cacbb;
+ border-bottom: 1px solid #8899aa;
}
h3 {
font-weight: normal;
line-height: 19px;
padding: 9px;
- border: 1px solid #8cacbb;
+ border: 1px solid #8899aa;
}
.menu_group_items a {
.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;
}
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;
}
.label {
- background-color: #ebf0f3;
+ background-color: #d7dbdd;
color: black;
}
input.amount {
padding-right: 0px;
- border-right: none;
}
.editbutton {
.navibar {
padding: 0 3px;
color: #fff;
- border: 1px solid #e1e1e1;
+ border: 1px solid #8899aa;
border-collapse: collapse;
- background-color: #7895ac;
+ background-color: #1275ae;
}
.listsubmit {
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;
}
margin-bottom: 10px;
width: 100%;
}
+
+@media screen and (min-width: 1024px) {
+ body,td,th,input,select,#header ul,.inputsubmit,.ajaxsubmit,.amount,button.navibutton,button { font-size: 12px; }
+ textarea,.fa-menu ul li a,#fa-submenu a,.fa-footer .date,.menu_group,.menu_group_items,.headingtext,
+ .headingtext2,.errortext,#hints { font-size: 13px; }
+ #fa-submenu { height: 25px; }
+ .fa-footer,.fa-footer .power a,.headingtext3 { font-size: 11px; }
+ h1 { font-size: 15px; }
+ h2,.titletext { font-size: 14px; }
+ #CC table { font-size: 8pt; }
+ #CC .previous, #CC .next { font-size: 1.4em; }
+}
+@media screen and (min-width: 1200px) {
+ body,td,th,input,select,#header ul,.inputsubmit,.ajaxsubmit,.amount,button.navibutton,button { font-size: 13px; }
+ textarea,.fa-menu ul li a,#fa-submenu a,.fa-footer .date,.menu_group,.menu_group_items,.headingtext,
+ .headingtext2,.errortext,#hints { font-size: 14px; }
+ #fa-submenu { height: 26px; }
+ .fa-footer,.fa-footer .power a,.headingtext3 { font-size: 12px; }
+ h1 { font-size: 16px; }
+ h2, .titletext { font-size: 15px; }
+ #CC table { font-size: 8pt; }
+ #CC .previous, #CC .next { font-size: 1.4em; }
+}
+
projects / fa-stable.git / blobdiff