--- a/review/static/style.css Sat Jun 12 14:26:12 2010 -0400
+++ b/review/static/style.css Sat Jun 12 14:53:06 2010 -0400
@@ -1,83 +1,83 @@
-/* Basic layout and typography. */
body {
background: #999;
}
-div#content-wrap {
+body div#content-wrap {
background-color: #fafafa;
}
-div#main-wrap {
+body div#main-wrap {
width: 75em;
margin: 0em auto;
padding: 3em;
}
-div#head-wrap {
+body 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 {
+body div#head-wrap h1, body div#head-wrap h1 a {
font-weight: normal;
}
-div#remote-wrap {
+body div#head-wrap a {
+ color: inherit;
+}
+body div#remote-wrap {
text-align: center;
padding-top: 1.5em;
margin-bottom: -1.5em;
}
-div#remote-wrap span.remote-section h3 {
+body div#remote-wrap span.remote-section {
+ margin: 0em 1em;
+}
+body div#remote-wrap span.remote-section h3 {
display: inline;
}
-div#remote-wrap span.remote-section {
- margin: 0em 1em;
-}
-div#remote-wrap form {
+body div#remote-wrap form {
display: inline;
}
-div#footer {
+body div#footer {
border-top: 6px solid #666;
color: #fff;
text-align: center;
font-style: italic;
padding-top: 1.5em;
}
-div#footer a {
+body div#footer a {
color: #fff;
}
-div#footer a:hover {
+body div#footer a:hover {
text-decoration: underline;
}
-/* Links. */
-a {
+body a {
text-decoration: none;
font-weight: bold;
color: #3C659A;
}
-a:hover {
+body a:hover {
color: #EA0076;
}
-div#head-wrap a {
- color: inherit;
+body .debug {
+ border: 2px solid green;
+ background-color: red;
}
-/* Tables. */
-table {
+body table {
width: 100%;
border: 1px solid #666;
background: #f2f2f2;
}
-table td {
- border: none;
-}
-table tr.odd {
+body table tr.odd {
background: #eee;
}
-table tr td.last {
+body table tr td {
+ border: none;
+}
+body table tr td.last {
text-align: right;
}
-table tr form * {
+body table tr form * {
margin: 0em;
}
-/* Review pages. */
div.filename-header {
background-color: #ccc;
border: 1px solid #c5c5c5;
@@ -93,7 +93,6 @@
font-weight: bold;
font-size: 1.5em;
}
-/* Comments. */
.comment {
white-space: normal;
background: #FBEAD0;
@@ -120,7 +119,6 @@
span.cancel, form span.cancel-line {
margin-left: 10px;
}
-/* Signoffs. */
.signoff {
white-space: normal;
border: 1px dashed #666;
@@ -137,49 +135,44 @@
.signoff.neutral {
background-color: #F0F0F0;
}
-.signoff div.avatar {
+.signoff .avatar {
border: 1px solid black;
float: right;
}
-.signoff div.message {
+.signoff .message {
margin-top: 1.5em;
white-space: pre;
}
.signoff .opinion {
font-weight: bold;
}
-/* Diffs. */
-div.diff {
+.diff {
overflow: auto;
}
-div.diff table tr {
+.diff table tr {
white-space: pre;
}
-div.diff table tr.comment-line {
+.diff table tr.comment-line {
white-space: normal;
}
-div.diff table tr.con {
+.diff table tr.con {
font-size: 11px;
}
-div.diff table tr.add {
+.diff table tr.add {
background: #DBF3D1;
font-size: 11px;
}
-div.diff table tr.rem {
+.diff table tr.rem {
background: #FBDBDA;
font-size: 11px;
}
-div.diff table tr.skipped {
+.diff table tr.skipped {
background: #ccc;
font-size: 11px;
}
-div.diff table tr td.diff-line div.line-data {
+.diff table tr td.diff-line div.line-data {
display: none;
}
-div.diff .comment {
+.diff .comment {
margin-bottom: 0em;
}
-.debug {
- border: 2px solid green;
- background-color: red;
-}
--- a/review/static/style.less Sat Jun 12 14:26:12 2010 -0400
+++ b/review/static/style.less Sat Jun 12 14:53:06 2010 -0400
@@ -1,103 +1,112 @@
-/* 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;
+
+ 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;
+
+ h1, h1 a {
+ font-weight: normal;
+ }
+ a {
+ color: inherit;
+ }
+ }
+ div#remote-wrap {
+ text-align: center;
+ padding-top: 1.5em;
+ margin-bottom: -1.5em;
+
+ span.remote-section {
+ margin: 0em 1em;
+
+ h3{
+ display: inline;
+ }
+ }
+ form {
+ display: inline;
+ }
+ }
+ div#footer {
+ border-top: 6px solid #666;
+ color: #fff;
+ text-align: center;
+ font-style: italic;
+ padding-top: 1.5em;
+
+ a {
+ color: #fff;
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+ }
+ a {
+ text-decoration: none;
+ font-weight: bold;
+ color: #3C659A;
+
+ &:hover {
+ color: #EA0076;
+ }
+ }
+ .debug {
+ border: 2px solid green;
+ background-color: red;
+ }
+ table {
+ width: 100%;
+ border: 1px solid #666;
+ background: #f2f2f2;
+
+ tr {
+ &.odd {
+ background: #eee;
+ }
+ td {
+ border: none;
+
+ &.last {
+ text-align: right;
+ }
+ }
+ form * {
+ margin: 0em;
+ }
+ }
+ }
}
-/* 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;
+
+ h3 {
+ margin: 0em;
+ }
+ a.fold-file, a.unfold-file {
+ float: right;
+ font-weight: bold;
+ font-size: 1.5em;
+ }
}
-/* Comments. */
.comment {
white-space: normal;
background: #FBEAD0;
@@ -105,90 +114,81 @@
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.avatar {
+ border: 1px solid black;
+ float: right;
+ }
+ 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;
+
+ &.yes { background-color: #B4FF9D; }
+ &.no { background-color: #FC9696; }
+ &.neutral { background-color: #F0F0F0; }
+
+ .avatar {
+ border: 1px solid black;
+ float: right;
+ }
+ .message {
+ margin-top: 1.5em;
+ white-space: pre;
+ }
+ .opinion {
+ font-weight: bold;
+ }
}
-.signoff div.avatar {
- border: 1px solid black;
- float: right;
-}
-.signoff div.message {
- margin-top: 1.5em;
- white-space: pre;
-}
-.signoff .opinion {
- font-weight: bold;
+.diff {
+ overflow: auto;
+
+ table tr {
+ white-space: pre;
+
+ &.comment-line {
+ white-space: normal;
+ }
+ &.con {
+ font-size: 11px;
+ }
+ &.add {
+ background: #DBF3D1;
+ font-size: 11px;
+ }
+ &.rem {
+ background: #FBDBDA;
+ font-size: 11px;
+ }
+ &.skipped {
+ background: #ccc;
+ font-size: 11px;
+ }
+ td.diff-line div.line-data {
+ display: none;
+ }
+ }
+ .comment {
+ margin-bottom: 0em;
+ }
}
-/* 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;
-}
\ No newline at end of file