review/web_media/style.css @ f841259cc87e
Move the individual line comment forms into comments.js. This *massively* improves performance on large diffs. For example, the review page for the changeset where I added CherryPy as a bundled app was 38.7mb before this changeset. With this change it is now 13.2mb.
| author | Steve Losh <steve@stevelosh.com> |
|---|---|
| date | Sat, 27 Mar 2010 13:03:00 -0400 |
| parents | ac324e064f82 |
| children | 45cd1e619896 |
/* 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; } /* 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.add { background: #DBF3D1; } div.diff table tr.rem { background: #FBDBDA; } div.diff table tr.skipped { background: #ccc; } div.diff table tr td.diff-line div.line-data { display: none; } div.diff .comment { margin-bottom: 0em; }