Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Refactoring (fluid, new styles, fonts, css3)

* Some non-monospace fonts
* Images replaced with css-gradients
* Style adjusted to new GitHub
* Fluid width
  • Loading branch information...
commit d94067da9c6c0546ec9f93f263dd95a2a8094d0b 1 parent 47ebc9d
@kogakure kogakure authored
View
84 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;
}
View
BIN  img/page_footer.png
Deleted file not rendered
View
BIN  img/page_header.png
Deleted file not rendered
View
BIN  img/table_row.png
Deleted file not rendered
Please sign in to comment.
Something went wrong with that request. Please try again.