review/static/style.less @ 84af7bc5ab60

web: switch to lesscss and render it while in debug mode
author Steve Losh <steve@stevelosh.com>
date Sat, 12 Jun 2010 14:26:12 -0400
parents (none)
children 26f02ba9c003
/* 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#remote-wrap {
    text-align: center;
    padding-top: 1.5em;
    margin-bottom: -1.5em;
}
div#remote-wrap span.remote-section h3 {
    display: inline;
}
div#remote-wrap span.remote-section {
    margin: 0em 1em;
}
div#remote-wrap form {
    display: inline;
}
div#footer {
    border-top: 6px solid #666;
    color: #fff;
    text-align: center;
    font-style: italic;
    padding-top: 1.5em;
}
div#footer a {
    color: #fff;
}
div#footer a:hover {
    text-decoration: underline;
}

/* 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 {
}
table tbody tr.comment-line-selected {
    background-color: #FBEAD0 !important;
}
span.cancel, form span.cancel-line {
    margin-left: 10px;
}

/* Signoffs. */
.signoff {
    white-space: normal;
    border: 1px dashed #666;
    font-family: Consolas, Monaco, "Courier New", Courier, monospace;
    padding: 0.75em;
    margin-bottom: 1.5em;
}
.signoff.yes {
    background-color: #B4FF9D;
}
.signoff.no {
    background-color: #FC9696;
}
.signoff.neutral {
    background-color: #F0F0F0;
}
.signoff div.avatar {
    border: 1px solid black;
    float: right;
}
.signoff div.message {
    margin-top: 1.5em;
    white-space: pre;
}
.signoff .opinion {
    font-weight: bold;
}

/* Diffs. */
div.diff {
    overflow: auto;
}
div.diff table tr {
    white-space: pre;
}
div.diff table tr.comment-line {
    white-space: normal;
}
div.diff table tr.con {
    font-size: 11px;
}
div.diff table tr.add {
    background: #DBF3D1;
    font-size: 11px;
}
div.diff table tr.rem {
    background: #FBDBDA;
    font-size: 11px;
}
div.diff table tr.skipped {
    background: #ccc;
    font-size: 11px;
}
div.diff table tr td.diff-line div.line-data {
    display: none;
}
div.diff .comment {
    margin-bottom: 0em;
}

.debug {
    border: 2px solid green;
    background-color: red;
}