465 lines
6.3 KiB
CSS
465 lines
6.3 KiB
CSS
body
|
|
{
|
|
background-image: url('/Content/Background.png');
|
|
background-repeat: repeat-x;
|
|
background-color: #b4eff6;
|
|
font-size: 85%;
|
|
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #696969;
|
|
}
|
|
|
|
a:link {
|
|
color: #2f3569;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a:visited {
|
|
color: #1f2346;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a:hover {
|
|
color: #b76d00;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:active {
|
|
color: #d57f00;
|
|
}
|
|
|
|
p, ul {
|
|
margin-bottom: 20px;
|
|
line-height: 1.6em;
|
|
}
|
|
|
|
header,
|
|
footer,
|
|
nav,
|
|
section {
|
|
display: block;
|
|
}
|
|
|
|
/* HEADINGS
|
|
----------------------------------------------------------*/
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-size: 1.5em;
|
|
color: #000;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
padding-bottom: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
h2 {
|
|
padding: 0 0 5px 0;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
h5, h6 {
|
|
font-size: 1em;
|
|
}
|
|
|
|
/* PRIMARY LAYOUT ELEMENTS
|
|
----------------------------------------------------------*/
|
|
|
|
/* you can specify a greater or lesser percentage for the
|
|
page width. Or, you can specify an exact pixel width. */
|
|
.page {
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
header, #header {
|
|
position: relative;
|
|
margin-bottom: 0px;
|
|
color: #000;
|
|
padding: 0;
|
|
}
|
|
|
|
header h1, #header h1 {
|
|
font-weight: bold;
|
|
padding: 5px 0;
|
|
margin: 0;
|
|
color: #fff;
|
|
border: none;
|
|
line-height: 2em;
|
|
font-size: 32px !important;
|
|
}
|
|
|
|
#header h1 a
|
|
{
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#main
|
|
{
|
|
clear: both;
|
|
padding: 30px 30px 15px 30px;
|
|
background-color: #fff;
|
|
border-radius: 4px 0 0 0;
|
|
-webkit-border-radius: 4px 0 0 0;
|
|
-moz-border-radius: 4px 0 0 0;
|
|
}
|
|
|
|
footer,
|
|
#footer {
|
|
background-color: #777;
|
|
color: #444;
|
|
padding: 10px 0;
|
|
text-align: center;
|
|
line-height: normal;
|
|
margin: 0 0 30px 0;
|
|
font-size: .9em;
|
|
border-radius: 0 0 4px 4px;
|
|
-webkit-border-radius: 0 0 4px 4px;
|
|
-moz-border-radius: 0 0 4px 4px;
|
|
}
|
|
|
|
/* TAB MENU
|
|
----------------------------------------------------------*/
|
|
ul#menu {
|
|
border-bottom: 1px #73acb3 solid;
|
|
padding: 0 0 2px;
|
|
position: relative;
|
|
margin: 0;
|
|
text-align: right;
|
|
}
|
|
|
|
ul#menu li {
|
|
display: inline;
|
|
list-style: none;
|
|
}
|
|
|
|
ul#menu li#greeting {
|
|
padding: 10px 20px;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
line-height: 2.8em;
|
|
color: #fff;
|
|
}
|
|
|
|
ul#menu li a {
|
|
padding: 10px 20px;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
line-height: 2.8em;
|
|
background-color: #d0d9c2;
|
|
color: #d57f00;
|
|
border-radius: 4px 4px 0 0;
|
|
-webkit-border-radius: 4px 4px 0 0;
|
|
-moz-border-radius: 4px 4px 0 0;
|
|
}
|
|
|
|
ul#menu li a:hover {
|
|
background-color: #f1fff8;
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul#menu li a:active {
|
|
background-color: #f1fff8;
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul#menu li.selected a {
|
|
background-color: #fff;
|
|
color: #000;
|
|
}
|
|
|
|
/* FORM LAYOUT ELEMENTS
|
|
----------------------------------------------------------*/
|
|
|
|
fieldset
|
|
{
|
|
border: 2px solid #81B3B3;
|
|
width: 675px;
|
|
padding: 0 1.4em 1.4em 1.4em;
|
|
margin-right: auto;
|
|
}
|
|
|
|
legend {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
textarea {
|
|
min-height: 75px;
|
|
}
|
|
|
|
input[type="text"],
|
|
input[type="password"] {
|
|
border: 1px solid #ccc;
|
|
color: #444;
|
|
width: 200px;
|
|
width: 100px;
|
|
}
|
|
|
|
select {
|
|
border: 1px solid #ccc;
|
|
padding: 2px;
|
|
color: #444;
|
|
}
|
|
|
|
/* TABLE
|
|
----------------------------------------------------------*/
|
|
|
|
table {
|
|
border: solid 1px #e4f2f2;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
table td {
|
|
padding: 4px;
|
|
border: solid 1px #e4f2f2;
|
|
}
|
|
|
|
table th {
|
|
padding: 6px 4px;
|
|
text-align: left;
|
|
background-color: #e4f2f2;
|
|
border: solid 1px #e4f2f2;
|
|
}
|
|
|
|
tbody td:nth-of-type(odd),
|
|
tbody tr:nth-of-type(odd){
|
|
background:rgba(232, 238, 244, 0.25);
|
|
}
|
|
|
|
table tfoot td {
|
|
background-color: #e4f2f2;
|
|
border: solid 1px #e4f2f2;
|
|
}
|
|
|
|
|
|
/* MISC
|
|
----------------------------------------------------------*/
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
|
|
.error {
|
|
color: Red;
|
|
}
|
|
|
|
nav,
|
|
#menucontainer {
|
|
margin-top: 5px;
|
|
clear: both;
|
|
float: left;
|
|
}
|
|
|
|
div#title {
|
|
display: block;
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
|
|
div#title a
|
|
{
|
|
border-width: 0px;
|
|
}
|
|
|
|
form#filter
|
|
{
|
|
display: inline-block;
|
|
}
|
|
div#newLog
|
|
{
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
/* Styles for validation helpers
|
|
-----------------------------------------------------------*/
|
|
.field-validation-error {
|
|
color: #AA5755;
|
|
display: block;
|
|
}
|
|
|
|
.field-validation-valid {
|
|
display: none;
|
|
}
|
|
|
|
.input-validation-error {
|
|
border: 1px solid #6E1E1C;
|
|
background-color: #F3E2E2;
|
|
}
|
|
|
|
.validation-summary-errors {
|
|
font-weight: bold;
|
|
color: #ff0000;
|
|
}
|
|
|
|
.validation-summary-valid {
|
|
display: none;
|
|
}
|
|
|
|
/* Styles for editor and display helpers
|
|
----------------------------------------------------------*/
|
|
.display-field-container, .editor-field-container
|
|
{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
padding-right: 15px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.display-label,
|
|
.editor-label
|
|
{
|
|
color: #7F6F50;
|
|
margin: 1em 0 0 0;
|
|
}
|
|
|
|
.display-field,
|
|
.editor-field {
|
|
margin: 0.5em 0 0 0;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.text-box {
|
|
width: 30em;
|
|
}
|
|
|
|
.text-box.multi-line {
|
|
height: 6.5em;
|
|
}
|
|
|
|
.tri-state {
|
|
width: 6em;
|
|
}
|
|
|
|
.format-hint
|
|
{
|
|
color: #806F50;
|
|
font-size: .8em;
|
|
font-style: italic;
|
|
margin-top: 2px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
|
|
/* Input types */
|
|
|
|
.vehicleId input
|
|
{
|
|
width: 60px;
|
|
}
|
|
|
|
.endOdometer input
|
|
{
|
|
width: 60px;
|
|
}
|
|
|
|
.gasPurchased input
|
|
{
|
|
width: 45px;
|
|
}
|
|
|
|
.date input
|
|
{
|
|
width: 70px;
|
|
}
|
|
|
|
.units
|
|
{
|
|
font-size: .9em;
|
|
}
|
|
|
|
.employeeName input
|
|
{
|
|
width: 135px;
|
|
}
|
|
|
|
.cityName input
|
|
{
|
|
width: 125px;
|
|
}
|
|
|
|
.logType .radiobutton
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.modelYear input
|
|
{
|
|
width: 40px;
|
|
}
|
|
|
|
.make input
|
|
{
|
|
width: 80px
|
|
}
|
|
|
|
.key input
|
|
{
|
|
width: 30px
|
|
}
|
|
|
|
.model input
|
|
{
|
|
width: 80px
|
|
}
|
|
|
|
.vin input
|
|
{
|
|
width: 150px
|
|
}
|
|
|
|
.report-miles
|
|
{
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.report-calculation
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.report-calculation table
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.ui-icon
|
|
{
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.qtip-content h5
|
|
{
|
|
margin-top: 3px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.qtip-content p
|
|
{
|
|
margin-top: 3px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.ui-message
|
|
{
|
|
display: block;
|
|
margin-top: 10px;
|
|
padding: 3px;
|
|
}
|
|
|
|
@media print {
|
|
#header,
|
|
#footer,
|
|
.no-print
|
|
{ display:none }
|
|
} |