review/web_media/style.css @ aacf3a20efff webui

/* Basic layout and typography. */
body {
    background: #999;
}
div#content-wrap {
    background-color: #fafafa;
}
div#main-wrap {
    width: 75em;
    margin: 0em auto;
    padding: 3em;
}
div#head-wrap {
    text-align: center;
    padding: 1.5em 0em .5em;
    color: #fff;
    background-color: #111;
    border-bottom: 6px solid #3C659A;
}
div#head-wrap h1 a, div#head-wrap h1 {
    font-weight: normal;
}
div#footer {
    border-top: 6px solid #666;
    color: #fff;
    text-align: center;
    font-style: italic;
    padding-top: 1.5em;
}

/* Links. */
a {
    text-decoration: none;
    font-weight: bold;
    color: #3C659A;
}
a:hover {
    color: #EA0076;
}
div#head-wrap a {
    color: inherit;
}

/* Tables. */
table {
    width: 100%;
    border: 1px solid #666;
    background: #f2f2f2;
}
table td {
    border: none;
}
table tr.odd {
    background: #eee;
}
table tr td.last {
    text-align: right;
}
table tr form * {
    margin: 0em;
}

/* Review pages. */
div.filename-header {
    background-color: #ccc;
    border: 1px solid #c5c5c5;
    padding: 1em;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}
div.filename-header h3 {
    margin: 0em;
}
div.filename-header a.fold-file, div.filename-header a.unfold-file {
    float: right;
    font-weight: bold;
    font-size: 1.5em;
}

/* Comments. */
.comment {
    white-space: normal;
    background: #FBEAD0;
    border: 1px dashed #666;
    font-family: Consolas, Monaco, "Courier New", Courier, monospace;
    padding: 0.75em;
    margin-bottom: 1.5em;
}
.comment div.avatar {
    border: 1px solid black;
    float: right;
}
.comment div.message {
    margin-top: 1.5em;
    white-space: pre;
}
div#comment-review form {
    margin-bottom: 3em;
    display: none;
}
div#comment-file form {
}
tr.comment-line-selected {
    background-color: #FBEAD0;
}

/* Diffs. */
div.diff {
    overflow: auto;
}
div.diff table tr {
    white-space: pre;
}
div.diff table tr.comment-line {
    white-space: normal;
}
table tr.add {
    background: #DBF3D1;
}
table tr.rem {
    background: #FBDBDA;
}
table tr.skipped {
    background: #ccc;
}
div.diff .comment {
    margin-bottom: 0em;
}