Refactoring (fluid, new styles, fonts, css3)

* Some non-monospace fonts
* Images replaced with css-gradients
* Style adjusted to new GitHub
* Fluid width

diff --git a/gitweb.css b/gitweb.css
index d987f42215802207dfe6064bb88099c7a90c4636..e906c87c6957aff00ef7842fbacfb3e5b8683d49 100755 (executable)
--- a/gitweb.css
+++ b/gitweb.css
@@ -45,7 +45,7 @@ a { outline: none; }
 ---------------------------------------------------------------------------- */
 
 body {
 ---------------------------------------------------------------------------- */
 
 body {

-    font-family: "Monaco", "Courier New", monospace;
+    font-family: Helvetica,Arial,Freesans,Clean,sans-serif;

     font-size: 12px;
     margin: 0;
     background-color: #fff;
     font-size: 12px;
     margin: 0;
     background-color: #fff;


@@ -77,24 +77,31 @@ td, th {
 ---------------------------------------------------------------------------- */
 
 .page_header {
 ---------------------------------------------------------------------------- */
 
 .page_header {

-    background: #cfcfcf url(img/page_header.png) repeat-x 0 0;
-    height: 3.4em;
-    line-height: 3.4em;
+    height: 50px;
+    line-height: 50px;

     position: relative;
     padding: 0 27px;
     margin-bottom: 30px;
     position: relative;
     padding: 0 27px;
     margin-bottom: 30px;

+    font-size: 20px;
+    font-family: Helvetica,Arial,Freesans,Clean,sans-serif;
+    background: #FFFFFF; /* old browsers */
+    background: -moz-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%); /* firefox */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F5F5F5)); /* webkit */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5F5F5',GradientType=0 ); /* ie */
+    border-bottom: 1px solid #dfdfdf;

 }
 
 .page_header a:link, .page_header a:visited {
 }
 
 .page_header a:link, .page_header a:visited {

-    color: #000;
-    background: #eee;
+    color: #4183C4;

     text-decoration: none;
     padding: 3px;
     text-decoration: none;
     padding: 3px;

+    font-weight: bold;

 }
 
 .page_header a:hover {
 }
 
 .page_header a:hover {

-    background: #bbb;
+    font-weight: bold;

     padding: 3px;
     padding: 3px;

+    text-decoration: underline;

 }
 
 .page_header a:first-child {
 }
 
 .page_header a:first-child {


@@ -103,19 +110,23 @@ td, th {
 
 .page_header img.logo {
     float: right;
 
 .page_header img.logo {
     float: right;

-    padding: 0.7em 1.0em;
+    padding: 1.5em 1.0em;

     border: 0;
     border: 0;

+    display: none;

 }
 
 /* Page Footer
 ---------------------------------------------------------------------------- */
 
 .page_footer {
 }
 
 /* Page Footer
 ---------------------------------------------------------------------------- */
 
 .page_footer {

-    height: 115px;
-    line-height: 115px;
-    background: #4386ba url(img/page_footer.png) repeat-x 0 0;
+    height: 80px;
+    line-height: 80px;

     padding: 0 30px;
     margin-top: 15px;
     padding: 0 30px;
     margin-top: 15px;

+    margin-bottom: 30px;
+    background: #f1f1f1;
+    border-top: 2px solid #ddd;
+    border-bottom: 1px solid #ddd;

 }
 
 .page_footer a {
 }
 
 .page_footer a {


@@ -123,7 +134,7 @@ td, th {
 }
 
 .page_footer_text {
 }
 
 .page_footer_text {

-    color: #fff;
+    color: #666;

     display: inline;
     float: left;
 }
     display: inline;
     float: left;
 }


@@ -142,7 +153,7 @@ a.rss_logo {
     font-size: 70%;
     text-align: center;
     text-decoration: none;
     font-size: 70%;
     text-align: center;
     text-decoration: none;

-    margin-top: 49px;
+    margin-top: 33px;

     margin-left: 5px;
 }
 
     margin-left: 5px;
 }
 


@@ -157,9 +168,13 @@ a.rss_logo:hover {
 .shortlog,
 .tree,
 .commit_search {
 .shortlog,
 .tree,
 .commit_search {

-    width: 960px;
+    font-family: "Monaco", "Courier New", monospace;
+    width: 95%;

     margin: 0 auto 15px auto;
     border: 1px solid #d8d8d8;
     margin: 0 auto 15px auto;
     border: 1px solid #d8d8d8;

+    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
+    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
+    box-shadow: 0 0 3px rgba(0,0,0,0.2);

 }
 
 .project_list th,
 }
 
 .project_list th,


@@ -184,7 +199,10 @@ a.rss_logo:hover {
 .shortlog tr.dark, .shortlog tr.light,
 .tree tr.dark, .tree tr.light,
 .commit_search tr.dark, .commit_search tr.light {
 .shortlog tr.dark, .shortlog tr.light,
 .tree tr.dark, .tree tr.light,
 .commit_search tr.dark, .commit_search tr.light {

-    background: #efefef url(img/table_row.png) repeat-x 0 0;
+    background: #F9F9F9; /* old browsers */
+    background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%); /* firefox */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EFEFEF)); /* webkit */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#EFEFEF',GradientType=0 ); /* ie */

     height: 2.5em;
     border-bottom: 1px solid #e1e1e1;
 }
     height: 2.5em;
     border-bottom: 1px solid #e1e1e1;
 }


@@ -209,7 +227,7 @@ th .header {
 .list_head,
 .page_path,
 .search {
 .list_head,
 .page_path,
 .search {

-    width: 948px;
+    width: 94%;

     background: #f0f0f0;
     color: #545454;
     border: 1px solid #d8d8d8;
     background: #f0f0f0;
     color: #545454;
     border: 1px solid #d8d8d8;


@@ -218,14 +236,14 @@ th .header {
 }
 
 .title {
 }
 
 .title {

-    width: 950px;
+    width: 95%;

     padding: 5px;
 }
 
 .projects_list,
 .heads,
 .tags {
     padding: 5px;
 }
 
 .projects_list,
 .heads,
 .tags {

-    width: 960px;
+    width: 95%;

     background: #f0f0f0;
     color: #545454;
     border: 1px solid #d8d8d8;
     background: #f0f0f0;
     color: #545454;
     border: 1px solid #d8d8d8;


@@ -234,7 +252,8 @@ th .header {
 }
 
 .header {
 }
 
 .header {

-    width: 948px;
+    font-family: "Monaco", "Courier New", monospace;
+    width: 94%;

     margin: 0 auto 15px auto;
     background: #eaf2f5;
     border: 1px solid #bedce7;
     margin: 0 auto 15px auto;
     background: #eaf2f5;
     border: 1px solid #bedce7;


@@ -249,7 +268,8 @@ th .header {
 }
 
 .title_text {
 }
 
 .title_text {

-    width: 948px;
+    font-family: "Monaco", "Courier New", monospace;
+    width: 94%;

     background: #eaf2f5;
     border: 1px solid #bedce7;
     padding: 5px;
     background: #eaf2f5;
     border: 1px solid #bedce7;
     padding: 5px;


@@ -257,7 +277,8 @@ th .header {
 }
 
 .log_body {
 }
 
 .log_body {

-    width: 948px;
+    font-family: "Monaco", "Courier New", monospace;
+    width: 94%;

     background: #eaf2f5;
     border: 1px solid #bedce7;
     border-top: 0;
     background: #eaf2f5;
     border: 1px solid #bedce7;
     border-top: 0;


@@ -267,15 +288,15 @@ th .header {
 
 .page_body {
     line-height: 1.4em;
 
 .page_body {
     line-height: 1.4em;

-    width: 948px;
-    background: #f8f8ff;
+    width: 94%;
+    background: #f8f8f8;

     border: 1px solid #d8d8d8;
     padding: 5px;
     margin: 15px auto 15px auto;
 }
 
 .diff_tree {
     border: 1px solid #d8d8d8;
     padding: 5px;
     margin: 15px auto 15px auto;
 }
 
 .diff_tree {

-    width: 960px;
+    width: 95%;

     background: #f0f0f0;
     border: 1px solid #d8d8d8;
     padding: 5px;
     background: #f0f0f0;
     border: 1px solid #d8d8d8;
     padding: 5px;


@@ -283,13 +304,25 @@ th .header {
 }
 
 .author_date {
 }
 
 .author_date {

-    width: 948px;
+    width: 94%;

     background: #f0f0f0;
     border: 1px solid #d8d8d8;
     padding: 5px;
     margin: 0 auto 15px auto;
 }
 
     background: #f0f0f0;
     border: 1px solid #d8d8d8;
     padding: 5px;
     margin: 0 auto 15px auto;
 }
 

+.page_body > .list_head {
+    width: 98.5%;
+}
+
+.page_body > .diff_tree {
+    width: 99.5%;
+}
+
+.patch > .header {
+    width: 98.5%;
+}
+

 /* Refs
 ---------------------------------------------------------------------------- */
 
 /* Refs
 ---------------------------------------------------------------------------- */
 


@@ -322,6 +355,7 @@ span.refs span.head {
 ---------------------------------------------------------------------------- */
 
 .patchset {
 ---------------------------------------------------------------------------- */
 
 .patchset {

+    font-family: "Monaco", "Courier New", monospace;

     overflow: auto;
 }
 
     overflow: auto;
 }
 

diff --git a/img/page_footer.png b/img/page_footer.png
deleted file mode 100644 (file)
index a498f68..0000000
Binary files a/img/page_footer.png and /dev/null differ

diff --git a/img/page_header.png b/img/page_header.png
deleted file mode 100644 (file)
index 67c83bc..0000000
Binary files a/img/page_header.png and /dev/null differ

diff --git a/img/table_row.png b/img/table_row.png
deleted file mode 100644 (file)
index 124d670..0000000
Binary files a/img/table_row.png and /dev/null differ