add normalize, refactor css

[iankelling.org] / css / gitweb-site.scss

diff --git a/css/gitweb-site.scss b/css/gitweb-site.scss
index 54bb033f4f3c5f676c7a5106d9fed8ccd786ec81..0eea16a0948fef9c0e5adc36265e3890f01f8fac 100644 (file)
--- a/css/gitweb-site.scss
+++ b/css/gitweb-site.scss
@@ -1,7 +1,8 @@
+@import 'common';
 
 .main-content-stripe {
-    /* i don't like bright white. copy a gitweb color */
-    background-color: #f6f6f0;
+    // default too bright.
+    background-color: $content-color;
     padding: 30px 0;
 }
 
@@ -10,8 +11,14 @@ body {
     border-width: 0px;
 }
 .page_header,.page_footer {
-    margin: 0 auto;
-    max-width: 700px;
+    // auto centers it
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-left: 30px;
+    padding-right: 30px;
+    max-width: $main-column-max-width;
 }
 
 table.project_list {
@@ -30,14 +37,15 @@ div.page_header {
     margin-top: 21.0667px;
     margin-bottom: 21.0667px;
     /* remove padding added by gitweb's css */
-    padding: 0;
+    padding-top: 0;
+    padding-bottom: 0;
 }
 
 /* I tried to find all the css to override,*/
 /* but found certain things not overriding as I would expect,*/
 /* So hammer it with !important */
 a {
-    color: #0645ad !important;
+    color: $link-color !important;
     text-decoration: none;
 }
 a:hover {
@@ -45,7 +53,7 @@ a:hover {
 }
 
 a:visited {
-    color: #0b0080 !important;
+    color: $link-visited-color !important;
 }
 
 
@@ -55,5 +63,5 @@ a:visited {
     /* copy of the h3 size in main site. */
     font-size: 21.0667px;
     /* same as for main.css */
-    color: #333333 !important;
+    color: $page-header-link-color !important;
 }