MDL-35819 AJAX Rewrite Moodle popup help to be more friendly and more efficient
[moodle.git] / theme / splash / style / core.css
1 /********************************************************
2 **
3 ** Theme name: Splash
4 ** Creation Date: 27/1/2012
5 ** Author: Caroline Kennedy - Synergy Learning
6 ** Author URI: http://synergylearning.com
7 **
8 *********************************************************/
10 /* Reset
11 -------------------------*/
12 html{
13     color:#000;
14 }
15 body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code{
16     margin:0;
17     padding:0;
18 }
19 table{
20     border-collapse:collapse;
21     border-spacing:0;
22 }
23 del,ins{
24     text-decoration:none;
25 }
26 caption,th{
27     text-align:left;
28 }
29 h1,h2,h3,h4,h5,h6{
30     font-size:100%;
31     font-weight:normal;
32 }
33 q:before,q:after{
34     content:'';
35 }
36 abbr,acronym{
37     border:0;
38     font-variant:normal
39 }
40 sup{
41     vertical-align:baseline;
42 }
43 sub{
44     vertical-align:baseline;
45 }
46 legend{
47     color:#000;
48 }
49 input,button,textarea,select,optgroup,option{
50     font-family:inherit;
51     font-size:inherit;
52     font-style:inherit;
53     font-weight:inherit;
54 }
55 input,button,textarea,select{
56     *font-size:100%;
57 }
59 /* Structure
60 -------------------------*/
61 html, body#tinymce {
62     margin:0;
63     padding:0;
64 }
65 body {
66     margin:0;
67     padding:0;
68 }
69 body.lang-vi {
70     font:0.75em  Arial, Helvetica, sans-serif;
71 }
72 .clearfix {
73     margin:0;
74     padding:0;
75     clear:both;
76 }
77 #page {
78     font-family: Arial, Helvetica, sans-serif;
79     margin:0 auto;
80     padding:0;
81     width:960px;
82     font-size:0.75em;
83 }
84 #page-content {
85     margin:0 auto;
86     padding:0;
87     width:960px;
88     float:none;
89 }
90 #page-content #region-main  {
91     padding:0 10px;
92 }
93 /* Report pages
94 -------------------------*/
95 .pagelayout-report #page {
96     width:960px;
97 }
98 .pagelayout-report #page-content {
99     width:960px;
100     margin:0 auto;
101     padding:0;
103 .pagelayout-report #page-footer {
104     width:960px;
105     margin:0 auto;
106     padding:0;
108 .pagelayout-report #report-main-content .region-content {
109     margin-left:230px;
111 .pagelayout-report #page-content .region-content {
112     padding:10px 0;
114 .pagelayout-report #page-content .region-content .generaltable {
115     font-size: 0.9em;
116     margin: 0;
117     padding: 0;
118     width: 100%;
120 /* Headers
121 -------------------------*/
122 #page-header {
123     display:block;
124     margin:0 auto;
125     padding:0;
127 /* Login Page
128 -------------------------*/
129 #page-login-index #content {
130     font-size: 0.85em;
132 .loginbox {
133     margin:15px 25%;
134     width:50%;border:none;
136 .loginbox.twocolumns {
137     width:90%;
138     margin:15px 5%;
140 .loginbox,
141 .loginbox.twocolumns .loginpanel,
142 .loginbox .subcontent {
143     border-color:#ddd;
145 .loginbox .guestsub,
146 .loginbox .forgotsub,
147 .loginbox .potentialidps {
148     border-top:1px solid #ddd;
150 .loginbox .loginform .form-input #username,
151 .loginbox .loginform .form-input #password {
152     border:1px solid #ddd;
154 /* Tiny MCE
155 -------------------------*/
156 .mceContentBody  {
157     background-color:#fff;
158     color:#000;
160 /* Moodle Forms
161 -------------------------*/
162 .mform .fitem fieldset.felement {
163     margin:0;padding:0;
165 .mform .fpassword .unmask input {
166     margin:0;padding:0;
168 .mform .fitem .fitemtitle {
169     font-weight:bold;
170     width:25%;
171     text-align:left;
173 .mform .fitem .felement {
174     margin-left:25%;
175     width:70%;
177 .mform .fitem {
178     margin:0;
179     padding:5px 0;
181 .mform fieldset{
182     overflow: visible;
183  }
184 #page-admin-register .mform .fsubmit {
185     padding:20px;
186     text-align:center;
188 /* html editor fixed width
189 -------------------------*/
190 textarea#id_summary_editor {width:420px;}
191 textarea#id_description {width:420px;}
192 textarea#id_message {width:420px;}
194 .felement .feditorselect select {
195     margin-top:10px !important;
197 /* Admin forms
198 -------------------------*/
199 #adminsettings .form-item .form-label .form-shortname {
200     word-wrap:break-word; /*CSS3*/
202 #adminsettings .form-item .form-label {
203     margin-right:10px;
205 #page-question-type-multianswer fieldset {
206     text-align: right;
208 /* Filters
209 -------------------------*/
210 .mediaplugin {
211     display:block;
212     clear:both;
213     margin-top:5px;
214     margin-bottom:5px;
216 .mediaplugin_mp3,
217 .mediaplugin_swf,
218 .mediaplugin_flv {
219     display:inline;
220     clear:none;
221     margin:0px;
222     margin-left:0.5em;
223  }
224 .texrender {
225     border:0px;
226     vertical-align:middle;
228 /* Groups
229 ------------------------*/
230 #page-group-groupings .buttons {
231     margin: 20px;
232     text-align:center;
234 #page-group-groupings .buttons .singlebutton {
235     display: inline;
236     padding: 5px;
238 .groupmanagementtable {
239     width: 90%;
241 .groupmanagementtable p {
242     text-align: left;
243     margin-bottom: 0.2em;
245 .groupmanagementtable #existingcell label,
246 .groupmanagementtable #potentialcell label {
247     font-weight: bold;
249 .groupmanagementtable #buttonscell p {
250     text-align: center;
252 .groupmanagementtable #buttonscell input {
253     padding:3px 0;
255 .groupmanagementtable #buttonscell #remove {
256     margin: 7em 0;
258 .groupmanagementtable #backcell {
259     padding-top: 2em;
260     text-align: center;
262 /* Custom styling login block
263 ------------------------------*/
264 .block-region .block_login .content {
265     padding:10px;
267 .block-region .block_login label{
268     margin: 5px 0px 10px 5px;
270 .block-region .block_login input[type=text] {
271     margin: 5px 0;
272     padding: 5px;
274 .block-region .block_login input[type=password] {
275     margin: 5px 0;
276     padding: 5px;
278 /* Messages
279 -------------------------*/
280 .block_messages .info,
281 .block_online_users .info {
282     font-size:1em;
284 /* Help link/box
285 -------------------------*/
286 .helplink img {
287     margin-left:5px;
289 /* Icons
290 -------------------------*/
291 img.icon {
292     margin-right:5px;
294 .action-icon {
295     margin-right:5px;
297 /* Reports
298 -------------------------*/
299 .path-grade-report-grader div.userpic {
300     float:none;
302 .path-admin-report-customlang #translator textarea {
303     width:90%;
305 .path-admin-report-customlang .mform.filterform {
306     width:90%;
308 /* My Moodle
309 -------------------------*/
310 #page-my-index .block {
311     width:auto !important;
313 /* Course topics format
314 -------------------------*/
315 .course-content ul.topics li.section .content h1,
316 .course-content ul.topics li.section .content h2,
317 .course-content ul.topics li.section .content h3,
318 .course-content ul.topics li.section .content h4,
319 .course-content ul.topics li.section .content h5,
320 .course-content ul.topics li.section .content h6 {
321     padding:0;
322     margin:0;
324 /* Course weeks format
325 -------------------------*/
326 .course-content ul.weeks li.section .content h1,
327 .course-content ul.weeks li.section .content h2,
328 .course-content ul.weeks li.section .content h3,
329 .course-content ul.weeks li.section .content h4,
330 .course-content ul.weeks li.section .content h5,
331 .course-content ul.weeks li.section .content h6 {
332     padding:0;
333     margin:0;
335 .categorybox .category {
336     font-size: 100%;
337     font-weight: normal;
338     padding: 0px 0px 0px 10px;
340 li.activity {
341     padding-bottom:5px;
343 .categorylist {
344     padding-bottom:10px;
346 .course {
347     padding-bottom:25px;
349 .course_category_tree .category .courses .course_link {
350     padding:10px 18px;
351     background-position: 0 5px;
353 .coursebox .summary{
354     padding: 10px 0;
356 .que .info{
357     width: 10em;
359 .que .content{
360     margin: 0 0 0 11.5em;
362 /* Quiz
363 -------------------------*/
364 #page-mod-quiz-edit h2.main{
365     display: block;
367 #page-mod-quiz-edit div.question div.content div.questioncontrols{
368     padding: 0;
370 #page-mod-quiz-edit .reorder div.question div.content {
371     line-height: 2em;
373 #page-mod-quiz-edit div.question div.content div.qorder {
374     line-height: 2em;
376 #page-mod-quiz-edit div.reorder .reordercontrols .addnewpagesafterselected,
377 #page-mod-quiz-edit .repaginatecommand{
378     padding-right: 3px;
381 /* Tabs
382 -------------------------*/
383 .tabtree .tabrow0 li.here .empty {
384     display: none;
386 .tabtree .tabrow0 .tabrow1 {
387     margin-top: -1px;
388     line-height: 1.3em;
390 /* Misc Fixes
391 -------------------------*/
392 .editing #big-tag-cloud-box{
393     width: 480px;
395 .generalbox{
396     padding: 5px;
398 .graph{
399     overflow: auto;
401 .path-mod-forum .forumheaderlist .discussion .starter{
402     vertical-align: top;
404 .boxwidthwide{
405     width: 96%;
407 .path-backup .mform .fitem fieldset.felement{
408     width: 100%;
410 .moveselectedonpage input[type=submit]{
411     margin-top: 2px;
413 .userselector div {
414     margin-top: 0;
416 #reportuser_wrapper{
417     margin-bottom: 20px;
419 #page-course-user .graph img{
420     width: 99%;
422 #page-mod-survey-view #surveyform textarea {
423     float: right;
425 .path-admin table.rolecap tr.rolecap th,
426 .path-admin table.rolecap tr.rolecap td {
427     border: 1px solid #dedede;
429 #page-admin-roles-explain #chooseuser h3,
430 #page-admin-roles-usersroles .contextname {
431     margin-top: 0;
432     padding: 5px;
434 .section_add_menus {
435     text-align:left;
437 #page-admin-course-category .generalbox td,
438 #attempts td,
439 .editcourse td,
440 .generaltable td,
441 .plugincompattable td,
442 .environmenttable td,
443 .forumheaderlist td {
444     border: 0 none;
446 .groupmanagementtable #buttonscell input {
447     padding: 3px 40px;
449 /* Jump to menu block
450 -------------------------*/
451 .jumpto_menu ul li form fieldset,
452 .jumpto_menu ul li form div select {
453     width:190px;
455 .block-region .block_jumpto_menu .content {
456     padding-left:0;
457     padding-right:0;
459 /* reduce font size in table overflow
460 -------------------------------------*/
461 #page-course-report .logselectform,
462 #page-course-report .participationselectform,
463 #page-course-report-log-index .logselectform,
464 #page-course-report-participation-index .participationselectform {
465     font-size: 0.9em;
467 #page-admin-plugins #plugins-control-panel {
468     font-size:0.9em;
470 /* php table
471 -------------------------*/
472 .phpinfo{
473     overflow-x: scroll;
476 /* table paging
477 -------------------------*/
478 .paging {
479     padding:10px 0;
481 /* user profiles
482 -------------------------*/
483 .profileeditor {
484     text-align:center;
486 hr {
487     background:none;
488     border-top:1px solid #ddd;
490 /* fix table overflow
491 -------------------------*/
492 #page-admin-setting-htmlsettings .generaltable{
493     font-size:0.9em
495 #adminsettings #admin-emoticons.form-item .form-setting {
496     clear:both;
497     margin:0 0 0 50px;
499 /* icons
500 -------------------------*/
501 img.icon {
502     width:auto;
503     height:auto;
505 /* italic text
506 -------------------------*/
507 strong em, em strong{
508     font-weight: bold;
509     font-style: italic;
511 .initialbar a {
512     padding:0 2px;