[ Index ]

PHP Cross Reference of moodle-2.8

title

Body

[close]

/theme/base/style/ -> core.css (source)

   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  }


Generated: Fri Nov 28 20:29:05 2014 Cross-referenced by PHPXref 0.7.1