Remove old css
This commit is contained in:
@@ -1,465 +0,0 @@
|
|||||||
body
|
|
||||||
{
|
|
||||||
background-image: url('/Content/images/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: 0;
|
|
||||||
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:#e8eef4;
|
|
||||||
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: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
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 }
|
|
||||||
}
|
|
||||||
@@ -1,254 +0,0 @@
|
|||||||
body
|
|
||||||
{
|
|
||||||
font-size: 75%;
|
|
||||||
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
|
|
||||||
color: #232323;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#header
|
|
||||||
{
|
|
||||||
width: 452px;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="radio"]
|
|
||||||
{
|
|
||||||
margin-left: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4
|
|
||||||
{
|
|
||||||
color: #366;
|
|
||||||
margin: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* TABLE
|
|
||||||
----------------------------------------------------------*/
|
|
||||||
|
|
||||||
table {
|
|
||||||
border: solid 1px #e4f2f2;
|
|
||||||
border-collapse: collapse;
|
|
||||||
}
|
|
||||||
|
|
||||||
table td {
|
|
||||||
padding: 4px;
|
|
||||||
border: solid 1px #e4f2f2;
|
|
||||||
}
|
|
||||||
|
|
||||||
table th
|
|
||||||
{
|
|
||||||
color: #7F6F50;
|
|
||||||
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:#e4f2f2;
|
|
||||||
background:rgba(228,242,242, 0.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
table tfoot td {
|
|
||||||
background-color: #e4f2f2;
|
|
||||||
border: solid 1px #e4f2f2;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Styles for basic forms http://colorschemedesigner.com/#3i31Sg0llw0w0
|
|
||||||
-----------------------------------------------------------*/
|
|
||||||
|
|
||||||
fieldset
|
|
||||||
{
|
|
||||||
border:2px solid #81B3B3;
|
|
||||||
padding:0 1.4em 1.4em 1.4em;
|
|
||||||
margin:0 0 1.5em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
legend
|
|
||||||
{
|
|
||||||
color: #366;
|
|
||||||
font-size:1.2em;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea
|
|
||||||
{
|
|
||||||
min-height: 75px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.editor-label
|
|
||||||
{
|
|
||||||
color: #7F6F50;
|
|
||||||
margin: 1em 0 0 0;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.editor-field
|
|
||||||
{
|
|
||||||
margin:0.2em 0 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.display-label
|
|
||||||
{
|
|
||||||
color: #7F6F50;
|
|
||||||
margin: 1em 0 0 0;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.display-field
|
|
||||||
{
|
|
||||||
margin:0.2em 0 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* 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: #AA5755;
|
|
||||||
}
|
|
||||||
|
|
||||||
.validation-summary-valid
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Errors */
|
|
||||||
|
|
||||||
|
|
||||||
.vehicle-id .field-validation-error
|
|
||||||
{
|
|
||||||
width: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.odometer .field-validation-error
|
|
||||||
{
|
|
||||||
width: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gas .field-validation-error
|
|
||||||
{
|
|
||||||
width: 45px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.date .field-validation-error
|
|
||||||
{
|
|
||||||
width: 70px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.employeeName .field-validation-error
|
|
||||||
{
|
|
||||||
width: 135px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cityName .field-validation-error
|
|
||||||
{
|
|
||||||
width: 125px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* hint! */
|
|
||||||
|
|
||||||
.format-hint
|
|
||||||
{
|
|
||||||
color: #806F50;
|
|
||||||
font-size: .8em;
|
|
||||||
font-style: italic;
|
|
||||||
margin-top: 2px;
|
|
||||||
padding-left: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.subscript
|
|
||||||
{
|
|
||||||
font-size: .8em;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
.warning
|
|
||||||
{
|
|
||||||
background-color: yellow;
|
|
||||||
}
|
|
||||||
|
|
||||||
span#icon-employee-history
|
|
||||||
{
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
left: -20px;
|
|
||||||
bottom: -3px;
|
|
||||||
margin-right: -20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.transparent {
|
|
||||||
opacity: 0.1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.loading {
|
|
||||||
background-image: url('/Content/images/spinner.gif');
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: right;
|
|
||||||
padding-right: 20px;
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user