00d8675c9e5b6e837a66878b5af73392aa91bcbd
[moodle.git] / theme / formal_white / style / frame.css
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  ****/
47 #wrapper,
48 #footerwrapper {
49     padding:0 17px 0 17px;
50     float:none; /* serve a qualcosa? */
51     /*clear:both;*/
52     /*overflow:hidden;*/
53 }
55 #frametop,
56 #footerframetop {
57     background-image:url([[pix:theme|roundcorner/header]]);
58     margin:15px 15px 0;
59     background-position:0 0;
60     background-repeat:repeat-x;
61     min-width:934px;
62 }
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 }
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 }
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 }
96 #frameright,
97 #footerframeright { /* Frame background right */
98     background-image:url([[pix:theme|roundcorner/body_r]]);
99     background-repeat:repeat-y;
100     background-position:100% 0;
101     background-color:transparent;
102     /*margin-left:17px;*/
103     /*padding-right:17px;*/
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;
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;
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;
138 /*******************************************************************/
139 /* Footer section                                                  */
140 /*******************************************************************/
142 #footerwrapper {
143     background-color:white;
144     margin:0 17px 0 17px;
147 #footerframetop {
148     margin-top:0;
151 #footerwrapper p,
152 #footerwrapper div {
153     margin:0;
156 /*******************************************************************/
157 /* End of footer section                                           */
158 /*******************************************************************/