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]

1 files changed, 205 insertions, 115 deletions

diff --git a/gitweb/gitweb.css b/gitweb/gitweb.css
index 4378067..ac6a3c7 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;
 }