style-coal.css
415 lines
| 7.0 KiB
| text/css
|
CssLexer
|
r9999 | body { | ||
margin: 0; | ||||
padding: 0; | ||||
background: black url(background.png) repeat-x; | ||||
font-family: sans-serif; | ||||
} | ||||
.container { | ||||
padding-right: 150px; | ||||
} | ||||
.main { | ||||
position: relative; | ||||
background: white; | ||||
padding: 2em; | ||||
border-right: 15px solid black; | ||||
border-bottom: 15px solid black; | ||||
} | ||||
#.main { | ||||
width: 98%; | ||||
} | ||||
.overflow { | ||||
width: 100%; | ||||
overflow: auto; | ||||
} | ||||
.menu { | ||||
background: #999; | ||||
padding: 10px; | ||||
width: 75px; | ||||
margin: 0; | ||||
font-size: 80%; | ||||
text-align: left; | ||||
position: fixed; | ||||
top: 27px; | ||||
left: auto; | ||||
right: 27px; | ||||
} | ||||
#.menu { | ||||
position: absolute !important; | ||||
top:expression(eval(document.body.scrollTop + 27)); | ||||
} | ||||
.menu ul { | ||||
list-style: none; | ||||
padding: 0; | ||||
margin: 10px 0 0 0; | ||||
} | ||||
.menu li { | ||||
margin-bottom: 3px; | ||||
padding: 2px 4px; | ||||
background: white; | ||||
color: black; | ||||
font-weight: normal; | ||||
} | ||||
.menu li.active { | ||||
background: black; | ||||
color: white; | ||||
} | ||||
.menu img { | ||||
width: 75px; | ||||
height: 90px; | ||||
border: 0; | ||||
} | ||||
.menu a { color: black; display: block; } | ||||
.search { | ||||
position: absolute; | ||||
top: .7em; | ||||
right: 2em; | ||||
} | ||||
form.search div#hint { | ||||
display: none; | ||||
position: absolute; | ||||
top: 40px; | ||||
right: 0px; | ||||
width: 190px; | ||||
padding: 5px; | ||||
background: #ffc; | ||||
font-size: 70%; | ||||
border: 1px solid yellow; | ||||
-moz-border-radius: 5px; /* this works only in camino/firefox */ | ||||
-webkit-border-radius: 5px; /* this is just for Safari */ | ||||
} | ||||
form.search:hover div#hint { display: block; } | ||||
a { text-decoration:none; } | ||||
.age { white-space:nowrap; } | ||||
.date { white-space:nowrap; } | ||||
.indexlinks { white-space:nowrap; } | ||||
r25664 | .parity0, | |||
.stripes4 > :nth-child(4n+1), | ||||
.stripes2 > :nth-child(2n+1) { background-color: #f0f0f0; } | ||||
.parity1, | ||||
.stripes4 > :nth-child(4n+3), | ||||
.stripes2 > :nth-child(2n+2) { background-color: white; } | ||||
|
r9999 | .plusline { color: green; } | ||
.minusline { color: #dc143c; } /* crimson */ | ||||
.atline { color: purple; } | ||||
r26244 | .diffstat-table { | |||
margin-top: 1em; | ||||
} | ||||
|
r14563 | .diffstat-file { | ||
white-space: nowrap; | ||||
font-size: 90%; | ||||
} | ||||
.diffstat-total { | ||||
white-space: nowrap; | ||||
font-size: 90%; | ||||
} | ||||
.diffstat-graph { | ||||
width: 100%; | ||||
} | ||||
.diffstat-add { | ||||
background-color: green; | ||||
float: left; | ||||
} | ||||
.diffstat-remove { | ||||
background-color: red; | ||||
float: left; | ||||
} | ||||
|
r9999 | .navigate { | ||
text-align: right; | ||||
font-size: 60%; | ||||
margin: 1em 0; | ||||
} | ||||
.tag { | ||||
color: #999; | ||||
font-size: 70%; | ||||
font-weight: normal; | ||||
margin-left: .5em; | ||||
vertical-align: baseline; | ||||
} | ||||
.branchhead { | ||||
color: #000; | ||||
font-size: 80%; | ||||
font-weight: normal; | ||||
margin-left: .5em; | ||||
vertical-align: baseline; | ||||
} | ||||
ul#graphnodes .branchhead { | ||||
font-size: 75%; | ||||
} | ||||
.branchname { | ||||
color: #000; | ||||
|
r10575 | font-size: 60%; | ||
|
r9999 | font-weight: normal; | ||
margin-left: .5em; | ||||
vertical-align: baseline; | ||||
} | ||||
h3 .branchname { | ||||
font-size: 80%; | ||||
} | ||||
/* Common */ | ||||
pre { margin: 0; } | ||||
h2 { font-size: 120%; border-bottom: 1px solid #999; } | ||||
h2 a { color: #000; } | ||||
h3 { | ||||
margin-top: -.7em; | ||||
font-size: 100%; | ||||
} | ||||
/* log and tags tables */ | ||||
.bigtable { | ||||
border-bottom: 1px solid #999; | ||||
border-collapse: collapse; | ||||
font-size: 90%; | ||||
width: 100%; | ||||
font-weight: normal; | ||||
text-align: left; | ||||
} | ||||
.bigtable td { | ||||
vertical-align: top; | ||||
} | ||||
.bigtable th { | ||||
padding: 1px 4px; | ||||
border-bottom: 1px solid #999; | ||||
} | ||||
.bigtable tr { border: none; } | ||||
.bigtable .age { width: 6em; } | ||||
|
r18664 | .bigtable .author { width: 15em; } | ||
|
r9999 | .bigtable .description { } | ||
|
r13850 | .bigtable .description .base { font-size: 70%; float: right; line-height: 1.66; } | ||
|
r9999 | .bigtable .node { width: 5em; font-family: monospace;} | ||
.bigtable .permissions { width: 8em; text-align: left;} | ||||
.bigtable .size { width: 5em; text-align: right; } | ||||
.bigtable .annotate { text-align: right; } | ||||
.bigtable td.annotate { font-size: smaller; } | ||||
.bigtable td.source { font-size: inherit; } | ||||
.source, .sourcefirst, .sourcelast { | ||||
font-family: monospace; | ||||
white-space: pre; | ||||
padding: 1px 4px; | ||||
font-size: 90%; | ||||
} | ||||
.sourcefirst { border-bottom: 1px solid #999; font-weight: bold; } | ||||
.sourcelast { border-top: 1px solid #999; } | ||||
.source a { color: #999; font-size: smaller; font-family: monospace;} | ||||
.bottomline { border-bottom: 1px solid #999; } | ||||
r26244 | .sourcelines { | |||
font-size: 90%; | ||||
position: relative; | ||||
counter-reset: lineno; | ||||
} | ||||
.wrap > span { | ||||
white-space: pre-wrap; | ||||
} | ||||
.linewraptoggle { | ||||
float: right; | ||||
} | ||||
.diffblocks { counter-reset: lineno; } | ||||
.diffblocks > div { counter-increment: lineno; } | ||||
.sourcelines > span { | ||||
|
r20577 | display: inline-block; | ||
r26244 | box-sizing: border-box; | |||
|
r20577 | width: 100%; | ||
r26244 | padding: 1px 0px 1px 5em; | |||
|
r20577 | counter-increment: lineno; | ||
} | ||||
r26244 | .sourcelines > span:before { | |||
-moz-user-select: -moz-none; | ||||
-khtml-user-select: none; | ||||
-webkit-user-select: none; | ||||
-ms-user-select: none; | ||||
user-select: none; | ||||
display: inline-block; | ||||
margin-left: -5em; | ||||
width: 4em; | ||||
font-size: smaller; | ||||
color: #999; | ||||
text-align: right; | ||||
content: counters(lineno, "."); | ||||
float: left; | ||||
} | ||||
.sourcelines > span:target, tr:target td { | ||||
background-color: #bfdfff; | ||||
} | ||||
.sourcelines > a { | ||||
display: inline-block; | ||||
position: absolute; | ||||
left: 0px; | ||||
width: 4em; | ||||
height: 1em; | ||||
} | ||||
|
r9999 | .fileline { font-family: monospace; } | ||
.fileline img { border: 0; } | ||||
.tagEntry .closed { color: #99f; } | ||||
/* Changeset entry */ | ||||
#changesetEntry { | ||||
border-collapse: collapse; | ||||
font-size: 90%; | ||||
width: 100%; | ||||
margin-bottom: 1em; | ||||
} | ||||
#changesetEntry th { | ||||
padding: 1px 4px; | ||||
width: 4em; | ||||
text-align: right; | ||||
font-weight: normal; | ||||
color: #999; | ||||
margin-right: .5em; | ||||
vertical-align: top; | ||||
} | ||||
div.description { | ||||
border-left: 3px solid #999; | ||||
margin: 1em 0 1em 0; | ||||
padding: .3em; | ||||
|
r14445 | white-space: pre; | ||
font-family: monospace; | ||||
|
r9999 | } | ||
/* Graph */ | ||||
div#wrapper { | ||||
position: relative; | ||||
border-top: 1px solid black; | ||||
border-bottom: 1px solid black; | ||||
margin: 0; | ||||
padding: 0; | ||||
} | ||||
canvas { | ||||
position: absolute; | ||||
z-index: 5; | ||||
top: -0.7em; | ||||
margin: 0; | ||||
} | ||||
ul#graphnodes { | ||||
position: absolute; | ||||
z-index: 10; | ||||
top: -1.0em; | ||||
list-style: none inside none; | ||||
padding: 0; | ||||
} | ||||
ul#nodebgs { | ||||
list-style: none inside none; | ||||
padding: 0; | ||||
margin: 0; | ||||
top: -0.7em; | ||||
} | ||||
ul#graphnodes li, ul#nodebgs li { | ||||
height: 39px; | ||||
} | ||||
ul#graphnodes li .info { | ||||
display: block; | ||||
font-size: 70%; | ||||
position: relative; | ||||
top: -3px; | ||||
} | ||||
|
r17202 | |||
/* Comparison */ | ||||
.legend { | ||||
padding: 1.5% 0 1.5% 0; | ||||
} | ||||
.legendinfo { | ||||
border: 1px solid #999; | ||||
font-size: 80%; | ||||
text-align: center; | ||||
padding: 0.5%; | ||||
} | ||||
.equal { | ||||
background-color: #ffffff; | ||||
} | ||||
.delete { | ||||
|
r17243 | background-color: #faa; | ||
color: #333; | ||||
|
r17202 | } | ||
.insert { | ||||
|
r17243 | background-color: #ffa; | ||
|
r17202 | } | ||
.replace { | ||||
|
r17243 | background-color: #e8e8e8; | ||
|
r17202 | } | ||
.header { | ||||
text-align: center; | ||||
} | ||||
.block { | ||||
border-top: 1px solid #999; | ||||
} | ||||
|
r18258 | |||
.breadcrumb { | ||||
color: gray; | ||||
} | ||||
.breadcrumb a { | ||||
color: blue; | ||||
} | ||||
|
r20257 | |||
.scroll-loading { | ||||
-webkit-animation: change_color 1s linear 0s infinite alternate; | ||||
-moz-animation: change_color 1s linear 0s infinite alternate; | ||||
-o-animation: change_color 1s linear 0s infinite alternate; | ||||
animation: change_color 1s linear 0s infinite alternate; | ||||
} | ||||
@-webkit-keyframes change_color { | ||||
from { background-color: #A0CEFF; } to { } | ||||
} | ||||
@-moz-keyframes change_color { | ||||
from { background-color: #A0CEFF; } to { } | ||||
} | ||||
@-o-keyframes change_color { | ||||
from { background-color: #A0CEFF; } to { } | ||||
} | ||||
@keyframes change_color { | ||||
from { background-color: #A0CEFF; } to { } | ||||
} | ||||
.scroll-loading-error { | ||||
background-color: #FFCCCC !important; | ||||
} | ||||