84af7bc5ab60

web: switch to lesscss and render it while in debug mode
[view raw] [browse files]
author Steve Losh <steve@stevelosh.com>
date Sat, 12 Jun 2010 14:26:12 -0400
parents 921222f48d5d
children 26f02ba9c003
branches/tags (none)
files review/static/style.css review/static/style.less review/web_ui.py

Changes

--- a/review/static/style.css	Sat Jun 12 14:17:45 2010 -0400
+++ b/review/static/style.css	Sat Jun 12 14:26:12 2010 -0400
@@ -1,194 +1,185 @@
 /* Basic layout and typography. */
 body {
-    background: #999;
+  background: #999;
 }
 div#content-wrap {
-    background-color: #fafafa;
+  background-color: #fafafa;
 }
 div#main-wrap {
-    width: 75em;
-    margin: 0em auto;
-    padding: 3em;
+  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;
+  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;
+  font-weight: normal;
 }
 div#remote-wrap {
-    text-align: center;
-    padding-top: 1.5em;
-    margin-bottom: -1.5em;
+  text-align: center;
+  padding-top: 1.5em;
+  margin-bottom: -1.5em;
 }
 div#remote-wrap span.remote-section h3 {
-    display: inline;
+  display: inline;
 }
 div#remote-wrap span.remote-section {
-    margin: 0em 1em;
+  margin: 0em 1em;
 }
 div#remote-wrap form {
-    display: inline;
+  display: inline;
 }
 div#footer {
-    border-top: 6px solid #666;
-    color: #fff;
-    text-align: center;
-    font-style: italic;
-    padding-top: 1.5em;
+  border-top: 6px solid #666;
+  color: #fff;
+  text-align: center;
+  font-style: italic;
+  padding-top: 1.5em;
 }
 div#footer a {
-    color: #fff;
+  color: #fff;
 }
 div#footer a:hover {
-    text-decoration: underline;
+  text-decoration: underline;
 }
-
 /* Links. */
 a {
-    text-decoration: none;
-    font-weight: bold;
-    color: #3C659A;
+  text-decoration: none;
+  font-weight: bold;
+  color: #3C659A;
 }
 a:hover {
-    color: #EA0076;
+  color: #EA0076;
 }
 div#head-wrap a {
-    color: inherit;
+  color: inherit;
 }
-
 /* Tables. */
 table {
-    width: 100%;
-    border: 1px solid #666;
-    background: #f2f2f2;
+  width: 100%;
+  border: 1px solid #666;
+  background: #f2f2f2;
 }
 table td {
-    border: none;
+  border: none;
 }
 table tr.odd {
-    background: #eee;
+  background: #eee;
 }
 table tr td.last {
-    text-align: right;
+  text-align: right;
 }
 table tr form * {
-    margin: 0em;
+  margin: 0em;
 }
-
 /* Review pages. */
 div.filename-header {
-    background-color: #ccc;
-    border: 1px solid #c5c5c5;
-    padding: 1em;
-    margin-bottom: 1.5em;
-    margin-top: 1.5em;
+  background-color: #ccc;
+  border: 1px solid #c5c5c5;
+  padding: 1em;
+  margin-bottom: 1.5em;
+  margin-top: 1.5em;
 }
 div.filename-header h3 {
-    margin: 0em;
+  margin: 0em;
 }
 div.filename-header a.fold-file, div.filename-header a.unfold-file {
-    float: right;
-    font-weight: bold;
-    font-size: 1.5em;
+  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;
+  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;
+  border: 1px solid black;
+  float: right;
 }
 .comment div.message {
-    margin-top: 1.5em;
-    white-space: pre;
+  margin-top: 1.5em;
+  white-space: pre;
 }
 div#comment-review form {
-    margin-bottom: 3em;
-    display: none;
-}
-div#comment-file form {
+  margin-bottom: 3em;
+  display: none;
 }
 table tbody tr.comment-line-selected {
-    background-color: #FBEAD0 !important;
+  background-color: #FBEAD0 !important;
 }
 span.cancel, form span.cancel-line {
-    margin-left: 10px;
+  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;
+  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;
+  background-color: #B4FF9D;
 }
 .signoff.no {
-    background-color: #FC9696;
+  background-color: #FC9696;
 }
 .signoff.neutral {
-    background-color: #F0F0F0;
+  background-color: #F0F0F0;
 }
 .signoff div.avatar {
-    border: 1px solid black;
-    float: right;
+  border: 1px solid black;
+  float: right;
 }
 .signoff div.message {
-    margin-top: 1.5em;
-    white-space: pre;
+  margin-top: 1.5em;
+  white-space: pre;
 }
 .signoff .opinion {
-    font-weight: bold;
+  font-weight: bold;
 }
-
 /* Diffs. */
 div.diff {
-    overflow: auto;
+  overflow: auto;
 }
 div.diff table tr {
-    white-space: pre;
+  white-space: pre;
 }
 div.diff table tr.comment-line {
-    white-space: normal;
+  white-space: normal;
 }
 div.diff table tr.con {
-    font-size: 11px;
+  font-size: 11px;
 }
 div.diff table tr.add {
-    background: #DBF3D1;
-    font-size: 11px;
+  background: #DBF3D1;
+  font-size: 11px;
 }
 div.diff table tr.rem {
-    background: #FBDBDA;
-    font-size: 11px;
+  background: #FBDBDA;
+  font-size: 11px;
 }
 div.diff table tr.skipped {
-    background: #ccc;
-    font-size: 11px;
+  background: #ccc;
+  font-size: 11px;
 }
 div.diff table tr td.diff-line div.line-data {
-    display: none;
+  display: none;
 }
 div.diff .comment {
-    margin-bottom: 0em;
+  margin-bottom: 0em;
 }
-
 .debug {
-    border: 2px solid green;
-    background-color: red;
-}
\ No newline at end of file
+  border: 2px solid green;
+  background-color: red;
+}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/review/static/style.less	Sat Jun 12 14:26:12 2010 -0400
@@ -0,0 +1,194 @@
+/* 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;
+}
\ No newline at end of file
--- a/review/web_ui.py	Sat Jun 12 14:17:45 2010 -0400
+++ b/review/web_ui.py	Sat Jun 12 14:26:12 2010 -0400
@@ -143,4 +143,7 @@
     site_read_only = read_only
 
     app.debug = ui.debugflag
+    if app.debug:
+        from flaskext.lesscss import lesscss
+        lesscss(app)
     app.run(host=address, port=port)