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