New style partially complete

Web/Content/Site.css

@@ -1,254 +1,23 @@
-body
+body {
+    padding-top: 49px;
+}
+
+#content {
+    padding: .5em 1em;
+}
+
+.brand
 {
-    font-size: 75%;
-    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
-    color: #232323;
-    background-color: #fff;
+  background: url(images/Header.png) no-repeat left center;
+  height: 28px;
+  width: 266px;
 }
 
-#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;
+.navbar .brand {
+    margin-left: 20px;
     margin-right: -20px;
 }
 
-.transparent {
-    opacity: 0.1;
+.nav li {
+    line-height: 29px;
 }
-
-.loading {
-    background-image: url('/Content/images/spinner.gif');
-    background-repeat: no-repeat;
-    background-position: right;
-    padding-right: 20px;
-}