[ Index ] |
PHP Cross Reference of moodle-2.8 |
[Summary view] [Print] [Text view]
1 /** 2 * Required to undo YUI resets that override input size, margin, etc. 3 */ 4 input[type=text],input[type=password],textarea{width:auto;} 5 input[type=checkbox],input[type=radio]{margin-right: 7px;} 6 7 /* Fix for YUI overriding styles */ 8 strong{font-style:inherit;}em{font-weight:inherit;} 9 10 /** 11 * General 12 */ 13 th, 14 td, 15 a img {border-width:0;} 16 acronym, 17 abbr {cursor: help;} 18 .dir-ltr, 19 .mdl-left, 20 .dir-rtl .mdl-right {text-align: left;} 21 .dir-rtl, 22 .mdl-right, 23 .dir-rtl .mdl-left {text-align: right;} 24 #add, 25 #remove, 26 .centerpara, 27 .mdl-align {text-align: center;} 28 a.dimmed, 29 a.dimmed:link, 30 a.dimmed:visited, 31 a.dimmed_text, 32 a.dimmed_text:link, 33 a.dimmed_text:visited, 34 .dimmed_text, 35 .dimmed_text a, 36 .dimmed_text a:link, 37 .dimmed_text a:visited, 38 .usersuspended, 39 .usersuspended a, 40 .usersuspended a:link, 41 .usersuspended a:visited, 42 .dimmed_category, 43 .dimmed_category a, 44 .dimmed_category a:link, 45 .dimmed_category a:visited { 46 color: #AAA; 47 } 48 .activity.label .dimmed_text { 49 opacity: 0.5; 50 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 51 filter: alpha(opacity=50); 52 } 53 .unlist, 54 .unlist li, 55 .inline-list, 56 .inline-list li, 57 .block .list, 58 .block .list li, 59 .sitetopic .section li.activity, 60 .course-content .section li.activity, 61 .sitetopic .section li.movehere, 62 .course-content .section li.movehere { 63 list-style: none; 64 margin: 0; 65 padding: 0; 66 } 67 .course-content .current {background:#E3E3E3;} 68 69 .inline, 70 .inline-list li {display: inline;} 71 .notifytiny {font-size:0.7em;} 72 .notifytiny li, 73 .notifytiny td {font-size:100%;} 74 .red, 75 .notifyproblem {color:#660000;} 76 .green, 77 .notifysuccess {color:#006600;} 78 .reportlink {text-align:right;} 79 a.autolink.glossary:hover {cursor: help;} 80 /* Block which is hidden if javascript enabled, prevents flickering, visible when JS from footer used! */ 81 .collapsibleregioncaption {white-space: nowrap;} 82 .collapsibleregioncaption img {vertical-align: middle;} 83 .jsenabled .hiddenifjs {display: none;} 84 .visibleifjs {display: none;} 85 .jsenabled .visibleifjs {display: inline;} 86 .jsenabled .collapsibleregion {overflow:hidden;} 87 .jsenabled .collapsed .collapsibleregioninner {visibility: hidden;} 88 .yui-overlay .yui-widget-bd {background-color:#FFEE69;border:1px solid #A6982B;border-top-color: #D4C237;color:#000000;left:0;padding:2px 5px;position:relative;top:0;z-index:1;} 89 .clearer {background:transparent;border-width:0;clear:both;display:block;height:1px;margin:0;padding:0;} 90 .clearfix:after {clear: both;content: ".";display: block;height: 0;min-width: 0;visibility: hidden;} 91 .bold, 92 .warning, 93 .errorbox .title, 94 .pagingbar .title, 95 .pagingbar .thispage, 96 #site-news-forum h2, 97 #frontpage-course-list h2, 98 #frontpage-category-names h2, 99 #frontpage-category-combo h2 {font-weight: bold;} 100 img.resize {height: 1em;width: 1em;} 101 .block img.resize, 102 .breadcrumb img.resize {height: 0.9em;width: 0.8em;} 103 104 /* Icon styles */ 105 img.icon {height:16px;vertical-align:text-bottom;width:16px;padding-right: 6px;} 106 .dir-rtl img.icon {padding-left: 6px; padding-right: 0; } 107 img.iconsmall {height:12px;margin-right:3px; margin-left: 3px;vertical-align:middle;width:12px;} 108 img.iconhelp, .helplink img {height:16px; padding-left:3px;vertical-align:text-bottom;width:16px;} 109 .dir-rtl img.iconhelp, .dir-rtl .helplink img {padding-right: 3px; padding-left: 0; } 110 img.iconlarge {height: 24px; width: 24px; vertical-align:middle;} 111 img.iconsort { vertical-align: text-bottom; padding-left: .3em; margin-bottom: .15em;} 112 .dir-rtl img.iconsort { padding-right: .3em; padding-left: 0;} 113 img.icontoggle {height:17px;vertical-align:middle;width:50px;} 114 img.iconkbhelp {height:17px;width:49px;} 115 img.icon-pre, .dir-rtl img.icon-post { padding-right: 3px; padding-left: 0; } 116 img.icon-post, .dir-rtl img.icon-pre { padding-left: 3px; padding-right: 0; } 117 118 .generalbox {border:1px solid;} 119 .boxaligncenter {margin-left:auto;margin-right:auto;} 120 .boxalignright {margin-left:auto;margin-right:0;} 121 .boxalignleft {margin-left:0;margin-right:auto;} 122 .boxwidthnarrow {width: 30%;} 123 .boxwidthnormal {width: 50%;} 124 .boxwidthwide {width: 80%;} 125 .buttons .singlebutton, 126 .buttons .singlebutton form, 127 .buttons .singlebutton div {display: inline;} 128 .buttons .singlebutton input {margin:20px 5px;} 129 .headermain {font-weight:bold;} 130 #maincontent {display: block;height: 1px;overflow: hidden;} 131 img.uihint {cursor: help;} 132 #addmembersform table {margin-left: auto;margin-right: auto;} 133 .formtable tbody th, 134 .generaltable th.header {vertical-align: top;} 135 .cell {vertical-align: top;} 136 img.emoticon {vertical-align: middle;width: 15px;height: 15px;} 137 form.popupform, 138 form.popupform div {display: inline;} 139 .arrow_button input {overflow:hidden;} 140 .action-icon img.smallicon { vertical-align: text-bottom; margin-left: .45em;} 141 .dir-rtl .action-icon img.smallicon { margin-right: .45em; margin-left: 0;} 142 h1 img.icon, 143 h1 img.iconhelp, 144 h2 img.icon, 145 h2 img.iconhelp, 146 h3 img.icon, 147 h3 img.iconhelp, 148 h4 img.icon, 149 h4 img.iconhelp, 150 h5 img.icon, 151 h5 img.iconhelp, 152 h6 img.icon, 153 h6 img.iconhelp { 154 vertical-align: middle; 155 padding: 4px; 156 } 157 158 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/ 159 .no-overflow {overflow:auto;padding-bottom:1px;} 160 .pagelayout-report .no-overflow {overflow:visible;} 161 .no-overflow > .generaltable {margin-bottom:0;} 162 .ie6 .no-overflow {width:100%;} 163 164 /** IE6 float + background bug solution **/ 165 .ie6 li.section {line-height:1.2em;width:100%;} 166 167 /** 168 * Accessibility features 169 */ 170 /*Accessibility: text 'seen' by screen readers but not visual users. */ 171 .accesshide {position:absolute;left:-10000px;font-weight:normal;font-size:1em;} 172 .dir-rtl .accesshide {top:-30000px;left:auto;} 173 span.hide, 174 div.hide {display:none;} 175 .invisiblefieldset {display:inline;border-width:0;padding:0;margin:0;} 176 /*Accessibility: Skip block link, for keyboard-only users. */ 177 a.skip-block, 178 a.skip {position: absolute;top: -1000em;font-size: 0.85em;text-decoration:none;} 179 a.skip-block:focus, 180 a.skip-block:active, 181 a.skip:focus, 182 a.skip:active {position: static;display: block;} 183 .skip-block-to {display: block;height: 1px;overflow: hidden;} 184 /* Accessibility: only certain fonts support Unicode chars like ► in IE6 */ 185 .arrow, 186 .arrow_button input {font-family: Arial,Helvetica,Courier,sans-serif;} 187 188 /** 189 * Header 190 */ 191 .headermain {float:left;margin:15px;font-size:2.3em;} 192 .headermenu {float:right;margin:10px;font-size:0.8em;text-align:right;} 193 #course-header {clear:both;} 194 195 /** 196 * User menu 197 */ 198 .usermenu { 199 200 } 201 .usermenu .moodle-actionmenu { } 202 .usermenu .moodle-actionmenu .toggle-display { 203 display: block; 204 opacity: 1; 205 height: 40px; 206 line-height: 40px; 207 padding: 6px; 208 color: inherit; 209 } 210 .usermenu .moodle-actionmenu .toggle-display .userbutton { 211 height: 40px; 212 line-height: 40px; 213 } 214 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars { 215 display: inline-block; 216 height: 36px; 217 width: 36px; 218 vertical-align: middle; 219 margin-right: 6px; 220 margin-left: 6px; 221 } 222 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars .avatar, 223 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars img { 224 display: block; 225 } 226 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext { 227 display: inline-block; 228 vertical-align: middle; 229 font-size: 14px; 230 line-height: 1em; 231 color: #777; 232 } 233 .usermenu .moodle-actionmenu:hover .toggle-display .userbutton .usertext { 234 color: #000; 235 } 236 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta, 237 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role { 238 display: block; 239 font-size: 12px; 240 } 241 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta .value, 242 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role .value { 243 font-weight: bold; 244 } 245 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role { 246 font-weight: bold; 247 } 248 /* Hide caret when JS is disabled. */ 249 .usermenu .moodle-actionmenu .toggle-display .caret { 250 display: none; 251 } 252 /* A little bit of visual feedback for the action menu when Javascript is disabled. */ 253 .usermenu .moodle-actionmenu .menu .menu-action.icon img { 254 border-radius: 0; 255 background: transparent; 256 box-shadow: none; 257 } 258 .usermenu .moodle-actionmenu .menu .menu-action.icon:hover img { 259 background: #fff; 260 border-radius: 2px; 261 box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25); 262 } 263 .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon img, 264 .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon:hover img { 265 border-radius: 0; 266 background: transparent; 267 box-shadow: none; 268 } 269 .userloggedinas .usermenu .userbutton .avatars .avatar { 270 overflow: hidden; 271 } 272 .userloggedinas .usermenu .userbutton .avatars .avatar img { 273 width: inherit; 274 height: inherit; 275 } 276 .userloggedinas .usermenu .userbutton .avatars .avatar.current { 277 position: relative; 278 top: 4px; 279 left: 4px; 280 width: 20px; 281 height: 20px; 282 margin-top: 11px; 283 margin-bottom: -34px; 284 border: 1px solid #fff; 285 border-radius: 50%; 286 box-shadow: -2px -2px 16px rgba(0, 0, 0, 0.25); 287 } 288 289 .jsenabled .usermenu .moodle-actionmenu .toggle-display { 290 display: block; 291 } 292 .jsenabled .usermenu .moodle-actionmenu .toggle-display .caret { 293 display: inline-block; 294 position: relative; 295 top: 9px; 296 } 297 .jsenabled .usermenu .moodle-actionmenu > .menubar { 298 display: block; 299 margin: 0px 0px 2px 0px; 300 } 301 .jsenabled .usermenu .moodle-actionmenu > .menu { 302 min-width: 160px; 303 font-size: 14px; 304 } 305 .jsenabled .usermenu .moodle-actionmenu > .menu .filler { 306 display: block; 307 height: 1px; 308 margin: 9px 1px; 309 overflow: hidden; 310 background-color: #e5e5e5; 311 border-bottom: 1px solid #fff; 312 } 313 .jsenabled .usermenu .moodle-actionmenu.show .menu { 314 padding: 5px 0; 315 margin: 2px 0 0; 316 background-clip: padding-box; 317 } 318 .jsenabled .usermenu .moodle-actionmenu.show .menu:before { 319 content: ''; 320 display: inline-block; 321 border-left: 7px solid transparent; 322 border-right: 7px solid transparent; 323 border-bottom: 7px solid #ccc; 324 border-bottom-color: rgba(0,0,0,.2); 325 position: absolute; 326 top: -7px; 327 } 328 .jsenabled .usermenu .moodle-actionmenu.show .menu:after { 329 content: ''; 330 display: inline-block; 331 border-left: 6px solid transparent; 332 border-right: 6px solid transparent; 333 border-bottom: 6px solid #fff; 334 position: absolute; 335 top: -6px; 336 } 337 .jsenabled .usermenu .moodle-actionmenu.show .menu li a { 338 white-space: nowrap; 339 border-radius: 0; 340 } 341 .jsenabled .usermenu .moodle-actionmenu.show .menu a:focus, 342 .jsenabled .usermenu .moodle-actionmenu.show .menu a:hover { 343 text-decoration: none; 344 } 345 346 .dir-ltr .usermenu { 347 float: right; 348 } 349 .dir-ltr .usermenu > .moodle-actionmenu > .menu:before { 350 right: 9px; 351 } 352 .dir-ltr .usermenu > .moodle-actionmenu > .menu:after { 353 right: 10px; 354 } 355 .dir-ltr .usermenu > .moodle-actionmenu > .menubar li a { 356 text-align: right; 357 } 358 .dir-ltr.userloggedinas .usermenu .userbutton .avatars .avatar.current { 359 left: 16px; 360 } 361 362 .dir-rtl .usermenu { 363 float: left; 364 } 365 .dir-rtl .usermenu > .moodle-actionmenu > .menu { 366 margin-right: 0px; 367 } 368 .dir-rtl .usermenu > .moodle-actionmenu > .menu:before { 369 left: 9px; 370 } 371 .dir-rtl .usermenu > .moodle-actionmenu > .menu:after { 372 left: 10px; 373 } 374 .dir-rtl .usermenu > .moodle-actionmenu > .menubar li a { 375 text-align: left; 376 } 377 .dir-rtl.userloggedinas .usermenu .userbutton .avatars .avatar.current { 378 left: -14px; 379 } 380 381 /** 382 * Navbar 383 */ 384 .navbar {clear:both;overflow:hidden;} 385 .ie6 .navbar {overflow:hidden;height:100%;} 386 .breadcrumb {float:left;} 387 .navbutton {text-align:right;} 388 .breadcrumb ul {padding:0;margin:0;text-indent:0;list-style:none;} 389 .navbutton {float: right;} 390 .navbutton .singlebutton {margin-left: 4px} 391 .breadcrumb li, 392 .navbutton div, 393 .navbutton form {display:inline;} 394 395 /** 396 * Footer 397 */ 398 #page-footer {text-align:center;font-size:0.9em;} 399 #page-footer .homelink {margin: 1em 0;} 400 #page-footer .homelink a {padding-left:1em;padding-right:1em;} 401 #page-footer .logininfo, 402 #page-footer .sitelink, 403 #page-footer .helplink {margin:0px 10px;} 404 #page-footer .performanceinfo {text-align:center;margin:10px 20%;} 405 #page-footer .performanceinfo span {display:block;} 406 #page-footer .validators {margin-top:40px;padding-top:5px;border-top: 1px dotted gray;} 407 #page-footer .validators ul {margin:0px;padding:0px;list-style-type:none;} 408 #page-footer .validators ul li {display:inline;margin-right:10px;margin-left:10px;} 409 410 #page-footer .performanceinfo .cachesused {margin-top:1em;} 411 #page-footer .performanceinfo .cachesused .cache-stats-heading {font-weight:bold;display:block;} 412 #page-footer .performanceinfo .cachesused .cache-definition-stats {margin:0.3em;padding:0px;border:1px solid #999;display:inline-block;vertical-align:top;min-height:4em;color:#000;background-color:#eee;} 413 #page-footer .performanceinfo .cachesused .cache-definition-stats span {padding-left:0.5em;padding-right:0.5em;display:block;} 414 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-definition-stats-heading {background-color:#eee;} 415 #page-footer .performanceinfo .cachesused .cache-store-stats {text-indent: 1em;} 416 #page-footer .performanceinfo .cachesused .cache-store-stats.nohits {background-color:#ffd3d9;} 417 #page-footer .performanceinfo .cachesused .cache-store-stats.lowhits {background-color:#f3f2aa;} 418 #page-footer .performanceinfo .cachesused .cache-store-stats.hihits {background-color:#e7f1c3;} 419 #page-footer .performanceinfo .cachesused .cache-total-stats {display:block;font-weight:bold;margin-top:0.3em;} 420 421 #course-footer {clear:both;} 422 423 /** 424 * Tabs 425 */ 426 .tabtree {position:relative;margin-bottom:3.5em;} 427 .tabtree li {display:inline;} 428 .tabtree ul {margin:5px;} 429 .tabtree ul li.here ul {position:absolute;top:100%;width:100%;} 430 .tabtree ul li.here .empty {display:none;} 431 432 /** 433 * Mforms 434 */ 435 .mform fieldset {border:1px solid;} 436 .mform fieldset fieldset {border-width:0;} 437 .mform fieldset legend {font-weight:bold;margin-left:0.5em;padding: 0 0.35em;} 438 .mform fieldset div {margin:10px;margin-top:0;} 439 .mform fieldset div div {margin:0;} 440 .mform fieldset .advancedbutton {text-align:right;} 441 .mform fieldset.hidden {border-width:0;} 442 .mform fieldset.group {margin-bottom: 0} 443 .mform fieldset.error {border: 1px solid #A00;} 444 .collapsible-actions {display: none;} 445 .jsenabled .collapsible-actions {text-align: right; display: block;} 446 .dir-rtl .collapsible-actions {text-align: left;} 447 .collapseexpand {background: url([[pix:t/collapsed]]) left center no-repeat; padding-left: 18px;} 448 .dir-rtl .collapseexpand {background-image: url([[pix:t/collapsed_rtl]]); background-position: right center; padding-left: 0; padding-right: 18px;} 449 .collapse-all, 450 .dir-rtl .collapse-all {background-image: url([[pix:t/expanded]]);} 451 .mform fieldset legend {padding: 0 0.35em;} 452 .mform fieldset.collapsible legend a.fheader {padding-left: 18px; background: url([[pix:t/expanded]]) left center no-repeat;} 453 .mform fieldset.collapsed legend a.fheader {background-image: url([[pix:t/collapsed]]);} 454 .jsenabled .mform fieldset.collapsed {border-width: 1px 0 0 1px; padding: 0; border-color: transparent;} 455 .jsenabled .mform fieldset.collapsed div.fcontainer {display: none;} 456 .mform .fitem {width:100%;overflow:hidden;margin-top:5px;margin-bottom:1px;clear:right;} 457 .jsenabled .mform .containsadvancedelements .advanced {display: none;} 458 .mform .containsadvancedelements .advanced.show {display: block;} 459 .mform .fitem .fitemtitle {width:15%;text-align:right;float:left;} 460 .dir-rtl .mform .fitem .fitemtitle {text-align:left;} 461 .mform .fitem .fitemtitle div {display: inline;} 462 .mform .fitem .felement {border-width: 0;width:80%;margin-left:16%;} 463 .mform .fitem fieldset.felement {margin-left:15%;padding-left:1%;margin-bottom:0} 464 .mform .error, 465 .mform .required {color:#A00;} 466 .mform span.error {display: inline-block;padding: 4px;margin-bottom: 4px;background-color: #F2DEDE;border: 1px solid #EED3D7;} 467 .mform .required .fgroup span label {color:#000;} 468 .mform .fdescription.required {color:#A00;text-align:right;} 469 .dir-rtl .mform .fdescription.required {text-align:left;} 470 .mform .fpassword .unmask {display:inline;margin-left:0.5em;} 471 .mform .ftextarea #id_alltext {width: 100%;} 472 .mform ul.file-list {padding:0;margin:0;list-style:none;} 473 .mform label { display: inline-block; } 474 .mform .iconhelp { margin-left: 4px; } 475 .dir-rtl .mform .iconhelp { margin-right: 4px; } 476 .mform label .req, 477 .mform label .adv {cursor: help;} 478 .mform .fcheckbox input {margin-left: 0;} 479 .mform .fcheckbox label, 480 .mform .fduration label, 481 .mform .fitem fieldset.fgroup label, 482 .mform .fradio label, 483 .mform fieldset.fdate_selector label, 484 .mform fieldset.fdate_time_selector label { display: inline; float: none; margin-left: .3em; vertical-align: text-bottom;} 485 .dir-rtl .mform .fcheckbox label, 486 .dir-rtl .mform .fduration label, 487 .dir-rtl .mform .fitem fieldset.fgroup label, 488 .dir-rtl .mform .fradio label, 489 .dir-rtl .mform fieldset.fdate_selector label, 490 .dir-rtl .mform fieldset.fdate_time_selector label {margin-right: .3em; margin-left: 0;} 491 .mform .ftags label.accesshide {display: block;position: static;} 492 .mform .ftags select {margin-bottom: 0.7em;min-width: 22em;} 493 .mform .moreless-toggler {background: url([[pix:t/more]]) left center no-repeat; padding-left: 16px;} 494 .dir-rtl .moreless-toggler {padding-left: 0; padding-right: 16px; background-position: right center; } 495 .mform .moreless-less {background-image: url([[pix:t/less]]);} 496 .mform .helplink img { margin: 0 0 0 .45em; padding: 0;} 497 .dir-rtl .mform .helplink img { margin: 0 .45em 0 0; padding: 0;} 498 .mform legend .helplink img { margin-right: .2em; } 499 .dir-rtl .mform legend .helplink img { margin: 0 .45em 0 .2em; } 500 .urlselect label, 501 .singleselect label { margin-right: .3em; } 502 .dir-rtl .urlselect label, 503 .dir-rtl .singleselect label { margin-left: .3em; margin-right: 0; } 504 505 .dir-rtl .mform fieldset legend {margin-right:0.5em; margin-left: 0;} 506 .dir-rtl .mform fieldset.collapsible legend a.fheader {background-position: right center; padding-right: 18px; padding-left: 0;} 507 .dir-rtl .mform fieldset.collapsed legend a.fheader {background-image: url([[pix:t/collapsed_rtl]]); } 508 .dir-rtl.jsenabled .mform fieldset.collapsed {border-width: 1px 1px 0 0; } 509 .dir-rtl .mform .fitem fieldset.felement {padding-right: 1%;margin-right: 15%;} 510 511 .mform .btn-cancel, .mform .btn-cancel:active, .mform .btn-cancel[disabled] { background-color: transparent; background-image: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; margin-left: .5em;} 512 .mform .btn-cancel { border-color: transparent; border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; color: #0088CC; cursor: pointer; } 513 .mform .btn-cancel:hover, .mform .btn-cancel:focus { background-color: transparent; color: #005580; text-decoration: underline; } 514 .mform .btn-cancel[disabled]:hover, .mform .btn-cancel[disabled]:focus { color: #333333; text-decoration: none; } 515 516 input#id_externalurl {direction:ltr;} 517 #portfolio-add-button {display:inline;} 518 519 /** 520 * Show the labels above text editors and file managers except on wide screens. 521 */ 522 #region-main .mform:not(.unresponsive) .fitem .fitemtitle label { 523 font-weight: bold; 524 } 525 @media (max-width: 1199px) { 526 #region-main .mform:not(.unresponsive) .fitem .fitemtitle { 527 display: block; 528 margin-top: 4px; 529 margin-bottom: 4px; 530 text-align: left; 531 width: 100%; 532 } 533 #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle { 534 display: inline-block; 535 width: auto; 536 margin-right: 8px; 537 } 538 .dir-rtl #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle { 539 margin-right: 0px; 540 margin-left: 8px; 541 } 542 .dir-rtl #region-main .mform:not(.unresponsive) .fitem .fitemtitle { 543 text-align: right; 544 } 545 546 #region-main .mform:not(.unresponsive) .fitem .felement { 547 margin-left: 0; 548 width: 100%; 549 float: left; 550 margin-bottom: 6px; 551 padding-left: 0; 552 padding-right: 0; 553 } 554 #region-main .mform:not(.unresponsive) .fitem .fstatic:empty { 555 display: none; 556 } 557 #region-main .mform:not(.unresponsive) .femptylabel .felement { 558 display: inline-block; 559 margin-top: 4px; 560 width: auto; 561 } 562 .dir-rtl #region-main .mform:not(.unresponsive) .fitem .felement { 563 margin-right: 0; 564 float: right; 565 padding-right: 0; 566 padding-left: 0; 567 } 568 #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle, 569 #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement { 570 display: inline-block; 571 width: auto; 572 } 573 .dir-rtl #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement { 574 float: right; 575 } 576 #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement { 577 padding: 6px; 578 } 579 } 580 581 /** 582 * phpinfo styles 583 */ 584 .phpinfo .center {text-align: center;} 585 .phpinfo .center table {margin-left: auto;margin-right: auto;text-align: left;border-collapse: collapse;} 586 .phpinfo .center th {text-align: center;} 587 .phpinfo .e, 588 .phpinfo .v, 589 .phpinfo .h {border: 1px solid #000000;font-size: 0.8em;vertical-align: baseline;color: #000000;background-color: #cccccc;} 590 .phpinfo .e {background-color: #ccccff;font-weight: bold;} 591 .phpinfo .h {background-color: #9999cc;font-weight: bold;} 592 593 /** 594 * Blogs 595 */ 596 .addbloglink {text-align: center;} 597 .blog_entry .audience {text-align: right;padding-right: 4px;} 598 .blog_entry .tags {margin-top: 15px;} 599 .blog_entry .tags .action-icon img.smallicon { height: 16px; width: 16px; } 600 .blog_entry .content {margin-left: 43px;} 601 602 /** 603 * Group 604 */ 605 #page-group-index #groupeditform {text-align: center;} 606 #doc-contents h1 {margin: 1em 0 0 0;} 607 #doc-contents ul {margin: 0;padding: 0;width: 90%;} 608 #doc-contents ul li {list-style-type: none;} 609 .groupmanagementtable td {vertical-align: top;} 610 .groupmanagementtable #existingcell, 611 .groupmanagementtable #potentialcell {width: 42%;} 612 .groupmanagementtable #buttonscell {width: 16%;} 613 .groupmanagementtable #buttonscell input {width: 80%;} 614 .groupmanagementtable #buttonscell p.arrow_button input {width: auto;min-width: 80%;margin: 0 auto;} 615 .groupmanagementtable #removeselect_wrapper, 616 .groupmanagementtable #addselect_wrapper {width: 100%;} 617 .groupmanagementtable #removeselect_wrapper label, 618 .groupmanagementtable #addselect_wrapper label {font-weight: normal;} 619 .dir-rtl .groupmanagementtable p {text-align: right;} 620 #group-usersummary {width: 14em;} 621 .groupselector {margin-top: 3px;margin-bottom: 3px;display: inline-block;} 622 623 /** 624 * Login 625 */ 626 .loginbox {margin:15px;overflow:visible;} 627 .loginbox.twocolumns {margin:15px;} 628 .loginbox h2, 629 .loginbox .subcontent {margin:5px;padding:10px;text-align:center;} 630 .loginbox .loginpanel .desc {margin:0;padding:0;margin-bottom:5px;margin-top:15px;} 631 .loginbox .signuppanel .subcontent {text-align:left;} 632 .dir-rtl .loginbox .signuppanel .subcontent {text-align: right;} 633 .loginbox .loginsub {margin-left:0;margin-right:0;} 634 .loginbox .guestsub, 635 .loginbox .forgotsub, 636 .loginbox .potentialidps {margin:5px 12%;} 637 .loginbox .potentialidps .potentialidplist {margin-left:40%;} 638 .loginbox .potentialidps .potentialidplist div {text-align:left;} 639 .loginbox .loginform {margin-top:1em;text-align:left;} 640 .loginbox .loginform .form-label {float:left;text-align:right;width:49%;white-space:nowrap;} 641 .loginbox .loginform .form-input {float:right;width:50%;} 642 .dir-rtl .loginbox .loginform .form-input {margin-right: 1%;} 643 .loginbox .loginform .form-input input {width: 6em;} 644 .loginbox .signupform {margin-top:1em;text-align:center;} 645 .loginbox.twocolumns .loginpanel {float:left;width:49.5%;border-right: 1px solid;margin-bottom:-2000px;padding-bottom:2000px;} 646 .loginbox.twocolumns .signuppanel {float:right;width:50%;margin-bottom:-2000px;padding-bottom:2000px;} 647 .loginbox .potentialidp .smallicon { vertical-align: text-bottom; margin: 0 .3em; } 648 .dir-rtl .loginbox.twocolumns .loginpanel, .dir-rtl.loginbox.twocolumns .signuppanel {float:right;} 649 650 /** 651 * Notes 652 */ 653 .notepost {margin-bottom: 1em;} 654 .notepost .userpicture {float: left;margin-right: 5px;} 655 .notepost .content, 656 .notepost .footer {clear: both;} 657 .notesgroup {margin-left:20px;} 658 659 /** 660 * My Moodle 661 */ 662 .path-my .coursebox .overview {margin: 15px 30px 10px 30px;} 663 .path-my .coursebox .info {float: none; margin: 0;} 664 665 /** 666 * Logs 667 */ 668 .logtable th {text-align:left;} 669 670 /** 671 * Modules 672 */ 673 .mod_introbox {border:1px solid;padding:10px;} 674 table.mod_index {width:100%;} 675 676 /** 677 * Comments 678 */ 679 .comment-ctrl {font-size: 12px;display: none;margin:0;padding:0;} 680 .comment-ctrl h5 {margin:0;padding: 5px;} 681 .comment-area {max-width: 400px;padding: 5px;} 682 .comment-area textarea {width:100%;overflow:auto;} 683 .comment-area textarea.fullwidth {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 684 .comment-area .fd {text-align:right;} 685 .comment-meta span {color:gray;} 686 .comment-link img { vertical-align: text-bottom; } 687 .comment-list {font-size: 11px;overflow:auto;list-style:none;padding:0;margin:0;} 688 .comment-list li {margin: 2px;list-style:none;margin-bottom:5px;clear:both;padding: .3em;position: relative;} 689 .comment-list li.first {display:none} 690 .comment-paging{text-align:center;} 691 .comment-paging .pageno{padding:2px;} 692 .comment-paging .curpage{border:1px solid #CCC;} 693 .comment-message .picture {width: 20px;float:left;} 694 .dir-rtl .comment-message .picture {float:right;} 695 .comment-message .text {margin:0;padding:0;} 696 .comment-message .text p {padding:0;margin:0 18px 0 0;} 697 .comment-delete {position: absolute; top: 0; right: 0;margin: .3em;} 698 .dir-rtl .comment-delete {position: absolute; left: 0; right: auto;margin: .3em;} 699 .comment-delete-confirm {background: #eee; padding: 2px; width: 5em;text-align:center;} 700 .comment-container {float:left;margin: 4px;} 701 .comment-report-selectall{display:none} 702 .comment-link {display:none} 703 .jsenabled .comment-link {display:block} 704 .jsenabled .showcommentsnonjs{display:none} 705 .jsenabled .comment-report-selectall{display:inline} 706 707 /** 708 * Completion progress report 709 */ 710 .completion-expired {background:#FFDDDD;} 711 .completion-expected {font-size:0.75em;} 712 .completion-sortchoice, 713 .completion-identifyfield {font-size:0.75em;vertical-align:bottom;} 714 .completion-progresscell {text-align:right;} 715 .completion-expired .completion-expected {font-weight:bold;} 716 717 /** 718 * Tags 719 */ 720 #page-tag-coursetags_edit .coursetag_edit_centered {position: relative;width: 600px;margin: 20px auto;} 721 #page-tag-coursetags_edit .coursetag_edit_row {clear:both;} 722 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {float:left;width:50%;text-align:right;} 723 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {margin-left:50%;} 724 #page-tag-coursetags_edit .coursetag_edit_input3 {display: none;} 725 #page-tag-coursetags_more .coursetag_more_large {font-size: 120%;} 726 #page-tag-coursetags_more .coursetag_more_small {font-size: 80%;} 727 #page-tag-coursetags_more .coursetag_more_link {font-size: 80%;} 728 #tag-description, 729 #tag-blogs {width:100%;} 730 #tag-management-box {margin-bottom:10px;line-height:20px;} 731 #tag-user-table {padding:3px;clear: both;width:100%;} 732 #tag-user-table:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;} 733 img.user-image {height:100px;width:100px;} 734 #small-tag-cloud-box {width:300px;margin:0 auto;} 735 #big-tag-cloud-box {width:600px;margin:0 auto;float:none;} 736 ul#tag-cloud-list {list-style:none;padding:5px;margin:0;} 737 ul#tag-cloud-list li {margin:0;display:inline;list-style-type:none;} 738 #tag-search-box {text-align:center;margin:10px auto;} 739 #tag-search-results-container {padding:0;width:100%;} 740 #tag-search-results {padding:0;margin: 15px 20% 0 20%;float:left;width:60%;display:block;} 741 #tag-search-results li {width:30%;float:left;padding-left:1%;text-align:left;line-height:20px;padding-right:1%;list-style:none;} 742 span.flagged-tag, 743 span.flagged-tag a {color:#FF0000;} 744 table#tag-management-list {text-align:left;width:100%;} 745 table#tag-management-list td, 746 table#tag-management-list th {vertical-align: middle;text-align: left;padding: 4px;} 747 .tag-management-form {text-align:center;} 748 #relatedtags-autocomplete-container {margin-left:auto;margin-right:auto;min-height:4.6em;width:100%;} 749 #relatedtags-autocomplete {position:relative;display:block;width:60%;margin-left:auto;margin-right:auto;} 750 #relatedtags-autocomplete .yui-ac-content {position:absolute;width:420px;left:20%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;} 751 #relatedtags-autocomplete .ysearchquery {position:absolute;right:10px;color:#808080;z-index:10;} 752 #relatedtags-autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;} 753 #relatedtags-autocomplete ul {padding:0;width:100%;margin:0;list-style-type:none;} 754 #relatedtags-autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;} 755 #relatedtags-autocomplete li.yui-ac-highlight{background:#FFFFCC;} 756 h2.tag-heading, 757 div#tag-description, 758 div#tag-blogs, 759 body.tag .managelink {padding: 5px;} 760 .tag_cloud .s20 {font-size: 1.5em;font-weight: bold;} 761 .tag_cloud .s19 {font-size: 1.5em;} 762 .tag_cloud .s18 {font-size: 1.4em;font-weight: bold;} 763 .tag_cloud .s17 {font-size: 1.4em;} 764 .tag_cloud .s16 {font-size: 1.3em;font-weight: bold;} 765 .tag_cloud .s15 {font-size: 1.3em;} 766 .tag_cloud .s14 {font-size: 1.2em;font-weight: bold;} 767 .tag_cloud .s13 {font-size: 1.2em;} 768 .tag_cloud .s12, 769 .tag_cloud .s11 {font-size: 1.1em;font-weight: bold;} 770 .tag_cloud .s10, 771 .tag_cloud .s9 {font-size: 1.1em;} 772 .tag_cloud .s8, 773 .tag_cloud .s7 {font-size: 1em;font-weight: bold;} 774 .tag_cloud .s6, 775 .tag_cloud .s5 {font-size: 1em;} 776 .tag_cloud .s4, 777 .tag_cloud .s3 {font-size: 0.9em;font-weight: bold;} 778 .tag_cloud .s2, 779 .tag_cloud .s1 {font-size: 0.9em;} 780 .tag_cloud .s0 {font-size: 0.8em;} 781 782 /* 783 * Backup and Restore CSS 784 */ 785 .path-backup .mform .grouped_settings.section_level {clear:both;} 786 .path-backup .mform .grouped_settings {clear:both;overflow:hidden;} 787 .path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;} 788 .path-backup.dir-rtl .mform .grouped_settings .fitem .fitemtitle {width: 60%;} 789 .path-backup .mform .grouped_settings .fitem .felement {width:50%;} 790 .path-backup .mform .grouped_settings .fitem.backup_selector .felement {width:100%;} 791 .path-backup.dir-rtl .mform .grouped_settings .fitem .felement {width: 99%;} 792 .path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;} 793 .path-backup.dir-rtl .mform .grouped_settings.section_level .include_setting {float: right; clear: right;} 794 .path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;} 795 .path-backup.dir-rtl .mform .grouped_settings.section_level .normal_setting {margin:0;} 796 .path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;} 797 .path-backup.dir-rtl .mform .grouped_settings.activity_level .include_setting label img {float:right;} 798 .path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;} 799 .path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;} 800 .path-backup .backup_progress {text-align:center;} 801 .path-backup .backup_progress span.backup_stage {color:#999;} 802 .path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;} 803 .path-backup .backup_progress .backup_stage.backup_stage_next {} 804 .path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;} 805 #page-backup-restore .filealiasesfailures {background-color:#ffd3d9} 806 #page-backup-restore .filealiasesfailures .aliaseslist {width:90%;margin:0.8em auto;background-color:white;border:1px dotted #666;} 807 .path-backup .fitemtitle .iconlarge.icon-post { padding-left: 6px; } 808 .path-backup.dir-rtl .fitemtitle .iconlarge.icon-post { padding-right: 6px; padding-right: 0; } 809 .path-backup .fitem .smallicon { vertical-align: text-bottom; } 810 .path-backup .wibbler { width: 500px; margin: 0 auto 10px; border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; position: relative; min-height: 4px;} 811 .path-backup .wibbler .wibble { position: absolute; left: 0; right: 0; top: 0; height: 4px; } 812 .path-backup .wibbler .state0 { background: #eee; } 813 .path-backup .wibbler .state1 { background: #ddd; } 814 .path-backup .wibbler .state2 { background: #ccc; } 815 .path-backup .wibbler .state3 { background: #bbb; } 816 .path-backup .wibbler .state4 { background: #aaa; } 817 .path-backup .wibbler .state5 { background: #999; } 818 .path-backup .wibbler .state6 { background: #888; } 819 .path-backup .wibbler .state7 { background: #777; } 820 .path-backup .wibbler .state8 { background: #666; } 821 .path-backup .wibbler .state9 { background: #555; } 822 .path-backup .wibbler .state10 { background: #444; } 823 .path-backup .wibbler .state11 { background: #333; } 824 .path-backup .wibbler .state12 { background: #222; } 825 .path-backup .backup_log { margin-top: 2em; } 826 .path-backup .backup_log h2 { font-size: 1em; } 827 .path-backup .backup_log_contents { border: 1px solid #ddd; padding: 10px; height: 300px; overflow-y: scroll; } 828 829 /* 830 * CSS for availability options on module and section. This is taken from the 831 * Bootstrap version and tweaked so it works on base. 832 */ 833 #fitem_id_availabilityconditionsjson .label { 834 background: #999; 835 padding: 2px 4px; 836 border-radius: 4px; 837 font-size: 0.8em; 838 font-weight: bold; 839 color: #fff; 840 } 841 #fitem_id_availabilityconditionsjson .label-warning { 842 background: #f89406; 843 position:relative; 844 top: -1px; 845 } 846 #fitem_id_availabilityconditionsjson .label:empty { 847 display: none; 848 } 849 #fitem_id_availabilityconditionsjson *[aria-hidden=true] { 850 display: none; 851 } 852 x#fitem_id_availabilityconditionsjson select, 853 x#fitem_id_availabilityconditionsjson input[type=text] { 854 position:relative; 855 top: 4px; 856 } 857 #fitem_id_availabilityconditionsjson label { 858 display: inline; 859 } 860 #fitem_id_availabilityconditionsjson .availability-group { 861 margin-right: 8px; 862 } 863 .dir-rtl #fitem_id_availabilityconditionsjson .availability-group { 864 margin-right: 0; 865 margin-left: 8px; 866 } 867 #fitem_id_availabilityconditionsjson .availability-item, 868 #fitem_id_availabilityconditionsjson .availability-header { 869 margin-bottom: 6px; 870 } 871 #fitem_id_availabilityconditionsjson .availability-none { 872 margin-left: 20px; 873 margin-bottom: 4px; 874 } 875 .dir-rtl #fitem_id_availabilityconditionsjson .availability-none { 876 margin-right: 20px; 877 margin-left: 0; 878 } 879 #fitem_id_availabilityconditionsjson .availability-plugincontrols { 880 padding: 4px 0px 4px 4px; 881 background: none repeat scroll 0% 0% #eee; 882 border: 1px solid #ddd; 883 border-radius: 4px; 884 display: inline-block; 885 margin-right: 8px; 886 } 887 .dir-rtl #fitem_id_availabilityconditionsjson .availability-plugincontrols { 888 padding-right: 4px; 889 padding-left: 0px; 890 margin-right: 0; 891 margin-left: 8px; 892 } 893 #fitem_id_availabilityconditionsjson .availability-eye, 894 #fitem_id_availabilityconditionsjson .availability-delete { 895 margin-right: 8px; 896 } 897 .dir-rtl #fitem_id_availabilityconditionsjson .availability-eye, 898 .dir-rtl #fitem_id_availabilityconditionsjson .availability-delete { 899 margin-left: 8px; 900 margin-right: 0; 901 } 902 #fitem_id_availabilityconditionsjson .availability-eye[aria-hidden=true] { 903 display: inline; 904 visibility: hidden; 905 } 906 #fitem_id_availabilityconditionsjson .availability-list > .availability-eye img { 907 vertical-align: top; 908 margin-top: 12px; 909 } 910 #fitem_id_availabilityconditionsjson .availability-button { 911 margin-left: 15px; 912 } 913 .dir-rtl #fitem_id_availabilityconditionsjson .availability-button { 914 margin-right: 15px; 915 margin-left: 0; 916 } 917 #fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner { 918 display: inline-block; 919 background: #eee; 920 border: 1px solid #ddd; 921 border-radius: 4px; 922 padding: 6px; 923 margin-bottom: 6px; 924 } 925 #fitem_id_availabilityconditionsjson .availability-childlist .availability-childlist > .availability-inner { 926 background: white; 927 } 928 #fitem_id_availabilityconditionsjson .availability-connector { 929 margin-left: 20px; 930 margin-bottom: 6px; 931 } 932 .dir-rtl #fitem_id_availabilityconditionsjson .availability-connector { 933 margin-right: 20px; 934 margin-left: 0; 935 } 936 937 .mform .error .availability-field { 938 color: black; 939 } 940 941 .availability-dialogue.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd { 942 padding-left: 0; 943 padding-right: 0; 944 padding-bottom: 2px; 945 } 946 .availability-dialogue ul { 947 display: block; 948 margin: 0; 949 } 950 .availability-dialogue li { 951 display: block; 952 list-style-type: none; 953 padding: 0 0 4px; 954 clear: both; 955 border-bottom: 1px solid #eee; 956 margin-bottom: 4px; 957 } 958 .availability-dialogue ul button { 959 float: left; 960 margin-left: 1em; 961 min-width: 140px; 962 margin-top: 4px; 963 } 964 .dir-rtl .availability-dialogue ul button { 965 float: right; 966 margin-right: 1em; 967 margin-left: 0; 968 } 969 .availability-dialogue label { 970 margin-left: 170px; 971 margin-right: 1em; 972 margin-bottom: 0; 973 display: block; 974 line-height: 1.5; 975 } 976 .dir-rtl .availability-dialogue label { 977 margin-right: 170px; 978 margin-left: 1em; 979 } 980 .availability-dialogue .availability-buttons button { 981 margin-left: 1em; 982 margin-right: 1em; 983 margin-top: 4px; 984 } 985 986 /** 987 * Web Service 988 */ 989 #webservice-doc-generator td {text-align: left;border: 0px solid black;} 990 991 /** 992 * Custom menu 993 */ 994 #custommenu {clear:both;} 995 #custommenu .yui3-menu .yui3-menu {z-index:500;} 996 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content, 997 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;} 998 #custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;} 999 #custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;} 1000 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;} 1001 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;} 1002 #custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;} 1003 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu {position:absolute;top:-10000px;left:-10000px;visibility:hidden;white-space: nowrap;max-width: 250px;background-color:#FFF;} 1004 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;} 1005 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;} 1006 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;} 1007 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;} 1008 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;} 1009 1010 /** 1011 * Fix for broken YUI images in the menunav component 1012 */ 1013 #custommenu .yui3-menu-label, 1014 #custommenu .yui3-menuitem-content {cursor:pointer;} 1015 #custommenu .yui3-menuitem-active {background-color:#B3D4FF;} 1016 #custommenu .yui3-menuitem-active, 1017 #custommenu .yui3-menuitem-active .yui3-menuitem-content, 1018 #custommenu .yui3-menu-horizontal .yui3-menu-label, 1019 #custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;} 1020 #custommenu .yui3-menu-label, 1021 #custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]); padding-right: 20px;} 1022 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);} 1023 1024 /** 1025 * Dividers. 1026 */ 1027 .yui3-menu.yui3-menu-horizontal .yui3-menuitem.divider { 1028 overflow: hidden; 1029 width: 0; 1030 height: 24px; 1031 border-left: 1px solid #ddd; 1032 } 1033 .yui3-menu .yui3-menu .yui3-menuitem.divider { 1034 width: auto; 1035 height: 0; 1036 margin: 4px 1px; 1037 border-left: 0px none; 1038 border-top: 1px solid #ddd; 1039 } 1040 .yui3-menu .yui3-menuitem.divider a { 1041 visibility: invisible; 1042 } 1043 1044 /** 1045 * Smart Select Element 1046 */ 1047 .smartselect {position:absolute;} 1048 .smartselect .smartselect_mask {background-color:#fff;} 1049 .smartselect ul {padding: 0;margin: 0;} 1050 .smartselect ul li {list-style: none;} 1051 .smartselect .smartselect_menu {margin-right:5px;} 1052 .safari .smartselect .smartselect_menu {margin-left:2px;} 1053 .smartselect .smartselect_menu, 1054 .smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;} 1055 .smartselect .smartselect_menu.visible, 1056 .smartselect .smartselect_submenu.visible {display:block;} 1057 .smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;} 1058 .smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;} 1059 .smartselect .smartselect_menu_content ul li a.selectable {color:inherit;} 1060 .smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;} 1061 /** Spanning mode */ 1062 .smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;} 1063 .smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;} 1064 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;} 1065 /** Compact mode */ 1066 .smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;} 1067 .smartselect.compactmenu .smartselect_submenu.visible {display:block;} 1068 .smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;} 1069 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;} 1070 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;} 1071 1072 /** 1073 * Registration 1074 */ 1075 #page-admin-registration-register .registration_textfield {width: 300px;} 1076 1077 /** 1078 * Enrol 1079 */ 1080 .userenrolment {width:100%;border-collapse: collapse;} 1081 .userenrolment tr {vertical-align:top;} 1082 .userenrolment td {height:41px;padding:3px;} 1083 .userenrolment td > * {margin:3px;} 1084 .userenrolment .subfield {margin-right:5px;} 1085 .userenrolment .col_userdetails .subfield_picture {float:left;} 1086 .userenrolment .col_lastseen {width:150px;} 1087 .userenrolment .col_role {width:262px;} 1088 .userenrolment .col_role .roles, 1089 .userenrolment .col_group .groups {margin-right:30px;} 1090 .userenrolment .col_role .role, 1091 .userenrolment .col_group .group {float:left;white-space:nowrap;margin-right:6px;} 1092 .userenrolment .col_role .role a, 1093 .userenrolment .col_group .group a {margin-left:3px;cursor:pointer;} 1094 .userenrolment .col_role .addrole, 1095 .userenrolment .col_group .addgroup {float:right;} 1096 .userenrolment .col_role .addrole a img, 1097 .userenrolment .col_group .addgroup a img {vertical-align:bottom;} 1098 .userenrolment .hasAllRoles .col_role .addrole {display:none;} 1099 .dir-rtl .userenrolment .col_role .role {float:right;} 1100 1101 .userenrolment .col_enrol .enrolment {float:left;} 1102 .userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;} 1103 #page-enrol-users .enrol_user_buttons {float:right;} 1104 #page-enrol-users .enrol_user_buttons .singlebutton {margin-top: 2px; line-height: 2;} 1105 #page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;} 1106 #page-enrol-users .enrol_user_buttons .enrolusersbutton div, 1107 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;} 1108 #page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;} 1109 #page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;} 1110 #page-enrol-users #filterform div, 1111 #page-enrol-users #filterform fieldset {display:inline;float:none;clear:none;width:auto;margin:0;line-height:2;} 1112 #page-enrol-users #filterform .fitem {white-space:nowrap;} 1113 #page-enrol-users #filterform fieldset > div {display:block;float:left;background:#f2f2f2;padding:2px;} 1114 #page-enrol-users #filterform select, 1115 #page-enrol-users #filterform .ftext input {width:8em;} 1116 #page-enrol-users #filterform #fitem_id_role, 1117 #page-enrol-users #filterform #fitem_id_ifilter, 1118 #page-enrol-users #filterform #fgroup_id_buttons {margin-left:0.5em;} 1119 #page-enrol-users .paging { clear: right; } 1120 1121 /** 1122 * Overide for RTL layout 1123 **/ 1124 .dir-rtl .headermain {float:right;} 1125 .dir-rtl .headermenu {float:left; text-align: left; } 1126 .dir-rtl .breadcrumb {float:right;} 1127 .dir-rtl .navbutton {float: left;} 1128 .dir-rtl .navbutton .singlebutton {margin-right: 4px} 1129 .dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;} 1130 .dir-rtl .mform .fitem .fitemtitle {float:right;} 1131 .dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;} 1132 .dir-rtl .loginbox .loginform .form-input {text-align: right;} 1133 .dir-rtl .yui3-menu-hidden {left: 0px;} 1134 #page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;} 1135 #page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;} 1136 1137 /** 1138 * Backup 1139 */ 1140 .backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;} 1141 .backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;} 1142 .backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;} 1143 .backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;} 1144 .backup-restore .backup-section .backup-sub-section h3 {text-align:right;border-bottom:1px solid #DDD;padding:5px 86% 5px 6px;margin:0;background-color:#e9e9e9;} 1145 .backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;} 1146 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;} 1147 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;} 1148 .backup-restore .activitytable {width:60%;min-width:500px;} 1149 .backup-restore .activitytable .modulename {width:100px;} 1150 .backup-restore .activitytable .moduleincluded {width:50px;} 1151 .backup-restore .activitytable .userinfoincluded {width:50px;} 1152 .backup-restore .detail-pair {} 1153 .backup-restore .detail-pair-label {display:inline-block;width:25%;padding:8px;margin:0;text-align:right;font-weight:bold;color:#444;vertical-align:top;} 1154 .backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;} 1155 .backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;} 1156 .backup-restore > .singlebutton {text-align:right;} 1157 .path-backup .mform .fgroup .proceedbutton, 1158 .path-backup .mform .fgroup .oneclickbackup {float:right;margin-right:1%;} 1159 .dir-rtl.path-backup .mform .fgroup .proceedbutton, 1160 .dir-rtl.path-backup .mform .fgroup .oneclickbackup {float:left;margin-left:1%;margin-right: 0;} 1161 1162 .restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;} 1163 .restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;} 1164 .restore-course-search .rcs-results table .no-overflow {max-width:600px;} 1165 .restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;} 1166 1167 .restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;} 1168 .restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;} 1169 .restore-course-category .rcs-results table .no-overflow {max-width:600px;} 1170 .restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;} 1171 1172 .corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;} 1173 .corelightbox img {position:fixed;top:50%; left: 50%;} 1174 1175 .mod-indent {display:table-cell;} 1176 .label .mod-indent {float:left; padding-top:20px} 1177 .mod-indent-1 {width:30px;} 1178 .mod-indent-2 {width:60px;} 1179 .mod-indent-3 {width:90px;} 1180 .mod-indent-4 {width:120px;} 1181 .mod-indent-5 {width:150px;} 1182 .mod-indent-6 {width:180px;} 1183 .mod-indent-7 {width:210px;} 1184 .mod-indent-8 {width:240px;} 1185 .mod-indent-9 {width:270px;} 1186 .mod-indent-10 {width:300px;} 1187 .mod-indent-11 {width:330px;} 1188 .mod-indent-12 {width:360px;} 1189 .mod-indent-13 {width:390px;} 1190 .mod-indent-14 {width:420px;} 1191 .mod-indent-15 {width:450px;} 1192 .mod-indent-16, 1193 .mod-indent-huge {width:480px;} 1194 1195 .dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;text-align: right;} 1196 .dir-rtl .mform .fitem .felement input[name=email], 1197 .dir-rtl .mform .fitem .felement input[name=email2], 1198 .dir-rtl .mform .fitem .felement input[name=url], 1199 .dir-rtl .mform .fitem .felement input[name=idnumber], 1200 .dir-rtl .mform .fitem .felement input[name=phone1], 1201 .dir-rtl .mform .fitem .felement input[name=phone2] {text-align: left; direction: ltr;} 1202 1203 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */ 1204 .resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px} 1205 .resourcecontent audio.mediaplugin_html5audio {width: 600px} 1206 1207 /** Large resource images should avoid hidden overflow **/ 1208 .resourceimage {max-width: 100%;} 1209 1210 /* Audio player size in 'inline' mode (can only change width, as above) */ 1211 .mediaplugin_mp3 object {height:15px;width:300px} 1212 audio.mediaplugin_html5audio {width: 300px} 1213 1214 /* TinyMCE moodle media preview frame should not have padding */ 1215 .core_media_preview.pagelayout-embedded #content {padding:0;} 1216 .core_media_preview.pagelayout-embedded #maincontent {height:0;} 1217 .core_media_preview.pagelayout-embedded .mediaplugin {margin:0;} 1218 1219 /* 1220 Fix for SubScript & SuperScript 1221 ------------------------------*/ 1222 sub {vertical-align: sub;} 1223 sup {vertical-align: super;} 1224 1225 /** Fix YUI 2 Treeview for Right to left languages **/ 1226 .dir-rtl .ygtvtn, 1227 .dir-rtl .ygtvtm, 1228 .dir-rtl .ygtvtmh, 1229 .dir-rtl .ygtvtmhh, 1230 .dir-rtl .ygtvtp, 1231 .dir-rtl .ygtvtph, 1232 .dir-rtl .ygtvtphh, 1233 .dir-rtl .ygtvln, 1234 .dir-rtl .ygtvlm, 1235 .dir-rtl .ygtvlmh, 1236 .dir-rtl .ygtvlmhh, 1237 .dir-rtl .ygtvlp, 1238 .dir-rtl .ygtvlph, 1239 .dir-rtl .ygtvlphh, 1240 .dir-rtl .ygtvdepthcell, 1241 .dir-rtl .ygtvok, 1242 .dir-rtl .ygtvok:hover, 1243 .dir-rtl .ygtvcancel, 1244 .dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;} 1245 1246 .dir-rtl .ygtvtn {background-position: 0 -5600px;} 1247 .dir-rtl .ygtvtm {background-position: 0 -4000px;} 1248 .dir-rtl .ygtvtmh, 1249 .dir-rtl .ygtvtmhh {background-position: 0 -4800px;} 1250 .dir-rtl .ygtvtp {background-position: 0 -6400px;} 1251 .dir-rtl .ygtvtph, 1252 .dir-rtl .ygtvtphh {background-position: 0 -7200px;} 1253 .dir-rtl .ygtvln {background-position: 0 -1600px;} 1254 .dir-rtl .ygtvlm {background-position: 0 0;} 1255 .dir-rtl .ygtvlmh, 1256 .dir-rtl .ygtvlmhh {background-position: 0 -800px;} 1257 .dir-rtl .ygtvlp {background-position: 0 -2400px;} 1258 .dir-rtl .ygtvlph, 1259 .dir-rtl .ygtvlphh {background-position: 0 -3200px} 1260 .dir-rtl .ygtvdepthcell {background-position: 0 -8000px;} 1261 .dir-rtl .ygtvok {background-position: 0 -8800px;} 1262 .dir-rtl .ygtvok:hover {background-position: 0 -8844px;} 1263 .dir-rtl .ygtvcancel {background-position: 0 -8822px;} 1264 .dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;} 1265 1266 .dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;} 1267 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;} 1268 1269 /** Fix TinyMCE editor right to left **/ 1270 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;} 1271 .dir-rtl .o2k7Skin table, 1272 .dir-rtl .o2k7Skin tbody, 1273 .dir-rtl .o2k7Skin a, 1274 .dir-rtl .o2k7Skin img, 1275 .dir-rtl .o2k7Skin tr, 1276 .dir-rtl .o2k7Skin div, 1277 .dir-rtl .o2k7Skin td, 1278 .dir-rtl .o2k7Skin iframe, 1279 .dir-rtl .o2k7Skin span, 1280 .dir-rtl .o2k7Skin *, 1281 .dir-rtl .o2k7Skin .mceText, 1282 .dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;} 1283 1284 .path-rating .ratingtable {width:100%;margin-bottom:1em;} 1285 .path-rating .ratingtable th.rating {width:100%;} 1286 .path-rating .ratingtable td.rating, 1287 .path-rating .ratingtable td.time {white-space:nowrap; text-align:center;} 1288 1289 /* Fix for ordered and unordered list in course topic summary & course weekly summary */ 1290 1291 .course-content ul.weeks .content .summary ul, 1292 .course-content ul.topics .content .summary ul {list-style: disc outside none;} 1293 1294 .course-content ul.weeks .content .summary ol, 1295 .course-content ul.topics .content .summary ol {list-style: decimal outside none;} 1296 1297 .dir-rtl #adminsettings #id_s__pathtodu, 1298 .dir-rtl #adminsettings #id_s__aspellpath, 1299 .dir-rtl #adminsettings #id_s__pathtodot, 1300 .dir-rtl #adminsettings #id_s__supportemail, 1301 .dir-rtl #adminsettings #id_s__supportpage, 1302 .dir-rtl #adminsettings #id_s__sessioncookie, 1303 .dir-rtl #adminsettings #id_s__sessioncookiepath, 1304 .dir-rtl #adminsettings #id_s__sessioncookiedomain, 1305 .dir-rtl #adminsettings #id_s__proxyhost, 1306 .dir-rtl #adminsettings #id_s__proxyuser, 1307 .dir-rtl #adminsettings #id_s__proxypassword, 1308 .dir-rtl #adminsettings #id_s__proxybypass, 1309 .dir-rtl #adminsettings #id_s__jabberhost, 1310 .dir-rtl #adminsettings #id_s__jabberserver, 1311 .dir-rtl #adminsettings #id_s__jabberusername, 1312 .dir-rtl #adminsettings #id_s__jabberpassword, 1313 .dir-rtl #adminsettings #id_s__additionalhtmlhead, 1314 .dir-rtl #adminsettings #id_s__additionalhtmltopofbody, 1315 .dir-rtl #adminsettings #id_s__additionalhtmlfooter, 1316 .dir-rtl #adminsettings #id_s__docroot, 1317 .dir-rtl #adminsettings #id_s__filter_tex_latexpreamble, 1318 .dir-rtl #adminsettings #id_s__filter_tex_latexbackground, 1319 .dir-rtl #adminsettings #id_s__filter_tex_pathlatex, 1320 .dir-rtl #adminsettings #id_s__filter_tex_pathdvips, 1321 .dir-rtl #adminsettings #id_s__filter_tex_pathconvert, 1322 .dir-rtl #adminsettings #id_s__blockedip, 1323 .dir-rtl #adminsettings #id_s__pathtoclam, 1324 .dir-rtl #adminsettings #id_s__quarantinedir, 1325 .dir-rtl #adminsettings #id_s__sitepolicy, 1326 .dir-rtl #adminsettings #id_s__sitepolicyguest, 1327 .dir-rtl #adminsettings #id_s__cronremotepassword, 1328 .dir-rtl #adminsettings #id_s__allowedip, 1329 .dir-rtl #adminsettings #id_s__blockedip, 1330 .dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids, 1331 .dir-rtl #adminsettings #id_s_enrol_ldap_host_url, 1332 .dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding, 1333 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn, 1334 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw, 1335 .dir-rtl #adminsettings #admin-emoticons .form-text, 1336 .dir-rtl #adminsettings #admin-role_mapping input[type=text], 1337 .dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness, 1338 .dir-rtl #adminsettings #id_s_enrol_flatfile_location, 1339 #page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text], 1340 #page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text], 1341 #page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;} 1342 1343 #page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;} 1344 1345 #page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;} 1346 .initialbar a {padding-right: 2px;} 1347 1348 /* Moodle Dialogue Settings (moodle-core-dialogue) */ 1349 .moodle-dialogue-base .moodle-dialogue-lightbox { 1350 background-color:#AAA; 1351 } 1352 1353 .moodle-dialogue-base .moodle-dialogue { 1354 outline: #000 dotted 0; 1355 } 1356 1357 .moodle-dialogue-base .hidden, 1358 .moodle-dialogue-base .moodle-dialogue-hidden {display:none;} 1359 .moodle-dialogue-base .moodle-dialogue { 1360 padding: 0; 1361 margin: 0; 1362 background: none; 1363 border: none; 1364 /* Override the z-index set incorrectly by the YUI dialogue */ 1365 z-index: 600; 1366 } 1367 1368 .no-scrolling { overflow: hidden; } 1369 1370 .moodle-dialogue-base .moodle-dialogue-fullscreen { 1371 left: 0px; 1372 top: 0px; 1373 right: 0px; 1374 bottom: -50px; 1375 position: fixed; 1376 } 1377 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content { 1378 overflow: auto; 1379 } 1380 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton { 1381 width: 28px; 1382 height: 16px; 1383 background-size: 100%; 1384 } 1385 1386 1387 .moodle-dialogue-base .moodle-dialogue-wrap { 1388 margin-top:-3px; 1389 margin-left:-3px; 1390 background-color: #FFFFFF; 1391 border: 1px solid #CCCCCC; 1392 border-radius: 10px; 1393 box-shadow: 5px 5px 20px 0px #666666; 1394 -webkit-box-shadow: 5px 5px 20px 0px #666666; 1395 -moz-box-shadow: 5px 5px 20px 0px #666666; 1396 overflow: hidden; 1397 } 1398 .moodle-dialogue-base h3 { 1399 margin: 0; 1400 line-height: 20px; 1401 } 1402 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd, 1403 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd { 1404 margin:0; 1405 padding:5px; 1406 font-size:12px; 1407 font-weight: normal; 1408 letter-spacing: 1px; 1409 color:#333333; 1410 text-align: center; 1411 text-shadow: 1px 1px 1px #FFFFFF; 1412 border-radius: 10px 10px 0px 0px; 1413 border-bottom: 1px solid #BBBBBB; 1414 background-color: #CCCCCC; 1415 -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important; 1416 -ms-filter: dropshadow(color=#FFFFFF, offx=1, offy=1); 1417 background-image: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC); /* For Chrome and Safari */ 1418 background-image: -moz-linear-gradient(top, #FFFFFF, #CCCCCC); /* For old Fx (3.6 to 15) */ 1419 background-image: -ms-linear-gradient(top, #FFFFFF, #CCCCCC); /* For pre-releases of IE 10*/ 1420 background-image: -o-linear-gradient(top, #FFFFFF, #CCCCCC); /* For old Opera (11.1 to 12.0) */ 1421 background-image: linear-gradient(to bottom, #FFFFFF, #CCCCCC); /* Standard syntax; must be last */ 1422 } 1423 1424 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 { 1425 margin:0; 1426 padding:0; 1427 display:inline; 1428 font-size: 100%; 1429 font-weight: bold; 1430 } 1431 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons { 1432 padding: 5px; 1433 } 1434 .moodle-dialogue-base .closebutton { 1435 width:25px; 1436 height:15px; 1437 float:right; 1438 vertical-align:middle; 1439 display:inline-block; 1440 cursor:pointer; 1441 padding:0px; 1442 background-image:url([[pix:theme|sprite]]); 1443 background-repeat:no-repeat; 1444 border-style:none; 1445 } 1446 .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons { 1447 left: 0px; 1448 right: auto; 1449 } 1450 1451 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd { 1452 padding: 1em; 1453 line-height: 2em; 1454 color: #555; 1455 font-size: 12px; 1456 } 1457 1458 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content { 1459 padding:0px; 1460 background:#FFF; 1461 } 1462 1463 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd { 1464 padding: 10px; 1465 font-size: 16px; 1466 } 1467 1468 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content { 1469 overflow: auto; 1470 position: absolute; 1471 top: 0px; 1472 bottom: 50px; 1473 left: 0px; 1474 right: 0px; 1475 margin: 0px; 1476 border: 0px; 1477 } 1478 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd, 1479 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap { 1480 border-radius: 0px; 1481 } 1482 1483 .moodle-dialogue-confirm .confirmation-dialogue {text-align:center;} 1484 .moodle-dialogue-confirm .confirmation-dialogue input {text-align:center;} 1485 .moodle-dialogue-exception .moodle-exception-message {text-align:center} 1486 .moodle-dialogue-exception .moodle-exception-param label {font-weight:bold;} 1487 .moodle-dialogue-exception .param-stacktrace label { 1488 background-color:#EEE; 1489 border:1px solid #ccc; 1490 border-bottom-width:0; 1491 } 1492 1493 .moodle-dialogue-exception .param-stacktrace pre { 1494 border:1px solid #ccc; 1495 background-color:#fff; 1496 } 1497 1498 .moodle-dialogue-exception .param-stacktrace .stacktrace-file { 1499 color:navy; 1500 font-size:80%; 1501 } 1502 .moodle-dialogue-exception .param-stacktrace .stacktrace-line { 1503 color:#AA0000; 1504 font-size:80%; 1505 } 1506 .moodle-dialogue-exception .param-stacktrace .stacktrace-call { 1507 color:#333; 1508 font-size:90%; 1509 border-bottom:1px solid #eee; 1510 } 1511 1512 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft { 1513 padding:0px; 1514 margin: 0.7em 1em; 1515 text-align: right; 1516 background-color: #FFF; 1517 font-size: 12px; 1518 } 1519 1520 .moodle-dialogue-confirm .confirmation-message {margin:0.5em 1em;} 1521 .moodle-dialogue-confirm .confirmation-dialogue input {min-width:80px} 1522 .moodle-dialogue-exception .moodle-exception-message {margin:1em;} 1523 .moodle-dialogue-exception .moodle-exception-param {margin-bottom:0.5em;} 1524 .moodle-dialogue-exception .moodle-exception-param label {width:150px;} 1525 .moodle-dialogue-exception .param-stacktrace label { 1526 display:block; 1527 margin:0; 1528 padding:4px 1em; 1529 } 1530 .moodle-dialogue-exception .param-stacktrace pre { 1531 display:block; 1532 height:200px; 1533 overflow:auto; 1534 } 1535 1536 .moodle-dialogue-exception .param-stacktrace .stacktrace-file { 1537 display:inline-block; 1538 margin:4px 0; 1539 } 1540 .moodle-dialogue-exception .param-stacktrace .stacktrace-line { 1541 display:inline-block; 1542 width:50px; 1543 margin:4px 1em; 1544 } 1545 .moodle-dialogue-exception .param-stacktrace .stacktrace-call { 1546 padding-left:25px; 1547 margin-bottom:4px; 1548 padding-bottom:4px; 1549 } 1550 1551 .moodle-dialogue .moodle-dialogue-bd .content-lightbox { 1552 opacity: .75; 1553 width: 100%; 1554 height: 100%; 1555 top: 0; 1556 left: 0; 1557 background-color: white; 1558 text-align: center; 1559 padding: 10% 0; 1560 } 1561 1562 /* Apply a default max-height on tooltip text */ 1563 .moodle-dialogue .tooltiptext { 1564 max-height: 300px; 1565 } 1566 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip { 1567 z-index: 3001; 1568 } 1569 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd { 1570 overflow: auto; 1571 } 1572 1573 /* Question Bank - Question Chooser "Close" button */ 1574 #page-question-edit.dir-rtl a.container-close {right:auto;left:6px;} 1575 1576 /** 1577 * Chooser Dialogues (moodle-core-chooserdialogue) 1578 * 1579 * This CSS belong to the chooser dialogue which should work both with, and 1580 * without javascript enabled 1581 */ 1582 /* Hide the dialog and it's title */ 1583 .chooserdialoguebody, 1584 .choosertitle { 1585 display:none; 1586 } 1587 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft { 1588 margin: 0; 1589 } 1590 1591 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd { 1592 padding: 0px; 1593 background: #F2F2F2; 1594 border-bottom-left-radius: 10px; 1595 border-bottom-right-radius: 10px; 1596 } 1597 1598 /* Center the submit buttons within the area */ 1599 .choosercontainer #chooseform .submitbuttons { 1600 padding: 0.7em 0; 1601 text-align: center; 1602 } 1603 1604 .choosercontainer #chooseform .submitbuttons input { 1605 min-width: 100px; 1606 margin: 0px 0.5em; 1607 } 1608 1609 /* Various settings for the options area */ 1610 .choosercontainer #chooseform .options { 1611 position: relative; 1612 border-bottom: 1px solid #BBBBBB; 1613 } 1614 1615 /* Only set these options if we're showing the js container */ 1616 .jschooser .choosercontainer #chooseform .alloptions { 1617 overflow-x: hidden; 1618 overflow-y: auto; 1619 max-width: 20.3em; 1620 box-shadow: inset 0px 0px 30px 0px #CCCCCC; 1621 -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC; 1622 -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC; 1623 } 1624 .dir-rtl.jschooser .choosercontainer #chooseform .alloptions { 1625 max-width: 18.3em; 1626 } 1627 1628 /* Settings for option rows and option subtypes */ 1629 .choosercontainer #chooseform .moduletypetitle, 1630 .choosercontainer #chooseform .option, 1631 .choosercontainer #chooseform .nonoption { 1632 margin-bottom: 0; 1633 padding: 0 1.6em 0 1.6em; 1634 } 1635 1636 .choosercontainer #chooseform .moduletypetitle { 1637 text-transform: uppercase; 1638 padding-top: 1.2em; 1639 padding-bottom: 0.4em; 1640 } 1641 1642 .choosercontainer #chooseform .option .typename, 1643 .choosercontainer #chooseform .option span.modicon img.icon, 1644 .choosercontainer #chooseform .nonoption .typename, 1645 .choosercontainer #chooseform .nonoption span.modicon img.icon { 1646 padding: 0 0 0 0.5em; 1647 } 1648 .dir-rtl .choosercontainer #chooseform .option .typename, 1649 .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon, 1650 .dir-rtl .choosercontainer #chooseform .nonoption .typename, 1651 .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon { 1652 padding: 0 0.5em 0 0; 1653 } 1654 1655 .chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon, 1656 .chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon { 1657 height: 24px; width: 24px; 1658 } 1659 1660 .choosercontainer #chooseform .option input[type=radio], 1661 .choosercontainer #chooseform .option span.typename, 1662 .choosercontainer #chooseform .option span.modicon { 1663 vertical-align: middle; 1664 } 1665 1666 .choosercontainer #chooseform .option label { 1667 display: block; 1668 padding: 0.3em 0 0.1em 0; 1669 border-bottom: 1px solid #FFFFFF; 1670 } 1671 1672 .choosercontainer #chooseform .nonoption { 1673 padding-left: 2.7em; 1674 padding-top: 0.3em; 1675 padding-bottom: 0.1em; 1676 } 1677 .dir-rtl .choosercontainer #chooseform .nonoption { 1678 padding-right: 2.7em; 1679 padding-left: 0; 1680 } 1681 1682 .choosercontainer #chooseform .subtype { 1683 margin-bottom: 0; 1684 padding: 0 1.6em 0 3.2em; 1685 } 1686 .dir-rtl .choosercontainer #chooseform .subtype { 1687 padding: 0 3.2em 0 1.6em; 1688 } 1689 1690 .choosercontainer #chooseform .subtype .typename { 1691 margin: 0 0 0 0.2em; 1692 } 1693 .dir-rtl .choosercontainer #chooseform .subtype .typename { 1694 margin: 0 0.2em 0 0; 1695 } 1696 1697 /* The instruction/help area */ 1698 .jschooser .choosercontainer #chooseform .instruction, 1699 .jschooser .choosercontainer #chooseform .typesummary { 1700 display: none; 1701 position: absolute; 1702 top: 0px; 1703 right: 0px; 1704 bottom: 0px; 1705 left: 20.3em; 1706 margin: 0; 1707 padding: 1.6em; 1708 background-color: #FFFFFF; 1709 overflow-x: hidden; 1710 overflow-y: auto; 1711 line-height: 2em; 1712 } 1713 1714 .dir-rtl.jschooser .choosercontainer #chooseform .instruction, 1715 .dir-rtl.jschooser .choosercontainer #chooseform .typesummary { 1716 left: 0px; 1717 right: 18.5em; 1718 border-right: 1px solid grey; 1719 } 1720 1721 /* Selected option settings */ 1722 .jschooser .choosercontainer #chooseform .instruction, 1723 .choosercontainer #chooseform .selected .typesummary { 1724 display: block; 1725 } 1726 1727 .choosercontainer #chooseform .selected { 1728 background-color: #FFFFFF; 1729 box-shadow: 0px 0px 10px 0px #CCCCCC; 1730 -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC; 1731 -moz-box-shadow: 0px 0px 10px 0px #CCCCCC; 1732 } 1733 .section-modchooser-link img.smallicon { padding-right: 3px; } 1734 .dir-rtl .section-modchooser-link img.smallicon { padding-left: 3px; padding-right: 0;} 1735 1736 /* Install Process' text fields Forms, should always be justified to the left */ 1737 form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot, 1738 form#installform #id_dbhost, form#installform #id_dbname, form#installform #id_dbuser, 1739 form#installform #id_dbpass, form#installform #id_prefix 1740 {direction: ltr;} 1741 1742 html[dir=rtl] .breadcrumb, 1743 html[dir=rtl] .headermain, 1744 html[dir=rtl] #page-header, 1745 html[dir=rtl] #page-content {float: right;} 1746 1747 html[dir=rtl] .formrow label.formlabel { float:right; } 1748 1749 html[dir=rtl] .configphp {direction:ltr;text-align:left;} 1750 1751 table.flexible > tbody > tr:nth-of-type(odd), table.generaltable > tbody > tr:nth-of-type(odd) {background-color: #F0F0F0;} 1752 table.flexible > tbody > tr:nth-of-type(even), table.generaltable > tbody > tr:nth-of-type(even) {background-color: #FAFAFA;} 1753 table.flexible .emptyrow {display: none;} 1754 1755 /* Form element: listing */ 1756 .formlistingradio {padding-bottom: 25px; padding-right: 10px;} 1757 .formlistinginputradio {float: left;} 1758 .formlistingmain {min-height: 225px;} 1759 .formlistingradiocontent {} 1760 .formlisting { 1761 position: relative; 1762 margin: 15px 0; 1763 padding: 1px 19px 14px; 1764 background-color: white; 1765 border: 1px solid #DDD; 1766 -webkit-border-radius: 4px; 1767 -moz-border-radius: 4px; 1768 border-radius: 4px; 1769 } 1770 1771 .formlistingmore { 1772 position: absolute; 1773 cursor: pointer; 1774 bottom: -1px; 1775 right: -1px; 1776 padding: 3px 7px; 1777 font-size: 12px; 1778 font-weight: bold; 1779 background-color: whiteSmoke; 1780 border: 1px solid #DDD; 1781 color: #9DA0A4; 1782 -webkit-border-radius: 4px 0 4px 0; 1783 -moz-border-radius: 4px 0 4px 0; 1784 border-radius: 4px 0 4px 0; 1785 } 1786 1787 .formlistingall { 1788 margin: 15px 0; 1789 padding: 0px 0px 0px; 1790 -webkit-border-radius: 4px; 1791 -moz-border-radius: 4px; 1792 border-radius: 4px; 1793 } 1794 1795 .formlistingrow { 1796 cursor: pointer; 1797 border-bottom: 1px solid; 1798 border-color: #E1E1E8; 1799 border-left: 1px solid #E1E1E8; 1800 border-right: 1px solid #E1E1E8; 1801 background-color: #F7F7F9; 1802 -webkit-border-radius: 0px 0px 4px 4px; 1803 -moz-border-radius: 0px 0px 4px 4px; 1804 padding: 6px; 1805 top: 50%; 1806 left: 50%; 1807 min-height: 34px; 1808 float:left; 1809 width: 150px; 1810 } 1811 1812 body.jsenabled .formlistingradio { 1813 display: none; 1814 } 1815 1816 body.jsenabled .formlisting { 1817 display: block; 1818 } 1819 1820 /** 1821 * Badges styles 1822 */ 1823 #badge-overview h3, 1824 #badge h3 { 1825 clear: both; 1826 text-align: left; 1827 padding-top: 10px; 1828 } 1829 .dir-rtl #badge h3 { 1830 text-align: right; 1831 } 1832 1833 #badge-image, 1834 #badge-details { 1835 display: inline-block; 1836 } 1837 #badge-image { 1838 width: 200px; 1839 vertical-align: top; 1840 } 1841 #badge-image .singlebutton { 1842 padding-top: 5px; 1843 margin-left: 20px; 1844 } 1845 #badge-overview dl, 1846 #badge-details dl { 1847 margin: 0; 1848 } 1849 #badge-overview dt, 1850 #badge-details dt { 1851 font-weight: bold; 1852 clear: both; 1853 float: left; 1854 width: 20%; 1855 } 1856 #badge-overview dd, 1857 #badge-details dd { 1858 float: left; 1859 width: 75%; 1860 } 1861 #badge-overview dd, 1862 #badge-details dd, 1863 #badge-overview dt, 1864 #badge-details dt { 1865 padding: 3px 0; 1866 } 1867 1868 #page-badges-view .collection { width: 90%; margin: 1em auto; } 1869 #page-badges-index .collection { width: 85%; margin: 1em auto; } 1870 1871 table.collection th { font-size: inherit !important; border-width: 1px; border-style: solid; border-color: #CCCCCC; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: top; text-align: center !important; } 1872 table.collection td { border-width: 1px; border-style: solid; border-color: #CCCCCC; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: top; } 1873 table.collection > tbody > tr:nth-of-type(even) { background-color: #FFFFFF; } 1874 table.collection > tbody > tr:nth-of-type(odd) { background-color: #F6F6F6; } 1875 table.collection ul { margin: 0.5em 0.5em 0.5em 2em; } 1876 .dir-rtl table.collection ul { margin: 0.5em 2em 0.5em 0.5em; } 1877 1878 #page-badges-view table.collection .badgeimage, 1879 #page-badges-index table.collection .status { width: 15%; text-align: center; vertical-align: middle; } 1880 #page-badges-view table.collection .awards, 1881 #page-badges-index table.collection .awards { width: 10%; text-align: center; vertical-align: middle; } 1882 #page-badges-view table.collection .description { width: 25%; text-align: left; } 1883 #page-badges-view.dir-rtl table.collection .description { width: 25%; text-align: right; } 1884 1885 table.collection .name { text-align: left; vertical-align: middle; } 1886 .dir-rtl table.collection .name { text-align: right; vertical-align: middle; } 1887 #page-badges-view table.collection .criteria { width: 35%; text-align: left; vertical-align: top; } 1888 #page-badges-view.dir-rtl table.collection .criteria { text-align: right; } 1889 #page-badges-index table.collection .criteria { width: 40%; text-align: left; vertical-align: top; } 1890 #page-badges-index.dir-rtl table.collection .criteria { text-align: right; } 1891 #page-badges-index table.collection .actions { width: 11em; text-align: center; vertical-align: middle; } 1892 1893 a.criteria-action { padding: 0px 3px; float: right; } 1894 .dir-rtl a.criteria-action { float: left; } 1895 1896 ul.badges { margin: 0; list-style: none; } 1897 .badges li { position: relative; display: inline-block; padding-bottom: 2em; text-align: center; vertical-align: top; width: 150px; } 1898 .badges li .badge-name { display: block; padding: 5px; } 1899 .badges li > img { position: absolute; } 1900 .badges li .badge-image { width: 100px; height: 100px; left: 10px; top: 0px; z-index: 1; } 1901 .dir-rtl .badges li .badge-image { right: 10px; } 1902 .badges li .badge-actions { position: relative; } 1903 1904 div.badge { position: relative; display: block; } 1905 div.badge .expireimage { width: 100px; height: 100px; left: 0px; top: 0px; } 1906 .expireimage { width: 100px; height: 100px; left: 25px; top: 0px; position: absolute; z-index:10; filter: alpha(opacity = 85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;} 1907 1908 .badge-profile { vertical-align: top; } 1909 .connected { color: #006600; } 1910 .notconnected { color: #660000; } 1911 1912 #page-badges-award .recipienttable { background-color: #EEEEEE; border: 1px solid #BBBBBB; width: 100%; vertical-align: top; } 1913 #page-badges-award .recipienttable tr td { vertical-align: top; } 1914 #page-badges-award .recipienttable tr td.actions { width: 16%; padding-top: 3em; } 1915 #page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; } 1916 #page-badges-award .recipienttable tr td.existing, 1917 #page-badges-award .recipienttable tr td.potential { width: 42%; } 1918 1919 #issued-badge-table .activatebadge { 1920 display: inline-block; 1921 } 1922 #issued-badge-table div.activatebadge { 1923 margin-left: 3px; 1924 } 1925 .statusbox { border-color: #BBBBBB; padding: 5px;text-align: center;} 1926 .statusbox.active { background-color: #D9F991; } 1927 .statusbox.inactive { background-color: #FFEBA8; } 1928 .statusbox .activatebadge { 1929 display: inline-block; 1930 } 1931 .statusbox .activatebadge input[type=submit]{ 1932 margin: 3px; 1933 } 1934 .dir-rtl .activatebadge { text-align: right; } 1935 .addcourse { float: right; } 1936 .dir-rtl .addcourse { float: left; } 1937 img#persona_signin { cursor: pointer; } 1938 1939 /** 1940 * The date selector popup. 1941 */ 1942 div#dateselector-calendar-panel { 1943 z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */ 1944 } 1945 1946 .path-mod-lesson .centerpadded { padding: 5px; text-align: center; } 1947 1948 /** Action menu component styles **/ 1949 .moodle-actionmenu, 1950 .moodle-actionmenu > ul, 1951 .moodle-actionmenu > ul > li {display: inline-block;} 1952 .moodle-actionmenu ul {padding: 0;margin: 0;list-style-type: none;} 1953 #page .moodle-actionmenu a.hidden {display: none;} 1954 .moodle-actionmenu .toggle-display, 1955 .moodle-actionmenu .menu-action-text {display: none;} 1956 1957 .jsenabled .block .editing_move {display: none;} 1958 .jsenabled .moodle-actionmenu[data-enhance] {display: block;} 1959 .jsenabled .moodle-actionmenu[data-enhance] .menu {display: none;} 1960 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display {display: inline;opacity: 0.5;filter: alpha(opacity=50);} 1961 1962 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu { 1963 display: block; 1964 margin-left: 4px; 1965 padding-left: 4px; 1966 padding-right: 4px; 1967 } 1968 1969 .jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu { 1970 margin-right: 4px; 1971 margin-left: initial; 1972 } 1973 1974 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall { 1975 margin: 8px 4px 0px 2px; 1976 } 1977 1978 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret { 1979 margin-top: 4px; 1980 margin-left: 2px; 1981 } 1982 1983 .jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret { 1984 margin-right: 2px; 1985 margin-left: initial; 1986 } 1987 1988 .jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {opacity: 1;filter: alpha(opacity=100);} 1989 .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text { 1990 display: inline; 1991 } 1992 1993 .moodle-actionmenu[data-enhanced].show {position: relative;} 1994 .moodle-actionmenu[data-enhanced].show .menu {position: absolute;text-align:left;z-index: 1000;display: block;background-color: #fff;border: 1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 5px 5px 20px 0 #666666;-moz-box-shadow: 5px 5px 20px 0 #666666;box-shadow: 5px 5px 20px 0 #666666;} 1995 .moodle-actionmenu[data-enhanced].show .menu a { 1996 display: block; 1997 padding: 2px 1em 2px 28px; 1998 color: #333333; 1999 } 2000 .moodle-actionmenu[data-enhanced].show .menu a > img { 2001 margin: 4px 4px 4px -24px; 2002 padding: 4px; 2003 width: 12px; 2004 height: 12px; 2005 } 2006 .moodle-actionmenu[data-enhanced].show .menu a > img, 2007 .moodle-actionmenu[data-enhanced].show .menu a > span { 2008 display: inline-block; 2009 vertical-align: middle; 2010 } 2011 .moodle-actionmenu[data-enhanced].show .menu a:hover {color: #ffffff;background-color: #0088cc;} 2012 .moodle-actionmenu[data-enhanced].show .menu a:first-child {-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-topleft: 4px;} 2013 .moodle-actionmenu[data-enhanced].show .menu a:last-child {-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;} 2014 .moodle-actionmenu[data-enhanced].show .menu a.hidden {display: none;} 2015 .moodle-actionmenu[data-enhanced].show .menu img {vertical-align: middle;} 2016 .moodle-actionmenu[data-enhanced].show .menu > li {display: block;} 2017 .block .moodle-actionmenu {text-align: right;} 2018 2019 .dir-rtl .block .moodle-actionmenu {text-align: right;} 2020 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu a { display: block; padding: 2px 28px 2px 1em; } 2021 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu {text-align: right;right: auto;left: 0;} 2022 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall, 2023 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu .smallicon { margin-right: -24px; margin-left: 4px; } 2024 2025 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-bl {top: 100%;left: 0;margin-top: 4px;} 2026 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-bl {top: 100%;right: 100%;} 2027 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-bl {bottom: 100%;left: 0;} 2028 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-bl {right: 100%;bottom: 100%;} 2029 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-br {top: 100%;left: 100%;} 2030 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-br {top: 100%;right: 0;margin-top: 4px;} 2031 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-br {bottom: 100%;left: 100%;} 2032 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-br {right: 0;bottom: 100%;} 2033 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tl {top: 0;left: 0;} 2034 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tl {top: 0;right: 100%;margin-right: 4px;} 2035 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tl {bottom: 100%;left: 0;margin-bottom: 4px;} 2036 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tl {right: 100%;bottom: 100%;} 2037 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tr {top: 0;left: 100%;margin-left: 4px;} 2038 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tr {top: 0;right: 0;} 2039 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tr {bottom: 100%;left: 100%;} 2040 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tr {right: 0;bottom: 100%;margin-bottom: 4px;} 2041 2042 .moodle-actionmenu > ul > li[role="menuitem"] { 2043 display: none; 2044 } 2045 2046 .jsenabled .moodle-actionmenu[data-enhance="moodle-core-actionmenu"] > ul > li[role="menuitem"] { 2047 display: inline-block; 2048 } 2049 2050 .dir-rtl .menu.align-tl-bl {right: 0;left: auto;} 2051 .dir-rtl .menu.align-tr-bl {right: auto;left: 100%;} 2052 .dir-rtl .menu.align-bl-bl {right: 0;left: auto;} 2053 .dir-rtl .menu.align-br-bl {right: auto;left: 100%;} 2054 .dir-rtl .menu.align-tl-br {right: 100%;left: auto;} 2055 .dir-rtl .menu.align-tr-br {right: auto;left: 0;} 2056 .dir-rtl .menu.align-bl-br {right: 100%;left: auto;} 2057 .dir-rtl .menu.align-br-br {right: auto;left: 0;} 2058 .dir-rtl .menu.align-tl-tl {right: 0;left: auto;} 2059 .dir-rtl .menu.align-tr-tl {right: auto;left: 100%;} 2060 .dir-rtl .menu.align-bl-tl {right: 0;left: auto;} 2061 .dir-rtl .menu.align-br-tl {right: auto;left: 100%;} 2062 .dir-rtl .menu.align-tl-tr {right: 100%;left: auto;} 2063 .dir-rtl .menu.align-tr-tr {right: auto;left: 0;} 2064 .dir-rtl .menu.align-bl-tr {right: 100%;left: auto;} 2065 .dir-rtl .menu.align-br-tr {right: auto;left: 0;} 2066 2067 ul.dragdrop-keyboard-drag li { list-style-type: none; } 2068 .block-control-actions .moodle-core-dragdrop-draghandle img { width: 12px; height: 12px; } 2069 2070 .block .header h2, 2071 .course-content h3, 2072 .pagelayout-frontpage h2, 2073 .pagelayout-frontpage h3, 2074 .pagelayout-frontpage h4, 2075 .pagelayout-frontpage h5, 2076 .pagelayout-frontpage h6, 2077 .pagelayout-coursecategory h3, 2078 .pagelayout-coursecategory h4, 2079 .pagelayout-coursecategory h5, 2080 .pagelayout-coursecategory h6 { 2081 text-align: inherit; 2082 } 2083 a.disabled:hover, 2084 a.disabled { 2085 text-decoration: none; 2086 cursor: default; 2087 font-style: italic; 2088 color: #808080; 2089 } 2090 2091 .caret { 2092 display: inline-block; 2093 width: 0; 2094 height: 0; 2095 vertical-align: top; 2096 border-top: 4px solid #777; 2097 border-right: 4px solid transparent; 2098 border-left: 4px solid transparent; 2099 content: ""; 2100 } 2101 2102 a:focus .caret, 2103 a:hover .caret { 2104 border-top-color: #555; 2105 } 2106 2107 /** 2108 * Bootstrap 2.3.2 progress bar css. 2109 * Required for none bootstrap theme. 2110 */ 2111 2112 @-webkit-keyframes progress-bar-stripes { 2113 from { 2114 background-position: 40px 0; 2115 } 2116 to { 2117 background-position: 0 0; 2118 } 2119 } 2120 2121 @-moz-keyframes progress-bar-stripes { 2122 from { 2123 background-position: 40px 0; 2124 } 2125 to { 2126 background-position: 0 0; 2127 } 2128 } 2129 2130 @-ms-keyframes progress-bar-stripes { 2131 from { 2132 background-position: 40px 0; 2133 } 2134 to { 2135 background-position: 0 0; 2136 } 2137 } 2138 2139 @-o-keyframes progress-bar-stripes { 2140 from { 2141 background-position: 0 0; 2142 } 2143 to { 2144 background-position: 40px 0; 2145 } 2146 } 2147 2148 @keyframes progress-bar-stripes { 2149 from { 2150 background-position: 40px 0; 2151 } 2152 to { 2153 background-position: 0 0; 2154 } 2155 } 2156 2157 .progress { 2158 height: 20px; 2159 margin-bottom: 20px; 2160 overflow: hidden; 2161 background-color: #f7f7f7; 2162 background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); 2163 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); 2164 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); 2165 background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); 2166 background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); 2167 background-repeat: repeat-x; 2168 -webkit-border-radius: 4px; 2169 -moz-border-radius: 4px; 2170 border-radius: 4px; 2171 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); 2172 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 2173 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 2174 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 2175 } 2176 2177 .progress .bar { 2178 float: left; 2179 width: 0; 2180 height: 100%; 2181 font-size: 12px; 2182 color: #ffffff; 2183 text-align: center; 2184 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 2185 background-color: #0e90d2; 2186 background-image: -moz-linear-gradient(top, #149bdf, #0480be); 2187 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); 2188 background-image: -webkit-linear-gradient(top, #149bdf, #0480be); 2189 background-image: -o-linear-gradient(top, #149bdf, #0480be); 2190 background-image: linear-gradient(to bottom, #149bdf, #0480be); 2191 background-repeat: repeat-x; 2192 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); 2193 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 2194 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 2195 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 2196 -webkit-box-sizing: border-box; 2197 -moz-box-sizing: border-box; 2198 box-sizing: border-box; 2199 -webkit-transition: width 0.6s ease; 2200 -moz-transition: width 0.6s ease; 2201 -o-transition: width 0.6s ease; 2202 transition: width 0.6s ease; 2203 } 2204 2205 .progress .bar + .bar { 2206 -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); 2207 -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); 2208 box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); 2209 } 2210 2211 .progress-striped .bar { 2212 background-color: #149bdf; 2213 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 2214 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 2215 background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 2216 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 2217 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 2218 -webkit-background-size: 40px 40px; 2219 -moz-background-size: 40px 40px; 2220 -o-background-size: 40px 40px; 2221 background-size: 40px 40px; 2222 } 2223 2224 .progress.active .bar { 2225 -webkit-animation: progress-bar-stripes 2s linear infinite; 2226 -moz-animation: progress-bar-stripes 2s linear infinite; 2227 -ms-animation: progress-bar-stripes 2s linear infinite; 2228 -o-animation: progress-bar-stripes 2s linear infinite; 2229 animation: progress-bar-stripes 2s linear infinite; 2230 } 2231 2232 body.lockscroll { 2233 height: 100%; 2234 overflow: hidden; 2235 } 2236 2237 /* Dropdown Menu styling */ 2238 .dropdown-menu { 2239 background-color: #fff; 2240 border: 1px solid #ccc; 2241 border: 1px solid rgba(0, 0, 0, 0.2); 2242 position: absolute; 2243 top: 100%; 2244 left: 0; 2245 z-index: 1000; 2246 display: none; 2247 float: left; 2248 min-width: 160px; 2249 padding: 5px 0; 2250 margin: 2px 0 0; 2251 list-style: none; 2252 *border-right-width: 2px; 2253 *border-bottom-width: 2px; 2254 -webkit-border-radius: 6px; 2255 -moz-border-radius: 6px; 2256 border-radius: 6px; 2257 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 2258 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 2259 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 2260 -webkit-background-clip: padding-box; 2261 -moz-background-clip: padding; 2262 background-clip: padding-box; 2263 } 2264 2265 .dropdown-menu > li > a { 2266 display: block; 2267 padding: 3px 20px; 2268 clear: both; 2269 font-weight: normal; 2270 line-height: 20px; 2271 white-space: nowrap; 2272 } 2273 .dropdown-menu > li > a:hover, 2274 .dropdown-menu > li > a:focus { 2275 text-decoration: none; 2276 background-repeat: repeat-x; 2277 } 2278 .dropdown-menu > .active > a, 2279 .dropdown-menu > .active > a:hover, 2280 .dropdown-menu > .active > a:focus { 2281 text-decoration: none; 2282 outline: 0; 2283 } 2284 .dropdown-menu > .disabled > a:hover, 2285 .dropdown-menu > .disabled > a:focus { 2286 text-decoration: none; 2287 background-color: transparent; 2288 background-image: none; 2289 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 2290 cursor: default; 2291 } 2292 .open { 2293 *z-index: 1000; 2294 } 2295 .open > .dropdown-menu { 2296 display: block; 2297 } 2298 2299 .editor_atto_menu .moodle-dialogue-content { 2300 padding: 0; 2301 border: inherit; 2302 } 2303 2304 .well { 2305 min-height: 20px; 2306 padding: 19px; 2307 background-color: #f5f5f5; 2308 border: 1px solid #e3e3e3; 2309 border-radius: 4px; 2310 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 2311 } 2312 2313 .well-small { 2314 padding: 9px; 2315 } 2316 2317 .progressbar_container { 2318 max-width: 500px; 2319 margin: 0 auto; 2320 } 2321 2322 /* IE10 only fix for calendar titling */ 2323 .ie10 .yui3-calendar-header-label { 2324 display: inline-block; 2325 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated: Fri Nov 28 20:29:05 2014 | Cross-referenced by PHPXref 0.7.1 |