mirror of
https://github.com/facebook/sapling.git
synced 2024-10-10 16:57:49 +03:00
b11012fde3
The templates output the filename, the total number of changes to the file and a bar graph of the adds and removes. The filename is a link into the diff output. The diffstat is not yet displayed, but it can be manually added to the changeset page template.
278 lines
4.6 KiB
CSS
278 lines
4.6 KiB
CSS
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
background: white;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
.container {
|
|
padding-left: 115px;
|
|
}
|
|
|
|
.main {
|
|
position: relative;
|
|
background: white;
|
|
padding: 2em 2em 2em 0;
|
|
}
|
|
|
|
#.main {
|
|
width: 98%;
|
|
}
|
|
|
|
.overflow {
|
|
width: 100%;
|
|
overflow: auto;
|
|
}
|
|
|
|
.menu {
|
|
width: 90px;
|
|
margin: 0;
|
|
font-size: 80%;
|
|
text-align: left;
|
|
position: absolute;
|
|
top: 20px;
|
|
left: 20px;
|
|
right: auto;
|
|
}
|
|
|
|
.menu ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 10px 0 0 0;
|
|
border-left: 2px solid #999;
|
|
}
|
|
|
|
.menu li {
|
|
margin-bottom: 3px;
|
|
padding: 2px 4px;
|
|
background: white;
|
|
color: black;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.menu li.active {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.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; }
|
|
.parity0 { background-color: #f0f0f0; }
|
|
.parity1 { background-color: white; }
|
|
.plusline { color: green; }
|
|
.minusline { color: #dc143c; } /* crimson */
|
|
.atline { color: purple; }
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
font-size: 60%;
|
|
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: 7em; }
|
|
.bigtable .author { width: 12em; }
|
|
.bigtable .description { }
|
|
.bigtable .description .base { font-size: 70%; float: right; line-height: 1.66; }
|
|
.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; }
|
|
|
|
.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: 2px solid #999;
|
|
margin: 1em 0 1em 0;
|
|
padding: .3em;
|
|
white-space: pre;
|
|
font-family: monospace;
|
|
}
|
|
|
|
/* 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;
|
|
}
|