MDL-33167 theme_afterburner: added z-index to fix issue with yui3-widget when adding...
[moodle.git] / theme / afterburner / style / afterburner_styles.css
1 /*
2 General Styles
3 -----------------------*/
4 body {
5     margin: 0;
6     padding: 0;
7     color:#4b4b4b;
8 }
9 h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
10     font-family: Helvetica,Arial,sans-serif;
11 }
12 a:link,
13 a:visited {
14     color: #007EBA;
15     text-decoration: none;
16 }
17 a:hover, a:active {
18     color: #c30;
19     text-decoration: none;
20 }
21 hr {
22     border-bottom: 1px dotted #808080;
23     border-top: 0px;
24 }
25 h2.headingblock {
26     border-bottom: 1px solid #ddd;
27     font-size: 1.4em;
28     font-weight: bold;
29 }
30 /*
31 Page
32 -----------------------*/
33 #page {
34     font-size: 90%;
35     font-family: Helvetica,Arial,sans-serif
36 }
37 #page-content {
38     border-bottom: 1px solid #ddd;
39 }
40 /*
41 Header and Logo
42 ---------------------------*/
43 #page-header {
44     height: 100px;
45     width: 100%;
46     background: #fff;
47 }
48 a.logo {
49     background: url([[setting:logo]]) no-repeat 0 0;
50     width: 320px;
51     height: 75px;
52     display: block;
53     margin: 15px 10px 10px;
54     float: left;
55 }
56 .headermenu,
57 .langmenu {
58     float:right;
59     clear: right;
60     font-size:1em;
61     margin:0px;
62     text-align:right;
63     position: relative;
64     top: 10px;
65 }
66 .headermenu {
67     right: 10px;
68 }
69 /*
70 Page Footer
71 -----------------------*/
72 #page-footer {
73     background: #fff url([[pix:theme|core/h2grad]]) repeat-x left top;
74     height: auto;
75     clear: both;
76     float: left;
77     width: 98%;
78     margin: 0;
79     padding: 1%;
80     color: #4b4b4b;
81     border-top: 1px solid #fff;
82     line-height: 2em;
83     font-size: 1em;
84 }
85 #page-footer a:link,
86 #page-footer a:visited  {
87     color: #aaa;
88     text-decoration:none;
89 }
90 #page-footer a:hover,
91 #page-footer a:active {
92     color: #c30;
93     text-decoration:none;
94 }
95 #page-footer .footer-left {
96     float: left;
97     text-align: left;
98     color: #999;
99 }
100 #page-footer .footer-left p {
101     margin: 0;
102     padding: 0;
103     font-size: 100%;
104     line-height: 1;
106 #page-footer .footer-right {
107     float: right;
108     text-align: right;
110 /*
111 Navbar & Breadcrumb
112 -----------------------*/
113 .navbar {
114     background: url([[pix:theme|images/light3]]) 0 -68px repeat-x;
115     margin:0;
116     padding:5px 10px 4px;
117     color:#777;
118     border-top: 1px solid #d9d9d9;
119     border-bottom: 1px solid #e6e6e6;
121 .breadcrumb {
122     float:left;
123     color: #616161;
125 .navbutton {
126     text-align:right;
127     float: right;
128     margin-top: 5px;
129     margin-right: 5px;
131 .navbutton .singlebutton input {
132     border-width:1px;
133     border-style:outset;
134     border-color:#787878;
135     font-size: 85%;
136     cursor: pointer;
138 .breadcrumb ul {
139     margin-top: 5px;
140     margin-left: 10px;
141     text-indent:0;
142     list-style:none;
144 .breadcrumb li,
145 .navbutton div,
146 .navbutton form {
147     display:inline;
149 .logininfo
150 .breadcrumb {
151     font-size: 1.5em;
153 .breadcrumb a,
154 .breadcrumb a:link,
155 .breadcrumb a:visited {
156     color: #337F8C;
157     text-decoration: none;
159 .breadcrumb a:hover,
160 .breadcrumb a:active { color: #787878;}
161 .jsenabled .course_category_tree .controls {
162     visibility:visible;
163     float: right;
165 .category_label {
166     padding-left: 20px;
168 /*
169 Collapse All - Expand All
170 -------------------------*/
171 div.controls .expandall,
172 div.controls .collapseall {
173     font-size: .8em;
174     color: #008db0;
175     margin: 2px;
176     padding: 0;
177     float: right;
178     clear: both;
179     text-transform: capitalize;
180     font-variant: small-caps;
181     border-bottom: 1px solid #008db0;
183 .redirectmessage,
184 .continuebutton {
185     text-align: center;
186     font-size: 14pt;
187     color: #444;
188     padding-bottom: 10px;
190 /*
191 General Box
192 -----------------------*/
193 .generalbox {
194     border:0 none;
196 /*
197 Font Size
198 -----------------------*/
199 table {
200     font-size: 85%;
202 /*
203 Button
204 -----------------------*/
205 select, input, button {
206     background-color: #34637f;
207     color: #fff;
209 #loginbtn, input, button, select {
210     cursor: pointer;
211     margin-left: 5px;
213 input#username,
214 input#password,
215 input[type="text"],
216 input[type="password"],
217 textarea {
218     background-color: white;
219     border: 2px inset threedface;
220     color: #4b4b4b;
221     width: auto;
222     cursor: default;
224 /*
225 Coursebox Info & Summary
226 ------------------------*/
227 .coursebox h3,
228 .coursebox .info,
229 .coursebox .summary {
230     text-align: left;
231     width: 100%;
232     height: auto;
234 .coursebox .info {
235     float: left;
237 .coursebox .summary {
238     float: right;
240 .coursebox .summary p { margin: 5px 0 0;}
241 .coursebox .info h3.name {
242     padding: 0;
243     margin: 5px 0 0;
245 /*
246 Course Section Topic & Weekly
247 -----------------------------*/
248 .course-content ul.topics li.section,
249 .course-content ul.weeks li.section {
250     border: 1px solid #DDDDDD;
251     list-style: none outside none;
252     margin: 5px 0 0;
253     padding: 0;
255 .course-content ul.topics li.section {
256   padding-top: 1em;
258 .path-course-view .headingblock {
259     display: none; /* hides topic items title or weekly itens title */
260     margin-bottom: 9px;
262 /*Login (Login page)*/
263 .loginbox .loginform .form-label {width:46%;}
264 .dir-rtl .loginbox .loginform .form-label {width:46%;}
265 .loginbox .loginform .form-input {width:53%;}
267 /*
268 Login (Front Page)
269 -----------------------*/
270 .block_login
272     margin: 0;
273     padding: 0;
275 .block_login .footer
277     text-align: right;
278     clear: both
280 .block_login .loginform .c1 {
281     margin: 0.3em 15px;
282     text-align: left;
284 /* Theme Selector
285 ----------------------------*/
286 #page-admin-theme-index .generalbox {
287     border: none;
289 .theme_screenshot {
290     float: left;
291     width: 300px;
293 .theme_screenshot img {
294     width: 275px;
296 .theme_screenshot h2 {
297     font-size: 2em;
299 .theme_screenshot h3 {
300     font-size: 0.9em;
301     margin: 1em 0 0;
303 .theme_screenshot p {
304     font-size: 0.9em;
305     margin: 0 0 1em;
307 .theme_description {
308     margin-left: 300px;
310 .theme_description h2 {
311     padding-top: 0.5em;
313 /*
314 Tabs
315 -----------------------*/
316 .tabtree ul {
317     text-align:center;
319 .tabtree .tabrow0 {
320     width:100%;margin:1em 0px;
322 .tabtree .tabrow0 li {
323     margin-right:-4px;
325 .tabtree .tabrow0 li.here {
326     font-weight: bold;
328 .tabtree .tabrow0 li.here a {
329     position:relative;z-index:102;
331 .tabtree .tabrow0 li a {
332     background-image:url([[pix:theme|tab/left]]);
333     padding-left:14px;
334     padding-top:10px;
335     background-repeat:no-repeat;
336     padding-bottom:3px;
337     margin-bottom:-1px;
339 .tabtree .tabrow0 li a:hover {
340     background-image:url([[pix:theme|tab/left_hover]]);
342 .tabtree .tabrow0 li a span {
343     background-image:url([[pix:theme|tab/right]]);
344     background-repeat:no-repeat;
345     background-position:100% 0%;
346     padding-right:14px;
347     padding-top:10px;
348     padding-bottom:3px;
350 .tabtree .tabrow0 li a:hover span {
351     background-image:url([[pix:theme|tab/right_hover]]);
353 .tabtree .tabrow0 ul,
354 .tabtree .tabrow0 div {
355     font-weight: normal;
356     background-image:url([[pix:theme|tab/tabrow1]]);
357     background-position:0% 50%;
358     border-top: 1px dotted #eee;
359     padding:0.25em 0px;
360     margin:0px;
362 .tabtree .tabrow0 li.here .empty {
363     display:block;
364     height:1px;
365     overflow:hidden;
366     padding:0px;
367     position:absolute;
368     width:100%;
369     bottom:-4px;
371 .tabtree .tabrow1 li a,
372 .tabtree .tabrow1 li a:hover,
373 .tabtree .tabrow1 li a span,
374 .tabtree .tabrow1 li a:hover span {
375     background-image:none !important;
377 .tabtree a.nolink,
378 .tabtree .here ul a.nolink,
379 .tabtree a.nolink:hover,
380 .tabtree .here ul a.nolink:hover {
381     color: #888;
382     text-decoration: none;
384 .tabtree .here a.nolink,
385 .tabtree .here ul .here a.nolink,
386 .tabtree .here a.nolink:hover,
387 .tabtree .here ul .here a.nolink:hover {
388     color: black;text-decoration: none;
390 /*
391 tab styles for ie6 & ie7
392 -----------------------*/
393 .ie7 .tabtree .tabrow0 li {
394     margin-left: 0;
396 .ie7 .tabtree .tabrow0 li.first {
397     margin-right: -4px;
399 .ie7 .tabtree .tabrow0 li.onerow {
400     margin-right: 0;
402 .ie7 .tabtree .tabrow0 a {
403     display: inline-block;
404     padding: 8px 0 0.35em 13px;
405     line-height: 1.5em;
407 .ie7 .tabtree .tabrow0 a span {
408     padding: 10px 1em 10px 0;
410 .ie7 .tabtree .tabrow0 div {
411     top: 2.6em;padding: 0.2em 0;
413 .ie7 .tabtree .tabrow0 div.empty {
414     margin-right: 0;
416 .ie7.mod-quiz div.tabtree a span img.iconsmall {
417     margin: 0;
418     vertical-align: baseline;
419     position: relative;
420     top: 2px;
422 .ie6 .tabtree {
423     height: 100%;
425 .ie6 .tabtree .tabrow0 {
426     padding-top: 10px;
428 .ie6 .tabtree .tabrow0 li {
429     margin-left: 0;
431 .ie6 .tabtree .tabrow0 li.first {
432     margin-left: -4px;
433     margin-right: -4px;
435 .ie6 .tabtree .tabrow0 li.last a {
436     margin-right: 0;
438 .ie6 .tabtree .tabrow0 li.onerow {
439     margin-right: 0;
441 .ie6 .tabtree .tabrow0 a {
442     padding: 0 0 0 13px;
444 .ie6 .tabtree .tabrow0 a span {
445     padding: 12px 1em 4px 0;
447 .ie6 .tabtree .tabrow0 div {
448     top: 3.5em;
449     padding: 0.2em 0;
451 .yui-skin-sam .yui-panel-container {
452     z-index: 999999!important;
454 body#page-course-view-topics.path-course div.moodle-dialogue-base div.yui3-widget{
455     z-index: 600!important;