Browse Source
* jn/web: gitweb: style done with stylesheet gitweb: A couple of page title tweakingmaint
Junio C Hamano
19 years ago
2 changed files with 252 additions and 154 deletions
@ -1,230 +1,320 @@ |
|||||||
body { |
body { |
||||||
font-family: sans-serif; |
font-family: sans-serif; |
||||||
font-size: 12px; |
font-size: 12px; |
||||||
border:solid #d9d8d1; |
border:solid #d9d8d1; |
||||||
border-width: 1px; |
border-width: 1px; |
||||||
margin: 10px; |
margin: 10px; |
||||||
background-color: #ffffff; |
background-color: #ffffff; |
||||||
color: #000000; |
color: #000000; |
||||||
} |
} |
||||||
|
|
||||||
a { |
a { |
||||||
color: #0000cc; |
color: #0000cc; |
||||||
} |
} |
||||||
|
|
||||||
a:hover, a:visited, a:active { |
a:hover, a:visited, a:active { |
||||||
color: #880000; |
color: #880000; |
||||||
} |
} |
||||||
|
|
||||||
div.page_header { |
div.page_header { |
||||||
height: 25px; |
height: 25px; |
||||||
padding: 8px; |
padding: 8px; |
||||||
font-size: 18px; |
font-size: 18px; |
||||||
font-weight: bold; |
font-weight: bold; |
||||||
background-color: #d9d8d1; |
background-color: #d9d8d1; |
||||||
} |
} |
||||||
|
|
||||||
div.page_header a:visited, a.header { |
div.page_header a:visited, a.header { |
||||||
color: #0000cc; |
color: #0000cc; |
||||||
} |
} |
||||||
|
|
||||||
div.page_header a:hover { |
div.page_header a:hover { |
||||||
color: #880000; |
color: #880000; |
||||||
} |
} |
||||||
|
|
||||||
div.page_nav { |
div.page_nav { |
||||||
padding:8px; |
padding:8px; |
||||||
} |
} |
||||||
|
|
||||||
div.page_nav a:visited { |
div.page_nav a:visited { |
||||||
color: #0000cc; |
color: #0000cc; |
||||||
} |
} |
||||||
|
|
||||||
div.page_path { |
div.page_path { |
||||||
padding: 8px; |
padding: 8px; |
||||||
border: solid #d9d8d1; |
border: solid #d9d8d1; |
||||||
border-width: 0px 0px 1px; |
border-width: 0px 0px 1px; |
||||||
} |
} |
||||||
|
|
||||||
div.page_footer { |
div.page_footer { |
||||||
height: 17px; |
height: 17px; |
||||||
padding: 4px 8px; |
padding: 4px 8px; |
||||||
background-color: #d9d8d1; |
background-color: #d9d8d1; |
||||||
} |
} |
||||||
|
|
||||||
div.page_footer_text { |
div.page_footer_text { |
||||||
float: left; |
float: left; |
||||||
color: #555555; |
color: #555555; |
||||||
font-style: italic; |
font-style: italic; |
||||||
} |
} |
||||||
|
|
||||||
div.page_body { |
div.page_body { |
||||||
padding: 8px; |
padding: 8px; |
||||||
} |
} |
||||||
|
|
||||||
div.title, a.title { |
div.title, a.title { |
||||||
display: block; |
display: block; |
||||||
padding: 6px 8px; |
padding: 6px 8px; |
||||||
font-weight: bold; |
font-weight: bold; |
||||||
background-color: #edece6; |
background-color: #edece6; |
||||||
text-decoration: none; |
text-decoration: none; |
||||||
color: #000000; |
color: #000000; |
||||||
} |
} |
||||||
|
|
||||||
a.title:hover { |
a.title:hover { |
||||||
background-color: #d9d8d1; |
background-color: #d9d8d1; |
||||||
} |
} |
||||||
|
|
||||||
div.title_text { |
div.title_text { |
||||||
padding: 6px 0px; |
padding: 6px 0px; |
||||||
border: solid #d9d8d1; |
border: solid #d9d8d1; |
||||||
border-width: 0px 0px 1px; |
border-width: 0px 0px 1px; |
||||||
} |
} |
||||||
|
|
||||||
div.log_body { |
div.log_body { |
||||||
padding: 8px 8px 8px 150px; |
padding: 8px 8px 8px 150px; |
||||||
} |
} |
||||||
|
|
||||||
span.age { |
span.age { |
||||||
position: relative; |
position: relative; |
||||||
float: left; |
float: left; |
||||||
width: 142px; |
width: 142px; |
||||||
font-style:italic; |
font-style: italic; |
||||||
|
} |
||||||
|
|
||||||
|
div.page_body span.signoff { |
||||||
|
color: #888888; |
||||||
} |
} |
||||||
|
|
||||||
div.log_link { |
div.log_link { |
||||||
padding: 0px 8px; |
padding: 0px 8px; |
||||||
font-size: 10px; |
font-size: 10px; |
||||||
font-family: sans-serif; |
font-family: sans-serif; |
||||||
font-style:normal; |
font-style: normal; |
||||||
position: relative; |
position: relative; |
||||||
float: left; |
float: left; |
||||||
width: 136px; |
width: 136px; |
||||||
} |
} |
||||||
|
|
||||||
div.list_head { |
div.list_head { |
||||||
padding: 6px 8px 4px; |
padding: 6px 8px 4px; |
||||||
border: solid #d9d8d1; |
border: solid #d9d8d1; |
||||||
border-width: 1px 0px 0px; |
border-width: 1px 0px 0px; |
||||||
font-style: italic; |
font-style: italic; |
||||||
} |
} |
||||||
|
|
||||||
a.list { |
a.list { |
||||||
text-decoration: none; |
text-decoration: none; |
||||||
color: #000000; |
color: #000000; |
||||||
} |
} |
||||||
|
|
||||||
a.list:hover { |
a.list:hover { |
||||||
text-decoration: underline; |
text-decoration: underline; |
||||||
color: #880000; |
color: #880000; |
||||||
} |
} |
||||||
|
|
||||||
a.text { |
a.text { |
||||||
text-decoration: none; |
text-decoration: none; |
||||||
color: #0000cc; |
color: #0000cc; |
||||||
} |
} |
||||||
|
|
||||||
a.text:visited { |
a.text:visited { |
||||||
text-decoration: none; |
text-decoration: none; |
||||||
color: #880000; |
color: #880000; |
||||||
} |
} |
||||||
|
|
||||||
a.text:hover { |
a.text:hover { |
||||||
text-decoration: underline; |
text-decoration: underline; |
||||||
color: #880000; |
color: #880000; |
||||||
} |
} |
||||||
|
|
||||||
table { |
table { |
||||||
padding: 8px 4px; |
padding: 8px 4px; |
||||||
|
} |
||||||
|
|
||||||
|
table.project_list, table.diff_tree { |
||||||
|
border-spacing: 0; |
||||||
|
} |
||||||
|
|
||||||
|
table.blame { |
||||||
|
border-collapse: collapse; |
||||||
} |
} |
||||||
|
|
||||||
th { |
th { |
||||||
padding: 2px 5px; |
padding: 2px 5px; |
||||||
font-size: 12px; |
font-size: 12px; |
||||||
text-align: left; |
text-align: left; |
||||||
} |
} |
||||||
|
|
||||||
tr.light:hover { |
tr.light:hover { |
||||||
background-color: #edece6; |
background-color: #edece6; |
||||||
} |
} |
||||||
|
|
||||||
tr.dark { |
tr.dark { |
||||||
background-color: #f6f6f0; |
background-color: #f6f6f0; |
||||||
} |
} |
||||||
|
|
||||||
tr.dark:hover { |
tr.dark:hover { |
||||||
background-color: #edece6; |
background-color: #edece6; |
||||||
} |
} |
||||||
|
|
||||||
|
|
||||||
td { |
td { |
||||||
padding: 2px 5px; |
padding: 2px 5px; |
||||||
font-size: 12px; |
font-size: 12px; |
||||||
vertical-align:top; |
vertical-align: top; |
||||||
} |
} |
||||||
|
|
||||||
td.link { |
td.link { |
||||||
padding: 2px 5px; |
padding: 2px 5px; |
||||||
font-family: sans-serif; |
font-family: sans-serif; |
||||||
font-size: 10px; |
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 { |
table.blame td.age1 { |
||||||
font-family: monospace; |
color: #009900; |
||||||
font-size: 12px; |
background: transparent; |
||||||
white-space: pre; |
} |
||||||
|
|
||||||
|
/* 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 { |
div.diff_info { |
||||||
font-family: monospace; |
font-family: monospace; |
||||||
color: #000099; |
color: #000099; |
||||||
background-color: #edece6; |
background-color: #edece6; |
||||||
font-style: italic; |
font-style: italic; |
||||||
} |
} |
||||||
|
|
||||||
div.index_include { |
div.index_include { |
||||||
border: solid #d9d8d1; |
border: solid #d9d8d1; |
||||||
border-width: 0px 0px 1px; |
border-width: 0px 0px 1px; |
||||||
padding: 12px 8px; |
padding: 12px 8px; |
||||||
} |
} |
||||||
|
|
||||||
div.search { |
div.search { |
||||||
margin: 4px 8px; |
margin: 4px 8px; |
||||||
position: absolute; |
position: absolute; |
||||||
top: 56px; |
top: 56px; |
||||||
right: 12px |
right: 12px |
||||||
|
} |
||||||
|
|
||||||
|
td.linenr { |
||||||
|
text-align: right; |
||||||
} |
} |
||||||
|
|
||||||
a.linenr { |
a.linenr { |
||||||
color: #999999; |
color: #999999; |
||||||
text-decoration: none |
text-decoration: none |
||||||
} |
} |
||||||
|
|
||||||
a.rss_logo { |
a.rss_logo { |
||||||
float: right; |
float: right; |
||||||
padding: 3px 0px; |
padding: 3px 0px; |
||||||
width: 35px; |
width: 35px; |
||||||
line-height: 10px; |
line-height: 10px; |
||||||
border: 1px solid; |
border: 1px solid; |
||||||
border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e; |
border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e; |
||||||
color: #ffffff; |
color: #ffffff; |
||||||
background-color: #ff6600; |
background-color: #ff6600; |
||||||
font-weight: bold; |
font-weight: bold; |
||||||
font-family: sans-serif; |
font-family: sans-serif; |
||||||
font-size: 10px; |
font-size: 10px; |
||||||
text-align: center; |
text-align: center; |
||||||
text-decoration: none; |
text-decoration: none; |
||||||
} |
} |
||||||
|
|
||||||
a.rss_logo:hover { |
a.rss_logo:hover { |
||||||
background-color: #ee5500; |
background-color: #ee5500; |
||||||
} |
} |
||||||
|
|
||||||
span.tag { |
span.tag { |
||||||
padding: 0px 4px; |
padding: 0px 4px; |
||||||
font-size: 10px; |
font-size: 10px; |
||||||
font-weight: normal; |
font-weight: normal; |
||||||
background-color: #ffffaa; |
background-color: #ffffaa; |
||||||
border: 1px solid; |
border: 1px solid; |
||||||
border-color: #ffffcc #ffee00 #ffee00 #ffffcc; |
border-color: #ffffcc #ffee00 #ffee00 #ffffcc; |
||||||
|
} |
||||||
|
|
||||||
|
span.atnight { |
||||||
|
color: #cc0000; |
||||||
|
} |
||||||
|
|
||||||
|
span.match { |
||||||
|
color: #e00000; |
||||||
} |
} |
||||||
|
Loading…
Reference in new issue