dd9f2f8d4058b4329e03b92def3025d9da747bc2
[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 #helppopupbox {
290     padding:10px 0;
292 #helppopupbox p {
293     padding:0 0 5px;
294     margin:0;
295     line-height:1.3em;
297 #helppopupbox .helpheading {
298     font-size:1.2em;
299     padding-bottom:10px;
301 /* Icons
302 -------------------------*/
303 img.icon {
304     margin-right:5px;
306 .action-icon {
307     margin-right:5px;
309 /* Reports
310 -------------------------*/
311 .path-grade-report-grader div.userpic {
312     float:none;
314 .path-admin-report-customlang #translator textarea {
315     width:90%;
317 .path-admin-report-customlang .mform.filterform {
318     width:90%;
320 /* My Moodle
321 -------------------------*/
322 #page-my-index .block {
323     width:auto !important;
325 /* Course topics format
326 -------------------------*/
327 .course-content ul.topics li.section .content h1,
328 .course-content ul.topics li.section .content h2,
329 .course-content ul.topics li.section .content h3,
330 .course-content ul.topics li.section .content h4,
331 .course-content ul.topics li.section .content h5,
332 .course-content ul.topics li.section .content h6 {
333     padding:0;
334     margin:0;
336 /* Course weeks format
337 -------------------------*/
338 .course-content ul.weeks li.section .content h1,
339 .course-content ul.weeks li.section .content h2,
340 .course-content ul.weeks li.section .content h3,
341 .course-content ul.weeks li.section .content h4,
342 .course-content ul.weeks li.section .content h5,
343 .course-content ul.weeks li.section .content h6 {
344     padding:0;
345     margin:0;
347 .categorybox .category {
348     font-size: 100%;
349     font-weight: normal;
350     padding: 0px 0px 0px 10px;
352 li.activity {
353     padding-bottom:5px;
355 .categorylist {
356     padding-bottom:10px;
358 .course {
359     padding-bottom:25px;
361 .course_category_tree .category .courses .course_link {
362     padding:10px 18px;
363     background-position: 0 5px;
365 .coursebox .summary{
366     padding: 10px 0;
368 .que .info{
369     width: 10em;
371 .que .content{
372     margin: 0 0 0 11.5em;
374 /* Quiz
375 -------------------------*/
376 #page-mod-quiz-edit h2.main{
377     display: block;
379 #page-mod-quiz-edit div.question div.content div.questioncontrols{
380     padding: 0;
382 #page-mod-quiz-edit .reorder div.question div.content {
383     line-height: 2em;
385 #page-mod-quiz-edit div.question div.content div.qorder {
386     line-height: 2em;
388 #page-mod-quiz-edit div.reorder .reordercontrols .addnewpagesafterselected,
389 #page-mod-quiz-edit .repaginatecommand{
390     padding-right: 3px;
393 /* Tabs
394 -------------------------*/
395 .tabtree .tabrow0 li.here .empty {
396     display: none;
398 .tabtree .tabrow0 .tabrow1 {
399     margin-top: -1px;
400     line-height: 1.3em;
402 /* Misc Fixes
403 -------------------------*/
404 .editing #big-tag-cloud-box{
405     width: 480px;
407 .generalbox{
408     padding: 5px;
410 .graph{
411     overflow: auto;
413 .path-mod-forum .forumheaderlist .discussion .starter{
414     vertical-align: top;
416 .boxwidthwide{
417     width: 96%;
419 .path-backup .mform .fitem fieldset.felement{
420     width: 100%;
422 .moveselectedonpage input[type=submit]{
423     margin-top: 2px;
425 .userselector div {
426     margin-top: 0;
428 #reportuser_wrapper{
429     margin-bottom: 20px;
431 #page-course-user .graph img{
432     width: 99%;
434 #page-mod-survey-view #surveyform textarea {
435     float: right;
437 .path-admin table.rolecap tr.rolecap th,
438 .path-admin table.rolecap tr.rolecap td {
439     border: 1px solid #dedede;
441 #page-admin-roles-explain #chooseuser h3,
442 #page-admin-roles-usersroles .contextname {
443     margin-top: 0;
444     padding: 5px;
446 .section_add_menus {
447     text-align:left;
449 #page-admin-course-category .generalbox td,
450 #attempts td,
451 .editcourse td,
452 .generaltable td,
453 .plugincompattable td,
454 .environmenttable td,
455 .forumheaderlist td {
456     border: 0 none;
458 .groupmanagementtable #buttonscell input {
459     padding: 3px 40px;
461 /* Jump to menu block
462 -------------------------*/
463 .jumpto_menu ul li form fieldset,
464 .jumpto_menu ul li form div select {
465     width:190px;
467 .block-region .block_jumpto_menu .content {
468     padding-left:0;
469     padding-right:0;
471 /* reduce font size in table overflow
472 -------------------------------------*/
473 #page-course-report .logselectform,
474 #page-course-report .participationselectform,
475 #page-course-report-log-index .logselectform,
476 #page-course-report-participation-index .participationselectform {
477     font-size: 0.9em;
479 #page-admin-plugins #plugins-control-panel {
480     font-size:0.9em;
482 /* php table
483 -------------------------*/
484 .phpinfo{
485     overflow-x: scroll;
488 /* table paging
489 -------------------------*/
490 .paging {
491     padding:10px 0;
493 /* user profiles
494 -------------------------*/
495 .profileeditor {
496     text-align:center;
498 hr {
499     background:none;
500     border-top:1px solid #ddd;
502 /* fix table overflow
503 -------------------------*/
504 #page-admin-setting-htmlsettings .generaltable{
505     font-size:0.9em
507 #adminsettings #admin-emoticons.form-item .form-setting {
508     clear:both;
509     margin:0 0 0 50px;
511 /* icons
512 -------------------------*/
513 img.icon {
514     width:auto;
515     height:auto;
517 /* italic text
518 -------------------------*/
519 strong em, em strong{
520     font-weight: bold;
521     font-style: italic;
523 .initialbar a {
524     padding:0 2px;