From d94067da9c6c0546ec9f93f263dd95a2a8094d0b Mon Sep 17 00:00:00 2001
From: Stefan Imhoff <stefan@imhoff.name>
Date: Sat, 6 Nov 2010 11:45:23 +0100
Subject: [PATCH] Refactoring (fluid, new styles, fonts, css3)

* Some non-monospace fonts
* Images replaced with css-gradients
* Style adjusted to new GitHub
* Fluid width
---
 gitweb.css          |  84 +++++++++++++++++++++++++++++++-------------
 img/page_footer.png | Bin 1651 -> 0 bytes
 img/page_header.png | Bin 191 -> 0 bytes
 img/table_row.png   | Bin 622 -> 0 bytes
 4 files changed, 59 insertions(+), 25 deletions(-)
 delete mode 100644 img/page_footer.png
 delete mode 100644 img/page_header.png
 delete mode 100644 img/table_row.png

diff --git a/gitweb.css b/gitweb.css
index d987f42..e906c87 100755
--- a/gitweb.css
+++ b/gitweb.css
@@ -45,7 +45,7 @@ a { outline: none; }
 ---------------------------------------------------------------------------- */
 
 body {
-    font-family: "Monaco", "Courier New", monospace;
+    font-family: Helvetica,Arial,Freesans,Clean,sans-serif;
     font-size: 12px;
     margin: 0;
     background-color: #fff;
@@ -77,24 +77,31 @@ td, th {
 ---------------------------------------------------------------------------- */
 
 .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;
+    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 {
-    color: #000;
-    background: #eee;
+    color: #4183C4;
     text-decoration: none;
     padding: 3px;
+    font-weight: bold;
 }
 
 .page_header a:hover {
-    background: #bbb;
+    font-weight: bold;
     padding: 3px;
+    text-decoration: underline;
 }
 
 .page_header a:first-child {
@@ -103,19 +110,23 @@ td, th {
 
 .page_header img.logo {
     float: right;
-    padding: 0.7em 1.0em;
+    padding: 1.5em 1.0em;
     border: 0;
+    display: none;
 }
 
 /* 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;
+    margin-bottom: 30px;
+    background: #f1f1f1;
+    border-top: 2px solid #ddd;
+    border-bottom: 1px solid #ddd;
 }
 
 .page_footer a {
@@ -123,7 +134,7 @@ td, th {
 }
 
 .page_footer_text {
-    color: #fff;
+    color: #666;
     display: inline;
     float: left;
 }
@@ -142,7 +153,7 @@ a.rss_logo {
     font-size: 70%;
     text-align: center;
     text-decoration: none;
-    margin-top: 49px;
+    margin-top: 33px;
     margin-left: 5px;
 }
 
@@ -157,9 +168,13 @@ a.rss_logo:hover {
 .shortlog,
 .tree,
 .commit_search {
-    width: 960px;
+    font-family: "Monaco", "Courier New", monospace;
+    width: 95%;
     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,
@@ -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 {
-    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;
 }
@@ -209,7 +227,7 @@ th .header {
 .list_head,
 .page_path,
 .search {
-    width: 948px;
+    width: 94%;
     background: #f0f0f0;
     color: #545454;
     border: 1px solid #d8d8d8;
@@ -218,14 +236,14 @@ th .header {
 }
 
 .title {
-    width: 950px;
+    width: 95%;
     padding: 5px;
 }
 
 .projects_list,
 .heads,
 .tags {
-    width: 960px;
+    width: 95%;
     background: #f0f0f0;
     color: #545454;
     border: 1px solid #d8d8d8;
@@ -234,7 +252,8 @@ th .header {
 }
 
 .header {
-    width: 948px;
+    font-family: "Monaco", "Courier New", monospace;
+    width: 94%;
     margin: 0 auto 15px auto;
     background: #eaf2f5;
     border: 1px solid #bedce7;
@@ -249,7 +268,8 @@ th .header {
 }
 
 .title_text {
-    width: 948px;
+    font-family: "Monaco", "Courier New", monospace;
+    width: 94%;
     background: #eaf2f5;
     border: 1px solid #bedce7;
     padding: 5px;
@@ -257,7 +277,8 @@ th .header {
 }
 
 .log_body {
-    width: 948px;
+    font-family: "Monaco", "Courier New", monospace;
+    width: 94%;
     background: #eaf2f5;
     border: 1px solid #bedce7;
     border-top: 0;
@@ -267,15 +288,15 @@ th .header {
 
 .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 {
-    width: 960px;
+    width: 95%;
     background: #f0f0f0;
     border: 1px solid #d8d8d8;
     padding: 5px;
@@ -283,13 +304,25 @@ th .header {
 }
 
 .author_date {
-    width: 948px;
+    width: 94%;
     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
 ---------------------------------------------------------------------------- */
 
@@ -322,6 +355,7 @@ span.refs span.head {
 ---------------------------------------------------------------------------- */
 
 .patchset {
+    font-family: "Monaco", "Courier New", monospace;
     overflow: auto;
 }
 
diff --git a/img/page_footer.png b/img/page_footer.png
deleted file mode 100644
index a498f686948824bba7ec27de11a8cfabb47505a3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1651
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

diff --git a/img/page_header.png b/img/page_header.png
deleted file mode 100644
index 67c83bc48d4c8bb4446ede4d71b45ee987ad4954..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 191
zcmeAS@N?(olHy`uVBq!ia0vp^{6MV1!3-qD76yC+Qj#UE5hcO-X(i=}MX3yqDfvmM
z3ZA)%>8U}fi7AzZCsS>JiWCEULR_z0xpMXD)$`}iU%q_#;>C+MZrr$Z>C(-cH?Lj0
zcHzQ>>({T>T&+t1DmL+SaSW-rHRbqDK?Vh$0~<cD-KbB<3b$MxtkU{d>96~*_Ak;?
px3f*Xzr^12|D?L*ui_gR8U8Kc>AvImave}VgQu&X%Q~loCIG;AQHTHl

diff --git a/img/table_row.png b/img/table_row.png
deleted file mode 100644
index 124d6705017cc649f565bb57af4b139250c5c167..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 622
zcmW+!Z%9*79DSkqXDY4_rY?{M_8~u{k*kO-Y@2hII(4Q?Gp9}|n5IpeP&p=yv_xdO
z{#phxtTYC>@K0r_SRqzcAS7kcQX}QPd*8eFJ+Pu5^5dR!FZbMY&WGD($k9c~6f%Zk
zqV$=XeBfwU31LBiQ_i6bpm>|M*j7+iZ98XfurTRWbrqIvdaJp{l5a6rHP^qf901X%
z;iyr|vK+^<gb0!-i6Vs)6)9{59!6j}RuBkAh{rq?;T}LDlpv1d5F(T!#8FBx&r6bo
zFa|Gp4JvL!fiaIT5_leC#IYO%AcO@1hJe5n0CF%4FNl%^LQ3d{8WBODPzyS+ECwT<
zM-awwgpiFQH1#WWFwCYby(Zmg|D4($TG5&ksnt4s>WMJr<<+zWMRZ{O<U{9Bu4hoR
z_^MY{-`_GQr*}nGUs8X(zAxG)UrzB2DEGU=Z`|{Q3~rt~A36I)p67m7DQn8yv*Pab
ztJnhP<IWn>K+WIhs%!3FyVt@Ml}COTHMy2_<2If5l_}_%E3TIe$9H682Q6mDUKv~d
z&^mK>{(>?mc8g=i*{7TP{>eAl_OizxY+N&cYg3&~yV{(<mlipOWfNngBIym0cS%0)
zPFcS+X3xk|w%@cLi#c=g$6QCm+r`4Ey>idfKufndtij)<OcwvxOHoho4)sXV<ZM~O
z&$6u7<AFmn8gCy??(q&LjTmH}Q@0b7Oo18W{lw6g2i?c}w>L(_l`I&nPYPYub*Aye
y`hw!L%5N=6U)y>xZhFWY@uGI#pBr`OUragUT2dFATIy@zZ!mgoj^@$fa_4{B({8>1

-- 
2.30.2