resources/src/mediawiki.special/mediawiki.special.apisandbox.css

   1 .mw-apisandbox-fullscreen {
   2         overflow: hidden;
   3 }
   4
   5 .mw-apisandbox-toolbar {
   6         text-align: right;
   7         padding: 0.5em;
   8 }
   9
  10 .mw-apisandbox-popup .oo-ui-popupWidget-body > .oo-ui-widget {
  11         vertical-align: middle;
  12 }
  13
  14 /* So DateTimeInputWidget's calendar popup works... */
  15 .mw-apisandbox-popup .oo-ui-popupWidget-popup,
  16 .mw-apisandbox-popup .oo-ui-popupWidget-body {
  17         overflow: visible;
  18 }
  19
  20 .mw-apisandbox-fullscreen #mw-apisandbox-ui {
  21         position: fixed;
  22         top: 0;
  23         left: 0;
  24         bottom: 0;
  25         right: 0;
  26         background: #fff;
  27         z-index: 100;
  28 }
  29
  30 .mw-apisandbox-fullscreen .mw-apisandbox-container {
  31         border-width: 1px 0 0 0;
  32         border-radius: 0;
  33 }
  34
  35 .mw-apisandbox-spacer {
  36         display: inline-block;
  37         height: 1px;
  38         width: 5em;
  39 }
  40
  41 .mw-apisandbox-help-field {
  42         border-bottom: 1px solid rgba( 0, 0, 0, 0.1 );
  43 }
  44
  45 .mw-apisandbox-help-field:last-child {
  46         border-bottom: none;
  47 }
  48
  49 .mw-apisandbox-optionalWidget {
  50         width: 100%;
  51 }
  52
  53 .mw-apisandbox-optionalWidget.oo-ui-widget-disabled {
  54         position: relative;
  55         z-index: 0; /* New stacking context to prevent the overlay from leaking out */
  56 }
  57
  58 .mw-apisandbox-optionalWidget-overlay {
  59         position: absolute;
  60         left: 0;
  61         right: 0;
  62         top: 0;
  63         bottom: 0;
  64         z-index: 2;
  65         cursor: pointer;
  66 }
  67
  68 .mw-apisandbox-optionalWidget-fields {
  69         display: table;
  70         width: 100%;
  71 }
  72
  73 .mw-apisandbox-optionalWidget-widget,
  74 .mw-apisandbox-optionalWidget-checkbox {
  75         display: table-cell;
  76         vertical-align: middle;
  77 }
  78
  79 .mw-apisandbox-optionalWidget-checkbox {
  80         width: 1%; /* Will be expanded by content */
  81         white-space: nowrap;
  82         padding-left: 0.5em;
  83 }
  84
  85 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator.mw-apisandbox-clickable-indicator {
  86         cursor: pointer;
  87 }
  88
  89 .mw-apisandbox-textInputCode .oo-ui-inputWidget-input {
  90         font-family: monospace, 'Courier';
  91         font-size: 0.8125em;
  92         -moz-tab-size: 4;
  93         -o-tab-size: 4;
  94         tab-size: 4;
  95 }