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]
This commit is contained in:
Jakub Narebski
committed by
Junio C Hamano
Junio C Hamano
parent
7bedd9fc81
commit
1f1ab5f05b
@@ -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;
|
||||
}
|
||||
|
||||
div.pre {
|
||||
font-family: monospace;
|
||||
font-size: 12px;
|
||||
white-space: pre;
|
||||
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;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user