MDL-33167 theme_afterburner: added z-index to fix issue with yui3-widget when adding...
[moodle.git] / theme / afterburner / style / afterburner_styles.css
CommitLineData
12b3d582 1/*
041cfef9
ME
2General Styles
3-----------------------*/
4body {
5 margin: 0;
6 padding: 0;
7 color:#4b4b4b;
8}
041cfef9 9h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
12b3d582 10 font-family: Helvetica,Arial,sans-serif;
041cfef9 11}
041cfef9
ME
12a:link,
13a:visited {
12b3d582
SH
14 color: #007EBA;
15 text-decoration: none;
041cfef9
ME
16}
17a:hover, a:active {
12b3d582
SH
18 color: #c30;
19 text-decoration: none;
041cfef9 20}
041cfef9 21hr {
0e918467
ME
22 border-bottom: 1px dotted #808080;
23 border-top: 0px;
041cfef9 24}
041cfef9 25h2.headingblock {
12b3d582
SH
26 border-bottom: 1px solid #ddd;
27 font-size: 1.4em;
28 font-weight: bold;
041cfef9 29}
12b3d582 30/*
041cfef9
ME
31Page
32-----------------------*/
12b3d582
SH
33#page {
34 font-size: 90%;
35 font-family: Helvetica,Arial,sans-serif
041cfef9 36}
041cfef9 37#page-content {
12b3d582 38 border-bottom: 1px solid #ddd;
041cfef9 39}
12b3d582 40/*
041cfef9
ME
41Header and Logo
42---------------------------*/
041cfef9 43#page-header {
12b3d582
SH
44 height: 100px;
45 width: 100%;
46 background: #fff;
47}
250633eb 48a.logo {
0e918467
ME
49 background: url([[setting:logo]]) no-repeat 0 0;
50 width: 320px;
51 height: 75px;
12b3d582 52 display: block;
0e918467 53 margin: 15px 10px 10px;
12b3d582
SH
54 float: left;
55}
041cfef9
ME
56.headermenu,
57.langmenu {
12b3d582
SH
58 float:right;
59 clear: right;
60 font-size:1em;
61 margin:0px;
62 text-align:right;
63 position: relative;
64 top: 10px;
041cfef9
ME
65}
66.headermenu {
12b3d582
SH
67 right: 10px;
68}
69/*
041cfef9
ME
70Page Footer
71-----------------------*/
041cfef9 72#page-footer {
12b3d582
SH
73 background: #fff url([[pix:theme|core/h2grad]]) repeat-x left top;
74 height: auto;
0e918467
ME
75 clear: both;
76 float: left;
77 width: 98%;
12b3d582
SH
78 margin: 0;
79 padding: 1%;
80 color: #4b4b4b;
0e918467 81 border-top: 1px solid #fff;
12b3d582
SH
82 line-height: 2em;
83 font-size: 1em;
84}
041cfef9
ME
85#page-footer a:link,
86#page-footer a:visited {
12b3d582
SH
87 color: #aaa;
88 text-decoration:none;
041cfef9 89}
041cfef9 90#page-footer a:hover,
12b3d582
SH
91#page-footer a:active {
92 color: #c30;
93 text-decoration:none;
041cfef9 94}
041cfef9 95#page-footer .footer-left {
12b3d582
SH
96 float: left;
97 text-align: left;
98 color: #999;
041cfef9 99}
0e918467
ME
100#page-footer .footer-left p {
101 margin: 0;
102 padding: 0;
103 font-size: 100%;
104 line-height: 1;
105}
041cfef9 106#page-footer .footer-right {
12b3d582
SH
107 float: right;
108 text-align: right;
041cfef9 109}
12b3d582 110/*
041cfef9
ME
111Navbar & Breadcrumb
112-----------------------*/
041cfef9 113.navbar {
12b3d582
SH
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;
041cfef9
ME
120}
121.breadcrumb {
12b3d582
SH
122 float:left;
123 color: #616161;
041cfef9
ME
124}
125.navbutton {
12b3d582
SH
126 text-align:right;
127 float: right;
128 margin-top: 5px;
129 margin-right: 5px;
041cfef9
ME
130}
131.navbutton .singlebutton input {
12b3d582
SH
132 border-width:1px;
133 border-style:outset;
134 border-color:#787878;
135 font-size: 85%;
136 cursor: pointer;
137}
138.breadcrumb ul {
139 margin-top: 5px;
140 margin-left: 10px;
141 text-indent:0;
142 list-style:none;
041cfef9
ME
143}
144.breadcrumb li,
145.navbutton div,
146.navbutton form {
12b3d582 147 display:inline;
041cfef9 148}
041cfef9 149.logininfo
12b3d582
SH
150.breadcrumb {
151 font-size: 1.5em;
152}
153.breadcrumb a,
041cfef9
ME
154.breadcrumb a:link,
155.breadcrumb a:visited {
12b3d582
SH
156 color: #337F8C;
157 text-decoration: none;
041cfef9 158}
041cfef9
ME
159.breadcrumb a:hover,
160.breadcrumb a:active { color: #787878;}
041cfef9 161.jsenabled .course_category_tree .controls {
12b3d582
SH
162 visibility:visible;
163 float: right;
041cfef9 164}
12b3d582
SH
165.category_label {
166 padding-left: 20px;
167}
168/*
041cfef9
ME
169Collapse All - Expand All
170-------------------------*/
041cfef9
ME
171div.controls .expandall,
172div.controls .collapseall {
12b3d582
SH
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;
182}
041cfef9 183.redirectmessage,
12b3d582
SH
184.continuebutton {
185 text-align: center;
186 font-size: 14pt;
187 color: #444;
188 padding-bottom: 10px;
189}
190/*
041cfef9
ME
191General Box
192-----------------------*/
041cfef9 193.generalbox {
12b3d582 194 border:0 none;
041cfef9 195}
12b3d582 196/*
041cfef9
ME
197Font Size
198-----------------------*/
041cfef9
ME
199table {
200 font-size: 85%;
201}
12b3d582 202/*
041cfef9
ME
203Button
204-----------------------*/
041cfef9
ME
205select, input, button {
206 background-color: #34637f;
207 color: #fff;
208}
3689a859
ME
209#loginbtn, input, button, select {
210 cursor: pointer;
211 margin-left: 5px;
212}
213input#username,
214input#password,
215input[type="text"],
216input[type="password"],
217textarea {
041cfef9
ME
218 background-color: white;
219 border: 2px inset threedface;
220 color: #4b4b4b;
221 width: auto;
222 cursor: default;
223}
12b3d582 224/*
041cfef9
ME
225Coursebox Info & Summary
226------------------------*/
d0760eac 227.coursebox h3,
041cfef9
ME
228.coursebox .info,
229.coursebox .summary {
230 text-align: left;
231 width: 100%;
232 height: auto;
233}
234.coursebox .info {
235 float: left;
236}
041cfef9
ME
237.coursebox .summary {
238 float: right;
239}
240.coursebox .summary p { margin: 5px 0 0;}
041cfef9 241.coursebox .info h3.name {
12b3d582
SH
242 padding: 0;
243 margin: 5px 0 0;
041cfef9 244}
12b3d582
SH
245/*
246Course Section Topic & Weekly
041cfef9 247-----------------------------*/
041cfef9
ME
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;
254}
041cfef9
ME
255.course-content ul.topics li.section {
256 padding-top: 1em;
257}
041cfef9
ME
258.path-course-view .headingblock {
259 display: none; /* hides topic items title or weekly itens title */
260 margin-bottom: 9px;
261}
5c5a30fa 262/*Login (Login page)*/
7842fba0
AB
263.loginbox .loginform .form-label {width:46%;}
264.dir-rtl .loginbox .loginform .form-label {width:46%;}
5c5a30fa
AB
265.loginbox .loginform .form-input {width:53%;}
266
12b3d582 267/*
041cfef9
ME
268Login (Front Page)
269-----------------------*/
12b3d582 270.block_login
041cfef9 271{
12b3d582
SH
272 margin: 0;
273 padding: 0;
041cfef9 274}
041cfef9
ME
275.block_login .footer
276{
12b3d582
SH
277 text-align: right;
278 clear: both
041cfef9 279}
041cfef9
ME
280.block_login .loginform .c1 {
281 margin: 0.3em 15px;
282 text-align: left;
041cfef9 283}
041cfef9
ME
284/* Theme Selector
285----------------------------*/
041cfef9 286#page-admin-theme-index .generalbox {
12b3d582 287 border: none;
041cfef9 288}
041cfef9 289.theme_screenshot {
12b3d582
SH
290 float: left;
291 width: 300px;
041cfef9 292}
041cfef9 293.theme_screenshot img {
12b3d582 294 width: 275px;
041cfef9 295}
041cfef9 296.theme_screenshot h2 {
12b3d582 297 font-size: 2em;
041cfef9 298}
041cfef9 299.theme_screenshot h3 {
12b3d582
SH
300 font-size: 0.9em;
301 margin: 1em 0 0;
041cfef9 302}
041cfef9 303.theme_screenshot p {
12b3d582
SH
304 font-size: 0.9em;
305 margin: 0 0 1em;
041cfef9 306}
041cfef9 307.theme_description {
12b3d582 308 margin-left: 300px;
041cfef9 309}
041cfef9 310.theme_description h2 {
12b3d582 311 padding-top: 0.5em;
041cfef9 312}
12b3d582 313/*
041cfef9
ME
314Tabs
315-----------------------*/
041cfef9 316.tabtree ul {
12b3d582 317 text-align:center;
041cfef9
ME
318}
319.tabtree .tabrow0 {
12b3d582 320 width:100%;margin:1em 0px;
041cfef9
ME
321}
322.tabtree .tabrow0 li {
12b3d582 323 margin-right:-4px;
041cfef9
ME
324}
325.tabtree .tabrow0 li.here {
12b3d582 326 font-weight: bold;
041cfef9
ME
327}
328.tabtree .tabrow0 li.here a {
12b3d582 329 position:relative;z-index:102;
041cfef9
ME
330}
331.tabtree .tabrow0 li a {
12b3d582
SH
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;
041cfef9
ME
338}
339.tabtree .tabrow0 li a:hover {
12b3d582 340 background-image:url([[pix:theme|tab/left_hover]]);
041cfef9 341}
12b3d582
SH
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;
041cfef9
ME
349}
350.tabtree .tabrow0 li a:hover span {
12b3d582
SH
351 background-image:url([[pix:theme|tab/right_hover]]);
352}
041cfef9 353.tabtree .tabrow0 ul,
12b3d582
SH
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;
041cfef9
ME
361}
362.tabtree .tabrow0 li.here .empty {
12b3d582
SH
363 display:block;
364 height:1px;
365 overflow:hidden;
366 padding:0px;
367 position:absolute;
368 width:100%;
369 bottom:-4px;
041cfef9
ME
370}
371.tabtree .tabrow1 li a,
372.tabtree .tabrow1 li a:hover,
373.tabtree .tabrow1 li a span,
374.tabtree .tabrow1 li a:hover span {
12b3d582 375 background-image:none !important;
041cfef9 376}
041cfef9
ME
377.tabtree a.nolink,
378.tabtree .here ul a.nolink,
379.tabtree a.nolink:hover,
380.tabtree .here ul a.nolink:hover {
12b3d582
SH
381 color: #888;
382 text-decoration: none;
041cfef9
ME
383}
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 {
12b3d582 388 color: black;text-decoration: none;
041cfef9 389}
12b3d582
SH
390/*
391tab styles for ie6 & ie7
041cfef9
ME
392-----------------------*/
393.ie7 .tabtree .tabrow0 li {
12b3d582 394 margin-left: 0;
041cfef9
ME
395}
396.ie7 .tabtree .tabrow0 li.first {
12b3d582 397 margin-right: -4px;
041cfef9
ME
398}
399.ie7 .tabtree .tabrow0 li.onerow {
12b3d582 400 margin-right: 0;
041cfef9
ME
401}
402.ie7 .tabtree .tabrow0 a {
12b3d582
SH
403 display: inline-block;
404 padding: 8px 0 0.35em 13px;
405 line-height: 1.5em;
041cfef9
ME
406}
407.ie7 .tabtree .tabrow0 a span {
12b3d582 408 padding: 10px 1em 10px 0;
041cfef9
ME
409}
410.ie7 .tabtree .tabrow0 div {
12b3d582 411 top: 2.6em;padding: 0.2em 0;
041cfef9
ME
412}
413.ie7 .tabtree .tabrow0 div.empty {
12b3d582 414 margin-right: 0;
041cfef9
ME
415}
416.ie7.mod-quiz div.tabtree a span img.iconsmall {
12b3d582
SH
417 margin: 0;
418 vertical-align: baseline;
419 position: relative;
420 top: 2px;
041cfef9 421}
041cfef9 422.ie6 .tabtree {
12b3d582 423 height: 100%;
041cfef9
ME
424}
425.ie6 .tabtree .tabrow0 {
12b3d582 426 padding-top: 10px;
041cfef9
ME
427}
428.ie6 .tabtree .tabrow0 li {
12b3d582 429 margin-left: 0;
041cfef9
ME
430}
431.ie6 .tabtree .tabrow0 li.first {
12b3d582
SH
432 margin-left: -4px;
433 margin-right: -4px;
041cfef9
ME
434}
435.ie6 .tabtree .tabrow0 li.last a {
12b3d582 436 margin-right: 0;
041cfef9
ME
437}
438.ie6 .tabtree .tabrow0 li.onerow {
12b3d582 439 margin-right: 0;
041cfef9
ME
440}
441.ie6 .tabtree .tabrow0 a {
12b3d582 442 padding: 0 0 0 13px;
041cfef9
ME
443}
444.ie6 .tabtree .tabrow0 a span {
12b3d582 445 padding: 12px 1em 4px 0;
041cfef9
ME
446}
447.ie6 .tabtree .tabrow0 div {
12b3d582
SH
448 top: 3.5em;
449 padding: 0.2em 0;
041cfef9 450}
041cfef9
ME
451.yui-skin-sam .yui-panel-container {
452 z-index: 999999!important;
250633eb 453}
22840847
ME
454body#page-course-view-topics.path-course div.moodle-dialogue-base div.yui3-widget{
455 z-index: 600!important;
456}