MDL-29614 theme_formal_white: Change the way Formal White theme shrinks pages
[moodle.git] / theme / formal_white / style / formal_white.css
1 /***
2  *** Core
3  ***/
5 html, body {
6     font-family:Arial, Verdana, Helvetica, sans-serif;
7     margin:0;
8     padding:0;
9     background-color:#EFEFEF;
10     font-size:[[setting:fontsizereference]];
11 }
13 a:link {text-decoration:none;color:black;}
14 a:visited {text-decoration:none;color:black;}
15 a:hover {text-decoration:underline;color:black;}
17 h1 {font-size:140%;font-weight:bold;}
18 h2 {font-size:130%;}
19 h3 {font-size:120%;}
20 h4 {font-weight:bold;}
22 h1.headerheading {margin:14px 11px 8px 11px;float:left;font-size:200%;}
23 h2.main, h3.main, h4.main {margin:0;padding:0;text-align:center;}
25 /* page-header */
26 #page-header{line-height:0;overflow:hidden;}
28 /* headerlogo */
29 #headerlogo {position:relative;margin:0.3em;}
30   /* if I use: position:absolute; I even need height:105px; in #page-header */
31   /* if I use: position:relative; z-index doesn't work*/
33 /* headermenu */
34 .headermenu {position:absolute;text-align:right;line-height:1.7em;font-size:90%;margin:0.3em;right:[[setting:headermenuright]];top:15px;}
36 #dock {background-color:[[setting:blockcontentbgc]];border-right:1px #000 dashed;}
37 #dock .dockeditem_container {margin-top: 10px;}
38 #dock #dockeditempanel .dockeditempanel_hd {background-image:url([[pix:theme|gradient_h]]);background-repeat:repeat-x;text-align:left;height:1.8em;background-color:#E3DFD4;}
39 #dock #dockeditempanel .dockeditempanel_hd h2 {display:block;padding-left:0.3em;margin-top:0;text-align:left;}
40 #dock #dockeditempanel .dockeditempanel_hd .commands {position:absolute;right:0.3em;top:0.25em;}
42 /* navbar */
43 .navbar {width:auto;padding-top:0.35em;padding-bottom:0.15em;background-image:url([[pix:theme|bg_bread]]);background-color:#AB9D80;}
44 .navbar li span {color:#E3DFD4;}
45 .navbar li a:link, .navbar li a:visited {color:white;}
47 #page-content {
48     /* min-width here is useless until min-width in frame.css/#frametop is gretaer enought to hold this #page-content min-width */
49     /* #page-content min-width is inherited by parent themes */
50     /* #page-content min-width = 0 frees me from possible related problems */
51     min-width:0;
52 }
54 /* navbutton */
55 .navbutton {padding-right:0.5em;}
56 .navbutton table td {padding:0;}
58 /*.block_navigation .block_tree li.type_category.contains_branch>p span {
59     padding-left: 20px;
60     background-image: url([[pix:theme|folderopen]]);
61     background-repeat: no-repeat;
62     background-position: 0 -1px;
63 }
65 .block_navigation .block_tree li.type_category.contains_branch.collapsed>p span {
66     padding-left: 20px;
67     background-image: url([[pix:theme|folderclose]]);
68     background-repeat: no-repeat;
69     background-position: 0 -1px;
70 }*/
72 .block_settings .block_tree .tree_item a:link,
73 .block_settings .block_tree .tree_item a:visited,
74 .block_settings .block_tree .tree_item a:active,
75 .block_navigation .block_tree .tree_item a:link,
76 .block_navigation .block_tree .tree_item a:visited,
77 .block_navigation .block_tree .tree_item a:active {
78     color:#000;
79 }
81 /* breadcrumb */
82 .breadcrumb {margin-left:0.8em;}
84 /* generalbox */
85 .generalbox {border-color:#E3DFD4;padding:1em;}
87 /* generalbox */
88 #page-admin-setting-manageauths .generalbox {border:none;}
90 /* generalbox */
91 #page-enrol-instances .generalbox {border:none;}
92 #page-enrol-instances .select.menujump {margin-left:0.5em;}
94 /* environmenttable */
95 .environmenttable .error {
96     background-color: red;
97 }
99 .environmenttable .warn {
100     background-color: yellow;
103 .environmenttable .ok {
104     background-color: lime;
107 /* adminsettings */
108 #adminsettings .form-overridden {
109     background-color: yellow;
112 /* tables */
113 .editcourse th,
114 .editcourse td,
115 .generaltable th,
116 .generaltable td,
117 #page-admin-course-category .generalbox th,
118 #page-admin-course-category .generalbox td,
119 #attempts th,
120 #attempts td,
121 .plugincompattable th,
122 .plugincompattable td,
123 .environmenttable th,
124 .environmenttable td,
125 .forumheaderlist td,
126 .forumheaderlist th {
127     border: 1px solid #E3DFD4;
128     border-collapse: collapse;
131 th.header,
132 .formtable tbody th,
133 .generalbox th,
134 .generaltable th.header {background-image:url([[pix:theme|gradient_h]]);background-repeat:repeat-x;border-top:1px #C6BDA8 solid;background-color:#E3DFD4;}
135 /*#modules, .compatibleblockstable {margin-left:auto; margin-right:auto;} waiting for MDL-26760*/
137 /* admin pages */
138 div#chooseuser {border:0 transparent none;}
139 table.groupmanagementtable,
140 table.groupmanagementtable tr,
141 table.groupmanagementtable td {border-width:0px;}
142 table.groupmanagementtable td#buttonscell {vertical-align:middle;text-align:center;}
143 table#defineroletable tr.rolecapheading {background-image:url([[pix:theme|gradient_h]]);background-repeat:repeat-x;background-color:#E3DFD4;}
144 /*table#defineroletable tr.rolecap {border-top:1px #F30 dashed;}*/
145 tr.rolecap {border-top:1px #F30 dashed;}
146 tr.rolecapheading + tr.rolecap {border-top:none;}
148 /* course categories */
149 #page-admin-course-index .editcourse td div.singleselect {text-align:left;}
151 /* course */
152 /* ul.topics .section span.commands {float:right;} /* distanza dei comandi dagli elementi del corso */
153 ul.topics .section span.commands {position:absolute;right:1em;}
155 .mform fieldset {border:1px #DDD solid;}
156 .mform .fitem .fitemtitle {width:25%;}
157 .mform .fitem .fitemtitle label {padding-right:5px;}
158 .mform .fitem .felement {margin-left:26%;width:73%;min-height: 0.8em;}
159 /*.mform .fitem fieldset.felement {padding-left:0}*/
160 .mform .fitem .fitemtitle .helplink img {margin-right:-5px;}
161 .mform .fsubmit {text-align:left}
162 table td.cell p {margin:0;}
164 /* block */
165 .block {border:1px #C6BDA8 solid;margin-bottom:0.5em;}
166 .block .header h2 {margin:0;padding-left:0.3em;}
167 .block .header .title {background-image:url([[pix:theme|gradient_h]]);background-repeat:repeat-x;clear:both;line-height:2em;background-color:#E3DFD4;}
168 .block .header .title .commands {padding-left:0.3em;text-align:right;}
169 .block .content {background-color:[[setting:blockcontentbgc]];}
171 /* block login */
172 .block_login .btn {margin-top:0.5em;text-align:center;}
174 /* pagelayout-report */
175 .pagelayout-report #page-header {float:left;}
176 .pagelayout-report #page-content {overflow:hidden;}
178 /* notice */
179 #notice div.buttons {margin-bottom:0;}
181 /* page-footer */
182 #page-footer {text-align:center;width:100%;padding:0;}
183 .noframefooter {background-color:#FFF;clear: both;float: left;width:100%;}
184 #page-footer-content {text-align:center;border:7px #E3DFD4 double;margin:0;padding:0.5em;}
185 #page-footer .logininfo {padding:0.3em 0 0.7em 0;}
186 #page-footer .moodledocs {text-align:center;background-color:#EFEFEF;padding:0.7em 0 0.8em 0;}
188 /* js help messages */
189 #helppopupbox .helpheading {margin-top:1em;}
191 /* pre, code, tt */
192 pre, code, tt {
193     font: 1em/1.3 monospace;
196 /* colors in XMLDB editor section are important */
197 #listdirectories,
198 #listtables,
199 #listfields {
200     color:grey;
203 #listdirectories tr.r0,
204 #listtables tr.r0,
205 #listfields tr.r0 {
206     background: none repeat scroll 0 0 #F0F0F0;
209 #listdirectories tr.r1,
210 #listtables tr.r1,
211 #listfields tr.r1 {
212     background: none repeat scroll 0 0 #FAFAFA;
215 #listdirectories .highlight,
216 #listtables .highlight
217 #listfields .highlight {
218     background: none repeat scroll 0 0 [[setting:lblockcolumnbgc]];
221 .notifytiny {
222     font-size: 1em;
225 /* MDL-29403 */
226 .capdefault {background-image:url([[pix:theme|gradient_h]]);background-repeat:repeat-x;background-color:#E3DFD4;}
227 table#defineroletable th {border-top:none;}
229 form.loginform .rememberusername {
230         padding-left:0.3em;
231         width: auto;
234 /** Custom CSS **/
235 [[setting:customcss]]