# HG changeset patch
# User Steve Losh <steve@stevelosh.com>
# Date 1276368786 14400
# Node ID 26f02ba9c0030cdcf2567b9c2ff1f7a07e0c457d
# Parent  84af7bc5ab608d14c22b22cae8dfc648b7b398a3
web: lessify

diff -r 84af7bc5ab60 -r 26f02ba9c003 review/static/style.css
--- 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;
-}
diff -r 84af7bc5ab60 -r 26f02ba9c003 review/static/style.less
--- 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