review/web_media/style.css @ 2e65351af702 webui

Rough cut of line-level comments.
author Steve Losh <steve@stevelosh.com>
date Thu, 22 Oct 2009 19:08:08 -0400
parents 1cc8e18b1b43
children c5debb475273
/* Basic layout and typography. */
body {
    background: #f5f5f5;
}
div#main-wrap {
    width: 65em;
    margin: 0em auto;
    padding: 3em;
}
div#head-wrap {
    text-align: center;
    padding: 1.5em 0em .5em;
    background-color: #ccc;
    border-bottom: 1px solid #bbb;
}
div#footer {
    color: #666;
    text-align: center;
    font-style: italic;
}

/* Links. */
a {
    text-decoration: none;
    font-weight: bold;
    color: #297E00;
}
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;
    width: 75em;
    margin-left: -5em;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}
div.filename-header h3 {
    margin: 0em;
}

/* 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;
}