MDL-49329 admin: Improve plugins overview page rendering
[moodle.git] / theme / base / style / admin.css
1 /**
2  * Admin
3  **/
4 .formtable tbody th {font-weight: normal;text-align: right;}
6 .path-admin #manageauthtable,
7 .path-admin .admintable {width: 100%;}
9 .path-admin #assignrole {width: 60%;margin-left: auto;margin-right: auto;}
10 .path-admin .admintable .leftalign {text-align: left;}
11 .dir-rtl.path-admin .admintable .leftalign {text-align: right;}
12 .path-admin .admintable .centeralign {text-align: center;}
14 .path-admin .admintable.environmenttable .name,
15 .path-admin .admintable.environmenttable .status,
16 .path-admin .admintable.environmenttable .info {width: 10%;white-space: nowrap;}
18 .path-admin #cohorts .admintable .name {width: 20%;}
19 .path-admin #cohorts .admintable .id,
20 .path-admin #cohorts .admintable .size,
21 .path-admin #cohorts .admintable .action,
22 .path-admin #cohorts .admintable .source {width:10%;}
23 .path-admin #cohorts .admintable .description {width: 40%;}
25 .path-admin .admintable.externalservices .service {width: 30%;}
26 .path-admin .admintable.externalservices .plugin,
27 .path-admin .admintable.externalservices .delete {width: 20%;}
28 .path-admin .admintable.externalservices .functions {width: 20%;}
29 .path-admin .admintable.externalservices .users {width: 20%;}
30 .path-admin .admintable.externalservices .action {width: 10%;}
32 .path-admin .wsoverview.admintable .step {width: 30%;}
33 .path-admin .wsoverview.admintable .status {width: 10%;}
34 .path-admin .wsoverview.admintable .description {width: 60%;}
36 .path-admin #assignrole .admintable .role,
37 .path-admin #assignrole .admintable .userrole,
38 .path-admin #assignrole .admintable .roleholder {white-space: nowrap;}
40 .path-admin .admintable.environmenttable .report {width: 100%;}
42 .path-admin #configchanges .admintable .date {width: 30%;}
43 .path-admin #configchanges .admintable .name,
44 .path-admin #configchanges .admintable .plugin,
45 .path-admin #configchanges .admintable .setting {width: 10%;}
46 .path-admin #configchanges .admintable .newvalue,
47 .path-admin #configchanges .admintable .originalvalue {width: 20%;}
49 .path-admin .securityreport.admintable .issue {width: 30%;}
50 .path-admin .securityreport.admintable .status {width: 10%;}
51 .path-admin .securityreport.admintable .desc {width: 50%;}
52 .path-admin .securityreport.admintable .config {width: 10%;}
53 .path-admin #securityreporttable .admintable  .desc {width: 60%;}
55 #page-admin-index .c0 {vertical-align: top;}
56 #page-admin-index .c1 {vertical-align: middle;}
58 #page-admin-blocks .generaltable th,
59 #page-admin-filters .generaltable th,
60 #page-admin-auth .generaltable th,
61 #page-admin-modules .generaltable th,
62 #page-admin-modules .generaltable td.c0 {white-space: nowrap;padding: 4px;}
64 #page-admin-blocks .generaltable td.cell,
65 #page-admin-filters .generaltable td.cell,
66 #page-admin-modules .generaltable td.cell,
67 #page-admin-auth .generaltable td.cell{padding: 4px;}
69 .path-admin .incompatibleblockstable td.c0 {font-weight: bold;}
71 #page-admin-course-manage .addcategory {padding: 10px;}
72 #page-admin-course-manage .buttons {margin-bottom: 15px;}
73 #page-admin-course-manage .editcourse {margin:20px auto;}
74 #page-admin-course-manage .editcourse th,
75 #page-admin-course-manage .editcourse td {padding-left:10px;padding-right:10px;}
76 #page-admin-course-manage .editcourse .count {text-align:right;}
77 #page-admin-course-manage.dir-rtl .editcourse td[align="left"] {text-align: right;}
78 #page-admin-course-manage.dir-rtl .editcourse td[align="right"] {text-align: left;}
80 #page-admin-report-security-index .timewarninghidden {display:none;}
81 #page-admin-report-security-index .statuswarning, #page-admin-report-performance-index .statuswarning {background-color: #f0e000;}
82 #page-admin-report-security-index .statusserious, #page-admin-report-performance-index .statusserious {background-color: #f07000;}
83 #page-admin-report-security-index .statuscritical, #page-admin-report-performance-index .statuscritical {background-color: #f00000;}
84 #page-admin-report-capability-index .rolecaps th {text-align: left;}
85 #page-admin-report-capability-index #settingsform #capabilitysearch {width: 30em;}
87 #page-admin-report-backups-index .backup-report {width:100%;}
88 #page-admin-report-backups-index .backup-error,
89 #page-admin-report-backups-index .backup-unfinished {color: #f00000;}
90 #page-admin-report-backups-index .backup-skipped,
91 #page-admin-report-backups-index .backup-ok {color: #006400;}
92 #page-admin-report-backups-index .backup-warning {color: #ff9900;}
93 #page-admin-report-backups-index .backup-notyetrun {color: #006400;}
95 #page-admin-qbehaviours .disabled {color: gray;}
96 #page-admin-qbehaviours th {white-space: normal;}
97 #page-admin-qbehaviours .cell.c1,
98 #page-admin-qbehaviours .cell.c2 {text-align: right;}
99 #page-admin-qbehaviours .cell.c3 {font-size: 0.7em;}
100 #page-admin-qbehaviours #qbehaviours div,
101 #page-admin-qbehaviours #qbehaviours form {display: inline;}
102 #page-admin-qbehaviours #qbehaviours img.spacer {width: 16px;}
103 #page-admin-qbehaviours #qbehaviours img { padding-right: .45em; }
105 #page-admin-qtypes .disabled {color: gray;}
106 #page-admin-qtypes th {white-space: normal;}
107 #page-admin-qtypes .cell.c1,
108 #page-admin-qtypes .cell.c2 {text-align: right;}
109 #page-admin-qtypes .cell.c3 {font-size: 0.7em;}
110 #page-admin-qtypes #qtypes div,
111 #page-admin-qtypes #qtypes form {display: inline;}
112 #page-admin-qtypes #qtypes img.spacer {width: 16px;}
113 #page-admin-qtypes #qtypes img { padding-right: .45em; vertical-align: text-bottom; }
115 .path-admin-roles .buttons .singlebutton,
116 #page-admin-course-manage .buttons {
117   display: inline;
118   padding: 5px;
121 .path-admin-roles .capabilitysearchui {text-align: left;margin-left: auto;margin-right: auto;}
122 #page-admin-roles-define .topfields {margin: 1em 0 2em;}
123 #page-admin-roles-define .mform {width: 100%;}
124 #page-admin-roles-define .capdefault {background-color: #eee; border: 1px solid #cecece;}
125 #page-filter-manage .backlink,
126 .path-admin-roles .backlink {margin-top: 1em}
127 #page-admin-roles-explain #chooseuser h3,
128 #page-admin-roles-usersroles .contextname {margin-top: 0;}
129 #page-admin-roles-explain #chooseusersubmit {margin-top:0;text-align: center;}
130 #page-admin-roles-usersroles p {margin: 0;}
131 #page-admin-roles-override .cell.c1,
132 #page-admin-roles-assign .cell.c3,
133 #page-admin-roles-assign .cell.c1 {padding-top: 0.75em;}
134 #page-admin-roles-override .overridenotice,
135 #page-admin-roles-define .definenotice {margin: 1em 10% 2em 10%;text-align: left;}
137 #page-admin-index .adminerror {background-color:#ffd3d9 }
138 #page-admin-index .adminerror .singlebutton,
139 #page-admin-index .adminwarning .singlebutton,
140 #page-admin-index #layout-table .singlebutton {margin:20px;}
142 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo {line-height:1.8;margin:20px auto;width:60%;text-align:left;}
143 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .info.release {margin-right:10px;padding:5px 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
144 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {background-color:#ffd3d9;}
145 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
146 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {background-color:#f3f2aa;}
147 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {background-color:#d2ebff;}
148 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span,
149 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo a {padding-right:1em;}
150 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator {border-left:1px dotted #333;}
152 #page-admin-index .updateplugin div,
153 #page-admin-plugins .updateplugin div {margin-bottom:0.5em;}
154 #page-admin-index .updateplugin .updatepluginconfirmexternal,
155 #page-admin-plugins .updateplugin .updatepluginconfirmexternal {padding:1em;background-color:#ffd3d9;border:1px solid #EEAAAA}
157 #page-admin-plugins .uninstalldeleteconfirmexternal {margin:1em auto;padding:1em;background-color:#ffd3d9;border:1px solid #EEAAAA}
159 #page-admin-user-user_bulk #users .fgroup {white-space: nowrap;}
160 #page-admin-report-stats-index .graph {text-align: center;margin-bottom: 1em;}
161 #page-admin-report-courseoverview-index .graph {text-align: center;margin-bottom: 1em;}
162 #page-admin-lang .translator {border-width: 1px;border-style: solid;}
164 #page-admin-uploaduser table#uuresults {margin-bottom: 2em;}
165 #page-admin-uploaduser table#uupreview,
166 #page-admin-uploaduser table#uuresults td.cell {padding:3px;}
168 /** This is the CSS for the role assignment control **/
169 .path-admin .roleassigntable {width: 100%;}
170 .path-admin .roleassigntable td {vertical-align: top;padding: 0.2em 0.3em}
171 .path-admin .roleassigntable p {text-align: left;margin: 0.2em 0;}
172 .path-admin .roleassigntable #existingcell,
173 .path-admin .roleassigntable #potentialcell {width: 42%;}
174 .path-admin .roleassigntable #existingcell label,
175 .path-admin .roleassigntable #potentialcell label {font-weight: bold;}
176 .path-admin .roleassigntable #buttonscell {width: 16%;}
177 .path-admin .roleassigntable #buttonscell #add,
178 .path-admin .roleassigntable #buttonscell #remove {width: 100%;margin: 0.3em 0;padding: 0.5em 0;}
179 .path-admin .roleassigntable #buttonscell p {margin: 0.3em 0;}
180 .path-admin .roleassigntable #buttonscell #assignoptions {font-size: 0.75em;}
181 .path-admin .roleassigntable #buttonscell #assignoptions .collapsibleregioncaption {font-weight: bold;}
182 .path-admin .roleassigntable #buttonscell #addcontrols {margin-top: 3em;height: 13em;}
183 .path-admin .roleassigntable #removeselect_wrapper,
184 .path-admin .roleassigntable #addselect_wrapper {width: 100%;}
185 .path-admin .roleassigntable #removeselect_wrapper label,
186 .path-admin .roleassigntable #addselect_wrapper label {font-weight: normal;}
188 .path-admin table.rolecap {margin-left: auto;margin-right: auto;}
189 .path-admin table.rolecap tr.rolecap th {text-align: left;font-weight: normal;}
190 .path-admin.dir-rtl table.rolecap tr.rolecap th {text-align: right;}
191 .path-admin .rolecap .hiddenrow {display: none;}
192 .path-admin .rolecap .inherit,
193 .path-admin .rolecap .allow,
194 .path-admin .rolecap .prevent,
195 .path-admin .rolecap .prohibit {text-align:center;}
196 .path-admin .rolecap .cap-name,
197 .path-admin .rolecap .note {display: block;padding: 0 0.5em;}
198 .path-admin .rolecap label {display: block;width: 100%;min-height: 2.5em;}
200 #page-admin-enrol .enrolplugintable {width:100%;}
202 .plugincheckwrapper {width: 100%;}
203 .adminsearchform {padding-top:10px;}
204 .environmentbox {margin-top: 1em;}
205 #mnetconfig table,
206 .environmenttable {margin-left:auto;margin-right:auto;}
207 .environmenttable .cell {padding: 0.15em 0.5em;}
208 .environmenttable img.iconhelp { padding-right: 0.3em;}
209 .dir-rtl .environmenttable img.iconhelp { padding-left: 0.3em; padding-right: 0}
210 #trustedhosts .generaltable {margin-left: auto;margin-right: auto;width: 500px;}
211 #trustedhosts .standard {width: auto;}
212 .form-buttons {margin: 10px 0 0 13em;}
214 #adminsettings fieldset {margin-top: 1em;padding: 1em 0.5em;}
215 #adminsettings legend {display: none;}
216 #adminsettings fieldset.error {margin: 0.2em 0 0.5em 0;padding: 0.5em 0 0 0;}
217 #adminsettings fieldset.error legend {display: block;}
218 #adminsettings .form-item {clear: both;margin: 1em 0 2em 0;}
219 #adminsettings .form-item .form-label {display: block;float: left;width: 12.5em;text-align: right;}
220 .dir-rtl #adminsettings .form-item .form-label {float:right;}
221 #adminsettings .form-item .form-label .form-shortname {display:block;}
222 .dir-rtl #adminsettings .form-item .form-label .form-shortname {text-align: left;}
223 #adminsettings .form-item .form-setting {display: block;margin-left: 13.5em;text-align: left;}
224 .dir-rtl #adminsettings .form-item .form-setting {margin-right: 13.5em; margin-left: auto;text-align: right;}
225 .dir-rtl #admin-spelllanguagelist textarea,
226 #page-admin-setting-editorsettingstinymce.dir-rtl .form-textarea textarea {text-align: left;direction: ltr;}
227 #adminsettings .form-item .form-setting .form-htmlarea {width:  640px;display:inline;}
228 #adminsettings .form-item .form-setting .form-htmlarea .htmlarea {width:  640px;display:block;}
229 #adminsettings .form-item .form-setting .form-multicheckbox li {list-style: none;}
230 #adminsettings .form-item .form-setting .form-multicheckbox ul {padding:0;margin:0;}
231 #adminsettings .form-item .form-setting .defaultsnext {margin-right: 0.5em;display: inline;}
232 #adminsettings .form-item .form-setting .locked-checkbox {margin-right: 0.2em; margin-left: 0.5em;display: inline;}
233 .dir-rtl #adminsettings .form-item .form-setting .locked-checkbox {margin-right: 0.5em; margin-left: 0.2em;display: inline;}
234 #adminsettings .form-item .form-setting .form-password .unmask,
235 #adminsettings .form-item .form-setting .form-defaultinfo {display: inline;}
236 #adminsettings .form-item .form-description {display: block;margin: 0.5em 0 0em 14.25em;text-align: left;}
237 .dir-rtl #adminsettings .form-item .form-description {margin: 0.5em 14.25em 0em 0em;}
238 #adminsettings .form-item .pathok,
239 #adminsettings .form-item .patherror {margin-left: 0.5em;}
240 #adminsettings #admin-emoticons table td input {width: 8em;}
241 #adminsettings #admin-emoticons table td.c0 input {width: 4em;}
242 #adminsettings .form-overridden {background-color: yellow;}
244 #adminthemeselector .selectedtheme td.c0 {border:1px solid;border-right-width:0;}
245 #adminthemeselector .selectedtheme td.c1 {border:1px solid;border-left-width:0;}
247 .admin_colourpicker,
248 .admin_colourpicker_preview {display:none;}
249 .jsenabled .admin_colourpicker_preview {display:inline;}
250 .jsenabled .admin_colourpicker {display:block;height:102px;width:410px;margin-bottom:10px;}
251 .admin_colourpicker .loadingicon {vertical-align:middle;margin-left:auto;}
252 .admin_colourpicker .colourdialogue {float:left;border:1px solid #000;}
253 .admin_colourpicker .previewcolour {border:1px solid #000;margin-left:301px;}
254 .admin_colourpicker .currentcolour {border:1px solid #000;margin-left:301px;border-top-width:0;}
256 /* Styles for flags on admin settings */
257 .adminsettingsflags { float: right; }
258 .dir-rtl .adminsettingsflags { float: left; }
259 .adminsettingsflags label { margin-right: 7px; }
260 .dir-rtl .adminsettingsflags label { margin-left: 7px; }
262 /** Overide for RTL layout **/
263 .dir-rtl #adminsettings .form-item  .form-setting,
264 .dir-rtl #adminsettings .form-item  .form-label,
265 .dir-rtl #adminsettings .form-item .form-description {text-align: right}
266 .dir-rtl.path-admin .roleassigntable p {text-align: right;}
268 /** Plugins check */
269 #page-admin-index .checkforupdates {text-align:center;}
270 #page-admin-index #plugins-check-info {text-align:center;margin:1em;}
271 #page-admin-index #plugins-check td {vertical-align: top;}
272 #page-admin-index #plugins-check {margin-left:auto; margin-right:auto;}
273 #page-admin-index #plugins-check .displayname .pluginicon {width:16px;margin-right:5px}
274 #page-admin-index #plugins-check .displayname .plugindir {font-size:0.7em;color:#999;}
275 #page-admin-index #plugins-check .msg td {text-align:center;}
276 #page-admin-index #plugins-check .status-downgrade .status {background-color:#ffd3d9;}
277 #page-admin-index #plugins-check .status-missing .status {background-color:#ffd3d9;}
278 #page-admin-index #plugins-check .status-new .status {background-color:#e7f1c3;}
279 #page-admin-index #plugins-check .status-nodb .status .statustext {color:#999;}
280 #page-admin-index #plugins-check .status-delete .status {background-color:#d2ebff;}
281 #page-admin-index #plugins-check .status-upgrade .status {background-color:#d2ebff;}
282 #page-admin-index #plugins-check .status-uptodate .status .statustext {color:#999;}
283 #page-admin-index #plugins-check .status .sourcetext:after {content:" / ";}
284 #page-admin-index #plugins-check .standard .status .sourcetext {color:#999;}
285 #page-admin-index #plugins-check .requires ul {font-size:0.7em;margin:0;}
286 #page-admin-index #plugins-check .requires li {display:block;}
287 #page-admin-index #plugins-check .requires-ok {color:#999;}
288 #page-admin-index #plugins-check .requires-failed {background-color:#ffd3d9;}
289 #page-admin-index #plugins-check .requires-failed .label-important {color:red;}
290 #page-admin-index #plugins-check .pluginupdateinfo {padding:5px;margin:10px 0;background-color:#d2ebff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
291 #page-admin-index #plugins-check .pluginupdateinfo.maturity50 {background-color:#ffd3d9;}
292 #page-admin-index #plugins-check .pluginupdateinfo.maturity100,
293 #page-admin-index #plugins-check .pluginupdateinfo.maturity150 {background-color:#f3f2aa;}
294 #page-admin-index #plugins-check .pluginupdateinfo .info {display:inline-block;}
295 #page-admin-index #plugins-check .pluginupdateinfo .separator:after {content:" | ";}
296 #page-admin-index .upgradepluginsinfo {text-align:center;}
297 #page-admin-index .plugins-check-dependencies {text-align:center;}
298 #page-admin-index #plugins-check-available-dependencies {margin-left:auto; margin-right:auto;}
300 /** Plugins management */
301 #page-admin-plugins .checkforupdates {margin:0 auto 1em;text-align:center;}
302 #page-admin-plugins #plugins-control-panel {margin-left:auto; margin-right:auto;}
303 #page-admin-plugins #plugins-control-panel .pluginname .pluginicon {width:16px;}
304 #page-admin-plugins #plugins-control-panel .pluginname .componentname {font-size:0.8em;color:#999;margin-left:26px;}
305 #page-admin-plugins #plugins-control-panel .statusmsg {background-color:#eee;padding:3px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
306 #page-admin-plugins #plugins-control-panel .status-missing td {background-color:#ffd3d9;}
307 #page-admin-plugins #plugins-control-panel .status-missing .statusmsg {color:#600;}
308 #page-admin-plugins #plugins-control-panel .status-new td {background-color:#e7f1c3;}
309 #page-admin-plugins #plugins-control-panel .status-new .statusmsg {color:#060;}
310 #page-admin-plugins #plugins-control-panel .disabled .availability {background-color:#eee;}
311 #page-admin-plugins #plugins-control-panel .msg td {text-align:center;}
312 #page-admin-plugins #plugins-control-panel .requiredby {font-size:0.8em;color:#999;}
313 #page-admin-plugins #plugins-overview-panel {margin:1em auto;text-align:center;}
314 #page-admin-plugins #plugins-overview-panel .info {padding:5px 10px;}
315 #page-admin-plugins #plugins-control-panel .displayname img.icon { padding-top:0; padding-bottom: 0; }
316 #page-admin-plugins #plugins-control-panel .uninstall a {color:#900;}
317 #page-admin-plugins #plugins-control-panel .pluginupdateinfo {padding:5px;margin:10px 0;background-color:#d2ebff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
318 #page-admin-plugins #plugins-control-panel .pluginupdateinfo.maturity50 {background-color:#ffd3d9;}
319 #page-admin-plugins #plugins-control-panel .pluginupdateinfo.maturity100,
320 #page-admin-plugins #plugins-control-panel .pluginupdateinfo.maturity150 {background-color:#f3f2aa;}
321 #page-admin-plugins #plugins-control-panel .pluginupdateinfo .info {display:inline-block;}
322 #page-admin-plugins #plugins-control-panel .pluginupdateinfo .separator:after {content:" | ";}
323 .dir-rtl #plugins-check .pluginupdateinfo {text-align: center;direction: ltr;}
324 .dir-rtl #plugins-check .requires-ok {text-align: left;direction: ltr;}
326 /** MNet networking */
327 #page-admin-mnet-peers .box.deletedhosts {margin-bottom:1em;font-size:80%;}
328 #page-admin-mnet-peers .mform .certdetails {background-color:white;}
329 #page-admin-mnet-peers .mform .deletedhostinfo {background-color:#ffd3d9;border: 2px solid #eeaaaa;padding:4px;margin-bottom:5px;}
331 #core-cache-plugin-summaries table,
332 #core-cache-store-summaries table {width:100%;}
333 #core-cache-lock-summary table,
334 #core-cache-definition-summaries table,
335 #core-cache-mode-mappings table {margin:0 auto;}
336 #core-cache-store-summaries .default-store td {color:#333;font-style: italic;}
337 #core-cache-rescan-definitions,
338 #core-cache-mode-mappings .edit-link,
339 #core-cache-lock-summary .new-instance {margin-top:0.5em;text-align:center;}
340 #core-cache-store-summaries .store-requires-attention {background-color:#ffd3d9;}
342 .tinymcesubplugins img.icon { padding-top: 0; padding-bottom: 0; }
343 .maintenancewarning {padding:3px 1em;text-align:center;position:fixed;bottom:0;right:0;overflow:hidden;z-index:1;}
344 .maintenancewarning.error {background-color:#F2DEDE;border:2px solid #EED3D7;font-weight:bold;}
345 .maintenancewarning.warning {background-color:#ffd3d9;border:2px solid #EED3D7;}