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 |
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)