Rearrange CSS and images
This commit is contained in:
@@ -0,0 +1,466 @@
|
||||
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 }
|
||||
}
|
||||
+108
-319
@@ -1,216 +1,29 @@
|
||||
body
|
||||
body
|
||||
{
|
||||
background-image: url('/Content/Background.png');
|
||||
background-repeat: repeat-x;
|
||||
background-color: #b4eff6;
|
||||
font-size: 85%;
|
||||
font-size: 75%;
|
||||
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #696969;
|
||||
color: #232323;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
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%;
|
||||
#header
|
||||
{
|
||||
width: 452px;
|
||||
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
|
||||
input[type="radio"]
|
||||
{
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
#main
|
||||
h4
|
||||
{
|
||||
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;
|
||||
color: #366;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
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
|
||||
----------------------------------------------------------*/
|
||||
@@ -225,7 +38,9 @@ table td {
|
||||
border: solid 1px #e4f2f2;
|
||||
}
|
||||
|
||||
table th {
|
||||
table th
|
||||
{
|
||||
color: #7F6F50;
|
||||
padding: 6px 4px;
|
||||
text-align: left;
|
||||
background-color: #e4f2f2;
|
||||
@@ -233,8 +48,9 @@ table th {
|
||||
}
|
||||
|
||||
tbody td:nth-of-type(odd),
|
||||
tbody tr:nth-of-type(odd){
|
||||
background:rgba(232, 238, 244, 0.25);
|
||||
tbody tr:nth-of-type(odd) {
|
||||
background:#e4f2f2;
|
||||
background:rgba(228,242,242, 0.25);
|
||||
}
|
||||
|
||||
table tfoot td {
|
||||
@@ -242,115 +58,84 @@ table tfoot td {
|
||||
border: solid 1px #e4f2f2;
|
||||
}
|
||||
|
||||
/* Styles for basic forms http://colorschemedesigner.com/#3i31Sg0llw0w0
|
||||
-----------------------------------------------------------*/
|
||||
|
||||
/* 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
|
||||
fieldset
|
||||
{
|
||||
border-width: 0px;
|
||||
border:2px solid #81B3B3;
|
||||
padding:0 1.4em 1.4em 1.4em;
|
||||
margin:0 0 1.5em 0;
|
||||
}
|
||||
|
||||
form#filter
|
||||
legend
|
||||
{
|
||||
display: inline-block;
|
||||
color: #366;
|
||||
font-size:1.2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
div#newLog
|
||||
|
||||
textarea
|
||||
{
|
||||
display: inline-block;
|
||||
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 {
|
||||
.field-validation-error
|
||||
{
|
||||
color: #AA5755;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.field-validation-valid {
|
||||
.field-validation-valid
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.input-validation-error {
|
||||
.input-validation-error
|
||||
{
|
||||
border: 1px solid #6E1E1C;
|
||||
background-color: #F3E2E2;
|
||||
}
|
||||
|
||||
.validation-summary-errors {
|
||||
.validation-summary-errors
|
||||
{
|
||||
font-weight: bold;
|
||||
color: #ff0000;
|
||||
color: #AA5755;
|
||||
}
|
||||
|
||||
.validation-summary-valid {
|
||||
.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
|
||||
@@ -393,73 +178,77 @@ div#newLog
|
||||
display: block;
|
||||
}
|
||||
|
||||
.modelYear input
|
||||
/* Errors */
|
||||
|
||||
|
||||
.vehicle-id .field-validation-error
|
||||
{
|
||||
width: 40px;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.make input
|
||||
.odometer .field-validation-error
|
||||
{
|
||||
width: 80px
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.key input
|
||||
.gas .field-validation-error
|
||||
{
|
||||
width: 30px
|
||||
width: 45px;
|
||||
}
|
||||
|
||||
.model input
|
||||
.date .field-validation-error
|
||||
{
|
||||
width: 80px
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.vin input
|
||||
.employeeName .field-validation-error
|
||||
{
|
||||
width: 150px
|
||||
width: 135px;
|
||||
}
|
||||
|
||||
.report-miles
|
||||
.cityName .field-validation-error
|
||||
{
|
||||
text-decoration: underline;
|
||||
width: 125px;
|
||||
}
|
||||
|
||||
.report-calculation
|
||||
/* hint! */
|
||||
|
||||
.format-hint
|
||||
{
|
||||
display: none;
|
||||
color: #806F50;
|
||||
font-size: .8em;
|
||||
font-style: italic;
|
||||
margin-top: 2px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.report-calculation table
|
||||
.subscript
|
||||
{
|
||||
width: 100%;
|
||||
font-size: .8em;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.ui-icon
|
||||
.warning
|
||||
{
|
||||
display: inline-block !important;
|
||||
background-color: yellow;
|
||||
}
|
||||
|
||||
.qtip-content h5
|
||||
span#icon-employee-history
|
||||
{
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
left: -20px;
|
||||
bottom: -3px;
|
||||
margin-right: -20px;
|
||||
}
|
||||
|
||||
.qtip-content p
|
||||
{
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
.transparent {
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
.ui-message
|
||||
{
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
@media print {
|
||||
#header,
|
||||
#footer,
|
||||
.no-print
|
||||
{ display:none }
|
||||
.loading {
|
||||
background-image: url('/Content/images/spinner.gif');
|
||||
background-repeat: no-repeat;
|
||||
background-position: right;
|
||||
padding-right: 20px;
|
||||
}
|
||||
Vendored
-253
@@ -1,253 +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: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/spinner.gif');
|
||||
background-repeat: no-repeat;
|
||||
background-position: right;
|
||||
padding-right: 20px;
|
||||
}
|
||||
@@ -80,5 +80,5 @@
|
||||
.Unknown
|
||||
{
|
||||
color: Black;
|
||||
background-image: url('/Content/Rainbow.png');
|
||||
background-image: url('/Content/images/Rainbow.png');
|
||||
}
|
||||
+1
-7
@@ -20,13 +20,7 @@ namespace MileageTraker.Web
|
||||
public static void RegisterRoutes(RouteCollection routes)
|
||||
{
|
||||
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
|
||||
|
||||
//routes.MapRoute(
|
||||
// "Export Vehicles",
|
||||
// "ETHRAVehicles{year}-{month}-{day}.xls",
|
||||
// new { controller = "Vehicle", action = "Export" }
|
||||
// );
|
||||
|
||||
|
||||
routes.MapRoute(
|
||||
"Default", // Route name
|
||||
"{controller}/{action}/{id}", // URL with parameters
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
@{
|
||||
ViewBag.Title = "Confirm";
|
||||
ViewBag.PageStyle = "~/Content/CreateLog/Index.css";
|
||||
Layout = "~/Views/Shared/_Layout.min.cshtml";
|
||||
Layout = "~/Views/Shared/_Layout.cshtml";
|
||||
var endOdometerStyle = Model.PreviousOdometer != null ? "style=padding-bottom:0px;" : "";
|
||||
}
|
||||
@section Styles
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
|
||||
ViewBag.Title = "Enter Mileage Log";
|
||||
ViewBag.PageStyle = "~/Content/CreateLog/Index.css";
|
||||
Layout = "~/Views/Shared/_Layout.min.cshtml";
|
||||
Layout = "~/Views/Shared/_Layout.cshtml";
|
||||
}
|
||||
@section Styles
|
||||
{
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
|
||||
ViewBag.Title = "Success";
|
||||
ViewBag.PageStyle = "~/Content/CreateLog/Index.css";
|
||||
Layout = "~/Views/Shared/_Layout.min.cshtml";
|
||||
Layout = "~/Views/Shared/_Layout.cshtml";
|
||||
}
|
||||
@{
|
||||
@:<fieldset>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
ViewBag.Title = "Error";
|
||||
if (Model.ControllerName == "CreateLog")
|
||||
{
|
||||
Layout = "~/Views/Shared/_Layout.min.cshtml";
|
||||
Layout = "~/Views/Shared/_Layout.cshtml";
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Mileage Traker - ETHRA - @ViewBag.Title</title>
|
||||
<link href="@Url.Content("~/Content/Site.admin.css")" rel="stylesheet" type="text/css" />
|
||||
<link href="@Url.Content("~/Content/themes/custom-theme/jquery-ui-1.9.2.custom.min.css")" rel="stylesheet" type="text/css" />
|
||||
@RenderSection("Styles", false)
|
||||
</head>
|
||||
<body>
|
||||
<div class="page">
|
||||
<div id="header">
|
||||
<div id="title">
|
||||
<a href="/"><img src="/Content/images/Header.png" alt="Mileage Traker - ETHRA" width="452" height="89" /></a>
|
||||
</div>
|
||||
<div id="menucontainer">
|
||||
<ul id="menu">
|
||||
<li>
|
||||
@Html.ActionLink("Logs", "Index", "Log")</li>
|
||||
<li>
|
||||
@Html.ActionLink("Vehicles", "Index", "Vehicle")</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="main">
|
||||
@RenderBody()
|
||||
</div>
|
||||
<div id="footer">
|
||||
Mileage Traker © 2012 James Kolpack
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="@Url.Content("~/Scripts/jquery-1.8.3.min.js")" type="text/javascript"></script>
|
||||
<script src="@Url.Content("~/Scripts/jquery-ui-1.9.2.custom.min.js")" type="text/javascript"></script>
|
||||
<script src="@Url.Content("~/Scripts/jquery.numeric.js")" type="text/javascript"></script>
|
||||
<script src="@Url.Content("~/Scripts/Shared/Site.js")" type="text/javascript"></script>
|
||||
@RenderSection("Scripts", false)
|
||||
</body>
|
||||
</html>
|
||||
@@ -2,36 +2,25 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Mileage Traker - ETHRA - @ViewBag.Title</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
|
||||
<link href="@Url.Content("~/Content/themes/custom-theme/jquery-ui-1.9.2.custom.min.css")" rel="stylesheet" type="text/css" />
|
||||
@RenderSection("Styles", false)
|
||||
@if (ViewBag.PageStyle != null)
|
||||
{
|
||||
<link href="@Url.Content(ViewBag.PageStyle)" rel="stylesheet" type="text/css" />
|
||||
}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="page">
|
||||
<div id="header">
|
||||
<div id="title">
|
||||
<a href="/"><img src="/Content/Header.png" alt="Mileage Traker - ETHRA" width="452" height="89" /></a>
|
||||
</div>
|
||||
<div id="menucontainer">
|
||||
<ul id="menu">
|
||||
<li>
|
||||
@Html.ActionLink("Logs", "Index", "Log")</li>
|
||||
<li>
|
||||
@Html.ActionLink("Vehicles", "Index", "Vehicle")</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="main">
|
||||
@RenderBody()
|
||||
</div>
|
||||
<div id="footer">
|
||||
Mileage Traker © 2012 James Kolpack
|
||||
</div>
|
||||
<div id="header">
|
||||
<img src="@Url.Content("~/Content/images/Header_white.png")" alt="Mileage Traker" />
|
||||
</div>
|
||||
@RenderBody()
|
||||
|
||||
<script src="@Url.Content("~/Scripts/jquery-1.8.3.min.js")" type="text/javascript"></script>
|
||||
<script src="@Url.Content("~/Scripts/jquery-ui-1.9.2.custom.min.js")" type="text/javascript"></script>
|
||||
<script src="@Url.Content("~/Scripts/jquery.numeric.js")" type="text/javascript"></script>
|
||||
<script src="@Url.Content("~/Scripts/jquery-ui-1.9.2.custom.min.js")" type="text/javascript"></script>
|
||||
<script src="@Url.Content("~/Scripts/Shared/Site.js")" type="text/javascript"></script>
|
||||
@RenderSection("Scripts", false)
|
||||
</body>
|
||||
|
||||
@@ -1,27 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Mileage Traker - ETHRA - @ViewBag.Title</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<link href="@Url.Content("~/Content/Site.min.css")" rel="stylesheet" type="text/css" />
|
||||
<link href="@Url.Content("~/Content/themes/custom-theme/jquery-ui-1.9.2.custom.min.css")" rel="stylesheet" type="text/css" />
|
||||
@RenderSection("Styles", false)
|
||||
@if (ViewBag.PageStyle != null)
|
||||
{
|
||||
<link href="@Url.Content(ViewBag.PageStyle)" rel="stylesheet" type="text/css" />
|
||||
}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="header">
|
||||
<img src="@Url.Content("~/Content/Header_white.png")" alt="Mileage Traker" />
|
||||
</div>
|
||||
@RenderBody()
|
||||
|
||||
<script src="@Url.Content("~/Scripts/jquery-1.8.3.min.js")" type="text/javascript"></script>
|
||||
<script src="@Url.Content("~/Scripts/jquery.numeric.js")" type="text/javascript"></script>
|
||||
<script src="@Url.Content("~/Scripts/jquery-ui-1.9.2.custom.min.js")" type="text/javascript"></script>
|
||||
<script src="@Url.Content("~/Scripts/Shared/Site.js")" type="text/javascript"></script>
|
||||
@RenderSection("Scripts", false)
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,3 +1,3 @@
|
||||
@{
|
||||
Layout = "~/Views/Shared/_Layout.cshtml";
|
||||
Layout = "~/Views/Shared/_Layout.admin.cshtml";
|
||||
}
|
||||
+9
-9
@@ -133,14 +133,14 @@
|
||||
<Compile Include="ViewModels\LogResultsViewModel.cs" />
|
||||
</ItemGroup>
|
||||
<ItemGroup>
|
||||
<Content Include="Content\Background.png" />
|
||||
<Content Include="Content\images\Background.png" />
|
||||
<Content Include="Content\CreateLog\Index.css" />
|
||||
<Content Include="Content\Header.png" />
|
||||
<Content Include="Content\Header_white.png" />
|
||||
<Content Include="Content\images\Header.png" />
|
||||
<Content Include="Content\images\Header_white.png" />
|
||||
<Content Include="Content\jquery.qtip.min.css" />
|
||||
<Content Include="Content\Rainbow.png" />
|
||||
<Content Include="Content\Site.css" />
|
||||
<Content Include="Content\spinner.gif" />
|
||||
<Content Include="Content\images\Rainbow.png" />
|
||||
<Content Include="Content\Site.admin.css" />
|
||||
<Content Include="Content\images\spinner.gif" />
|
||||
<Content Include="Content\themes\custom-theme\images\ui-bg_diagonals-thick_18_b81900_40x40.png" />
|
||||
<Content Include="Content\themes\custom-theme\images\ui-bg_diagonals-thick_20_666666_40x40.png" />
|
||||
<Content Include="Content\themes\custom-theme\images\ui-bg_flat_10_000000_40x100.png" />
|
||||
@@ -183,7 +183,7 @@
|
||||
<Content Include="Web.Release.config">
|
||||
<DependentUpon>Web.config</DependentUpon>
|
||||
</Content>
|
||||
<Content Include="Content\Site.min.css" />
|
||||
<Content Include="Content\Site.css" />
|
||||
<Content Include="Scripts\jquery.unobtrusive-ajax.js" />
|
||||
<Content Include="Scripts\jquery.unobtrusive-ajax.min.js" />
|
||||
<Content Include="Scripts\jquery.validate.unobtrusive.js" />
|
||||
@@ -191,7 +191,7 @@
|
||||
<Content Include="Views\_ViewStart.cshtml" />
|
||||
<Content Include="Views\Home\About.cshtml" />
|
||||
<Content Include="Views\Shared\Error.cshtml" />
|
||||
<Content Include="Views\Shared\_Layout.cshtml" />
|
||||
<Content Include="Views\Shared\_Layout.admin.cshtml" />
|
||||
<Content Include="Views\Web.config" />
|
||||
</ItemGroup>
|
||||
<ItemGroup>
|
||||
@@ -209,7 +209,7 @@
|
||||
<Content Include="Views\Log\Index.cshtml" />
|
||||
</ItemGroup>
|
||||
<ItemGroup>
|
||||
<Content Include="Views\Shared\_Layout.min.cshtml" />
|
||||
<Content Include="Views\Shared\_Layout.cshtml" />
|
||||
</ItemGroup>
|
||||
<ItemGroup>
|
||||
<Content Include="Views\Vehicle\Index.cshtml" />
|
||||
|
||||
Reference in New Issue
Block a user