... | ... |
@@ -1,6 +1,8 @@ |
1 | 1 |
!page_width = 900px |
2 |
-!sidebar_width = 250px |
|
2 |
+!main_width = 620px |
|
3 |
+!page_pad = 30px |
|
3 | 4 |
!sidebar_margin = 30px |
5 |
+!sidebar_width = !page_width - !main_width - !sidebar_margin |
|
4 | 6 |
!pad = 15px |
5 | 7 |
!default_border_radius = 4px |
6 | 8 |
|
... | ... |
@@ -69,21 +71,12 @@ html body |
69 | 69 |
width= !page_width |
70 | 70 |
margin: 0 auto |
71 | 71 |
padding: |
72 |
- left: 30px |
|
73 |
- right: 30px |
|
72 |
+ left= !page_pad |
|
73 |
+ right= !page_pad |
|
74 | 74 |
|
75 | 75 |
#page |
76 | 76 |
+clearfix |
77 | 77 |
background-color= !page_bg |
78 |
- &.collapsed |
|
79 |
- .page_width |
|
80 |
- width= !page_width - !sidebar_width |
|
81 |
- #main |
|
82 |
- width: 100% |
|
83 |
- .pre_expander |
|
84 |
- display: none |
|
85 |
- #sidebar |
|
86 |
- float: none |
|
87 | 78 |
.page_width |
88 | 79 |
+clearfix |
89 | 80 |
position: relative |
... | ... |
@@ -96,7 +89,7 @@ html body |
96 | 96 |
left= "1px solid" !page_border_sides |
97 | 97 |
right= "1px solid" !page_border_sides |
98 | 98 |
#main |
99 |
- width= !page_width - !sidebar_width - !sidebar_margin |
|
99 |
+ width= !main_width |
|
100 | 100 |
float: left |
101 | 101 |
&.expanded |
102 | 102 |
width: 100% |