summaryrefslogtreecommitdiff
path: root/gitweb/gitweb.css
diff options
context:
space:
mode:
authorJakub Narebski <jnareb@gmail.com>2006-06-20 14:58:12 +0000
committerJunio C Hamano <junkio@cox.net>2006-06-20 14:01:13 -0700
commit1f1ab5f05b8e8b45545d8a406d64887f772a69da (patch)
treefee0c9857e6ce39fdfba2ef558d2589862ebb975 /gitweb/gitweb.css
parent7bedd9fc811df1fd865cebdae016f2f278501cc5 (diff)
downloadgit-1f1ab5f05b8e8b45545d8a406d64887f772a69da.tar.gz
gitweb: style done with stylesheet
Replace (almost) all 'style' attributes with 'class' attribute and adding rule to CSS file. Some tables use CSS for styling instead of legacy styling attributes. [jc: too many rejects -- hand fixed and reindented]
Diffstat (limited to 'gitweb/gitweb.css')
-rw-r--r--gitweb/gitweb.css320
1 files changed, 205 insertions, 115 deletions
diff --git a/gitweb/gitweb.css b/gitweb/gitweb.css
index 4378067d3c..ac6a3c774d 100644
--- a/gitweb/gitweb.css
+++ b/gitweb/gitweb.css
@@ -1,230 +1,320 @@
body {
- font-family: sans-serif;
- font-size: 12px;
- border:solid #d9d8d1;
- border-width: 1px;
- margin: 10px;
- background-color: #ffffff;
- color: #000000;
+ font-family: sans-serif;
+ font-size: 12px;
+ border:solid #d9d8d1;
+ border-width: 1px;
+ margin: 10px;
+ background-color: #ffffff;
+ color: #000000;
}
a {
- color: #0000cc;
+ color: #0000cc;
}
a:hover, a:visited, a:active {
- color: #880000;
+ color: #880000;
}
div.page_header {
- height: 25px;
- padding: 8px;
- font-size: 18px;
- font-weight: bold;
- background-color: #d9d8d1;
+ height: 25px;
+ padding: 8px;
+ font-size: 18px;
+ font-weight: bold;
+ background-color: #d9d8d1;
}
div.page_header a:visited, a.header {
- color: #0000cc;
+ color: #0000cc;
}
div.page_header a:hover {
- color: #880000;
+ color: #880000;
}
div.page_nav {
- padding:8px;
+ padding:8px;
}
div.page_nav a:visited {
- color: #0000cc;
+ color: #0000cc;
}
div.page_path {
- padding: 8px;
- border: solid #d9d8d1;
- border-width: 0px 0px 1px;
+ padding: 8px;
+ border: solid #d9d8d1;
+ border-width: 0px 0px 1px;
}
div.page_footer {
- height: 17px;
- padding: 4px 8px;
- background-color: #d9d8d1;
+ height: 17px;
+ padding: 4px 8px;
+ background-color: #d9d8d1;
}
div.page_footer_text {
- float: left;
- color: #555555;
- font-style: italic;
+ float: left;
+ color: #555555;
+ font-style: italic;
}
div.page_body {
- padding: 8px;
+ padding: 8px;
}
div.title, a.title {
- display: block;
- padding: 6px 8px;
- font-weight: bold;
- background-color: #edece6;
- text-decoration: none;
- color: #000000;
+ display: block;
+ padding: 6px 8px;
+ font-weight: bold;
+ background-color: #edece6;
+ text-decoration: none;
+ color: #000000;
}
a.title:hover {
- background-color: #d9d8d1;
+ background-color: #d9d8d1;
}
div.title_text {
- padding: 6px 0px;
- border: solid #d9d8d1;
- border-width: 0px 0px 1px;
+ padding: 6px 0px;
+ border: solid #d9d8d1;
+ border-width: 0px 0px 1px;
}
div.log_body {
- padding: 8px 8px 8px 150px;
+ padding: 8px 8px 8px 150px;
}
span.age {
- position: relative;
- float: left;
- width: 142px;
- font-style:italic;
+ position: relative;
+ float: left;
+ width: 142px;
+ font-style: italic;
+}
+
+div.page_body span.signoff {
+ color: #888888;
}
div.log_link {
- padding: 0px 8px;
- font-size: 10px;
- font-family: sans-serif;
- font-style:normal;
- position: relative;
- float: left;
- width: 136px;
+ padding: 0px 8px;
+ font-size: 10px;
+ font-family: sans-serif;
+ font-style: normal;
+ position: relative;
+ float: left;
+ width: 136px;
}
div.list_head {
- padding: 6px 8px 4px;
- border: solid #d9d8d1;
- border-width: 1px 0px 0px;
- font-style: italic;
+ padding: 6px 8px 4px;
+ border: solid #d9d8d1;
+ border-width: 1px 0px 0px;
+ font-style: italic;
}
a.list {
- text-decoration: none;
- color: #000000;
+ text-decoration: none;
+ color: #000000;
}
a.list:hover {
- text-decoration: underline;
- color: #880000;
+ text-decoration: underline;
+ color: #880000;
}
a.text {
- text-decoration: none;
- color: #0000cc;
+ text-decoration: none;
+ color: #0000cc;
}
a.text:visited {
- text-decoration: none;
- color: #880000;
+ text-decoration: none;
+ color: #880000;
}
a.text:hover {
- text-decoration: underline;
- color: #880000;
+ text-decoration: underline;
+ color: #880000;
}
table {
- padding: 8px 4px;
+ padding: 8px 4px;
+}
+
+table.project_list, table.diff_tree {
+ border-spacing: 0;
+}
+
+table.blame {
+ border-collapse: collapse;
}
th {
- padding: 2px 5px;
- font-size: 12px;
- text-align: left;
+ padding: 2px 5px;
+ font-size: 12px;
+ text-align: left;
}
tr.light:hover {
- background-color: #edece6;
+ background-color: #edece6;
}
tr.dark {
- background-color: #f6f6f0;
+ background-color: #f6f6f0;
}
tr.dark:hover {
- background-color: #edece6;
+ background-color: #edece6;
}
-
td {
- padding: 2px 5px;
- font-size: 12px;
- vertical-align:top;
+ padding: 2px 5px;
+ font-size: 12px;
+ vertical-align: top;
}
td.link {
- padding: 2px 5px;
- font-family: sans-serif;
- font-size: 10px;
+ padding: 2px 5px;
+ font-family: sans-serif;
+ font-size: 10px;
+}
+
+td.sha1 {
+ font-family: monospace;
+}
+
+td.error {
+ color: red;
+ background-color: yellow;
+}
+
+table.diff_tree span.file_status.new {
+ color: #008000;
+}
+
+table.diff_tree span.file_status.deleted {
+ color: #c00000;
+}
+
+table.diff_tree span.file_status.moved,
+table.diff_tree span.file_status.mode_chnge {
+ color: #777777;
+}
+
+/* age2: 60*60*24*2 <= age */
+table.project_list td.age2, table.blame td.age2 {
+ font-style: italic;
+}
+
+/* age1: 60*60*2 <= age < 60*60*24*2 */
+table.project_list td.age1 {
+ color: #009900;
+ font-style: italic;
}
-div.pre {
- font-family: monospace;
- font-size: 12px;
- white-space: pre;
+table.blame td.age1 {
+ color: #009900;
+ background: transparent;
+}
+
+/* age0: age < 60*60*2 */
+table.project_list td.age0 {
+ color: #009900;
+ font-style: italic;
+ font-weight: bold;
+}
+
+table.blame td.age0 {
+ color: #009900;
+ background: transparent;
+ font-weight: bold;
+}
+
+td.pre, div.pre, div.diff {
+ font-family: monospace;
+ font-size: 12px;
+ white-space: pre;
+}
+
+td.mode {
+ font-family: monospace;
+}
+
+div.diff.add {
+ color: #008800;
+}
+
+div.diff.rem {
+ color: #cc0000;
+}
+
+div.diff.chunk_header {
+ color: #990099;
}
div.diff_info {
- font-family: monospace;
- color: #000099;
- background-color: #edece6;
- font-style: italic;
+ font-family: monospace;
+ color: #000099;
+ background-color: #edece6;
+ font-style: italic;
}
div.index_include {
- border: solid #d9d8d1;
- border-width: 0px 0px 1px;
- padding: 12px 8px;
+ border: solid #d9d8d1;
+ border-width: 0px 0px 1px;
+ padding: 12px 8px;
}
div.search {
- margin: 4px 8px;
- position: absolute;
- top: 56px;
- right: 12px
+ margin: 4px 8px;
+ position: absolute;
+ top: 56px;
+ right: 12px
+}
+
+td.linenr {
+ text-align: right;
}
a.linenr {
- color: #999999;
- text-decoration: none
+ color: #999999;
+ text-decoration: none
}
a.rss_logo {
- float: right;
- padding: 3px 0px;
- width: 35px;
- line-height: 10px;
- border: 1px solid;
- border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
- color: #ffffff;
- background-color: #ff6600;
- font-weight: bold;
- font-family: sans-serif;
- font-size: 10px;
- text-align: center;
- text-decoration: none;
+ float: right;
+ padding: 3px 0px;
+ width: 35px;
+ line-height: 10px;
+ border: 1px solid;
+ border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
+ color: #ffffff;
+ background-color: #ff6600;
+ font-weight: bold;
+ font-family: sans-serif;
+ font-size: 10px;
+ text-align: center;
+ text-decoration: none;
}
a.rss_logo:hover {
- background-color: #ee5500;
+ background-color: #ee5500;
}
span.tag {
- padding: 0px 4px;
- font-size: 10px;
- font-weight: normal;
- background-color: #ffffaa;
- border: 1px solid;
- border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
+ padding: 0px 4px;
+ font-size: 10px;
+ font-weight: normal;
+ background-color: #ffffaa;
+ border: 1px solid;
+ border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
+}
+
+span.atnight {
+ color: #cc0000;
+}
+
+span.match {
+ color: #e00000;
}