Got questions, comments, patches, etc.?
Contact Jason Woofenden
gitweb
/
wfpl.git
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (parent:
cc73b80
)
metaform: avoid css name conflicts
author
Jason Woofenden
<jason@jasonwoof.com>
Mon, 19 Sep 2011 05:27:07 +0000
(
01:27
-0400)
committer
Jason Woofenden
<jason@jasonwoof.com>
Mon, 19 Sep 2011 05:27:07 +0000
(
01:27
-0400)
metaform/style.less
patch
|
blob
|
history
diff --git
a/metaform/style.less
b/metaform/style.less
index
93eef12
..
27a827e
100644
(file)
--- a/
metaform/style.less
+++ b/
metaform/style.less
@@
-1,23
+1,23
@@
// dimensions
@site-width: 940px;
@nav-width: 200px;
// dimensions
@site-width: 940px;
@nav-width: 200px;
-@gutter-width: 18px;
-@main-body-width: @site-width - 2*@gutter-width - @nav-width;
+@site-gutter-width: 18px;
+@site-main-body-width: @site-width - 2*@site-gutter-width - @nav-width;
// colors
// colors
-@header-color: #ddf;
+@site-header-color: #ddf;
@nav-color: #dff;
@nav-color: #dff;
-@body-color: #fff;
-@window-color: #eee;
-@footer-color: #ddf;
-@gutter-color: #fff;
+@site-body-color: #fff;
+@site-window-color: #eee;
+@site-footer-color: #ddf;
+@site-gutter-color: #fff;
body {
margin: 0;
padding: 0;
color: #000;
body {
margin: 0;
padding: 0;
color: #000;
- background: @window-color;
+ background: @site-window-color;
font: 14px "Verdana", sans-serif;
}
font: 14px "Verdana", sans-serif;
}
@@
-34,7
+34,7
@@
body {
header {
width: @site-width;
height: 100px;
header {
width: @site-width;
height: 100px;
- background: @header-color;
+ background: @site-header-color;
}
@nav-padding: 10px;
}
@nav-padding: 10px;
@@
-50,16
+50,16
@@
nav {
#main-body {
float: left;
#main-body {
float: left;
- width: @main-body-width;
- padding: @gutter-width @gutter-width @gutter-width @gutter-width;
- background: @body-color;
+ width: @site-main-body-width;
+ padding: @site-gutter-width @site-gutter-width @site-gutter-width @site-gutter-width;
+ background: @site-body-color;
}
footer {
clear: both;
width: @site-width;
height: 50px;
}
footer {
clear: both;
width: @site-width;
height: 50px;
- background: @footer-color;
+ background: @site-footer-color;
}
#wfpl_messages {
}
#wfpl_messages {