MDL-29614 theme_formal_white: Change the way Formal White theme shrinks pages
[moodle.git] / theme / formal_white / style / frame.css
CommitLineData
4afb01db 1/****
2 *
3 * #frametop
4 * #framebottom
5 * ! #frametopright
6 * | | <div>---/<div>
7 * ! /#frametopright
8 * | #frameleft
9 * | | #frameright
10 * | | | #wrapper
11 * | | | | #page-header
12 * | | | | | #headerlogo
13 * | | | | | | <img>
14 * | | | | | h1#headerheading---/h1#headerheading
15 * | | | | | #headermenu---/#headermenu
16 * | | | | /#page-header
17 * | | | | #custommenu---/#custommenu
18 * | | | | .navbar clearfix---/.navbar clearfix
19 * | | | | .breadcrumb---/.breadcrumb
20 * | | | | .navbutton---/.navbutton
21 * | | | | /.navbar clearfix
22 * | | | | #page-content
23 * | | | | .
24 * | | | | .
25 * | | | | .
26 * | | | | /#page-content
27 * | | | | .clearfix---/.clearfix
28 * | | | /#wrapper
29 * | | #frameright
30 * | /#frameleft
31 * | #framebottomright
32 * | | <div>---/<div>
33 * ! /#framebottomright
34 * /#framebottom
35 * /#frametop
36 *
37 * The body tag may also contain one of three layout specific classes that describe
38 * the regions of the page and allow us to theme more easily.
39 *
40 * default (no class) = Content + side pre + side post
41 * side-pre-only = Content + side pre
42 * side-post-only = Content + side post
43 * content-only = Content
44 *
45 ****/
46
47#wrapper,
48#footerwrapper {
49 padding:0 17px 0 17px;
50 float:none; /* serve a qualcosa? */
51 /*clear:both;*/
52 /*overflow:hidden;*/
53}
54
55#frametop,
56#footerframetop {
57 background-image:url([[pix:theme|roundcorner/header]]);
1bc47427 58 margin:[[setting:framemargin]] [[setting:framemargin]] 0;
4afb01db 59 background-position:0 0;
60 background-repeat:repeat-x;
1bc47427 61 min-width:[[setting:minwidth]];
4afb01db 62}
63
64#frametopright,
65#footerframetopright { /* Frame background top right */
66 background-image:url([[pix:theme|roundcorner/header_r]]);
67 background-repeat:no-repeat;
68 background-position:100% 0;
69 text-align:left;
70 height:17px;
71 margin:0 0 0 17px;
72}
73
74#frametopright div,
75#footerframetopright div { /* Frame background top left */
76 background-image:url([[pix:theme|roundcorner/header_l]]);
77 font-size:1px;
78 line-height:1%;
79 height:17px;
80 background-repeat:no-repeat;
81 background-position:0 0;
82 background-color:transparent;
83 position:relative;
84 width:17px;
85 margin-left:-17px;
86}
87
88#frameleft,
89#footerframeleft { /* Frame background left */
90 background-image:url([[pix:theme|roundcorner/body_l]]);
91 background-repeat:repeat-y;
92 background-position:0 0;
93 background-color:#FFF;
94}
95
96#frameright,
97#footerframeright { /* Frame background right */
98 background-image:url([[pix:theme|roundcorner/body_r]]);
99 background-repeat:repeat-y;
0e412e87 100 background-position:100% 0;
4afb01db 101 background-color:transparent;
102 /*margin-left:17px;*/
103 /*padding-right:17px;*/
104}
105
106#framebottomright,
107#footerframebottomright { /* Frame background bottom right */
108 background-image:url([[pix:theme|roundcorner/footer_r]]);
109 background-repeat:no-repeat;
110 background-position:100% 0;
111 text-align:left;
112 margin:0 0 0 17px;
113}
114
115#framebottomright div,
116#footerframebottomright div { /* Frame background bottom left */
117 background-image:url([[pix:theme|roundcorner/footer_l]]);
118 font-size:1px;
119 line-height:1%;
120 height:17px;
121 background-repeat:no-repeat;
122 background-position:0 0;
123 background-color:transparent;
124 position:relative;
125 width:17px;
126 margin-left:-17px;
127}
128
129#framebottom,
130#footerframebottom { /* Bottom Middle */
131 background-image:url([[pix:theme|roundcorner/footer]]);
132 background-repeat:repeat-x;
133 background-position:0 100%;
134 background-attachment:scroll;
135 background-color:transparent;
136}
137
138/*******************************************************************/
139/* Footer section */
140/*******************************************************************/
141
142#footerwrapper {
0e412e87 143 background-color:white;
144 margin:0 17px 0 17px;
4afb01db 145}
146
147#footerframetop {
0e412e87 148 margin-top:0;
4afb01db 149}
150
151#footerwrapper p,
152#footerwrapper div {
0e412e87 153 margin:0;
4afb01db 154}
155
156/*******************************************************************/
157/* End of footer section */
158/*******************************************************************/