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-ui .mw-apisandbox-link {
  11         display: none;
  12 }
  13
  14 .mw-apisandbox-popup .oo-ui-popupWidget-body > .oo-ui-widget {
  15         vertical-align: middle;
  16 }
  17
  18 /* So DateTimeInputWidget's calendar popup works... */
  19 .mw-apisandbox-popup .oo-ui-popupWidget-popup,
  20 .mw-apisandbox-popup .oo-ui-popupWidget-body {
  21         overflow: visible;
  22 }
  23
  24 /* Display contents of the popup on a single line */
  25 .mw-apisandbox-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body {
  26         display: table;
  27 }
  28
  29 .mw-apisandbox-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > * {
  30         display: table-cell;
  31 }
  32
  33 .mw-apisandbox-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > .oo-ui-buttonWidget {
  34         padding-left: 0.5em;
  35         width: 1%;
  36 }
  37
  38 .mw-apisandbox-fullscreen #mw-apisandbox-ui {
  39         position: fixed;
  40         top: 0;
  41         left: 0;
  42         bottom: 0;
  43         right: 0;
  44         background: #fff;
  45 }
  46
  47 .mw-apisandbox-fullscreen .mw-apisandbox-container {
  48         border-width: 1px 0 0 0;
  49         border-radius: 0;
  50 }
  51
  52 .mw-apisandbox-spacer {
  53         display: inline-block;
  54         height: 1px;
  55         width: 5em;
  56 }
  57
  58 .mw-apisandbox-help-field {
  59         border-bottom: 1px solid rgba( 0, 0, 0, 0.1 );
  60 }
  61
  62 .mw-apisandbox-help-field:last-child {
  63         border-bottom: 0;
  64 }
  65
  66 .mw-apisandbox-optionalWidget {
  67         width: 100%;
  68 }
  69
  70 .mw-apisandbox-optionalWidget.oo-ui-widget-disabled {
  71         position: relative;
  72         z-index: 0; /* New stacking context to prevent the cover from leaking out */
  73 }
  74
  75 .mw-apisandbox-optionalWidget-cover {
  76         position: absolute;
  77         left: 0;
  78         right: 0;
  79         top: 0;
  80         bottom: 0;
  81         z-index: 2;
  82         cursor: pointer;
  83 }
  84
  85 .mw-apisandbox-optionalWidget-fields {
  86         display: table;
  87         width: 100%;
  88 }
  89
  90 .mw-apisandbox-optionalWidget-widget,
  91 .mw-apisandbox-optionalWidget-checkbox {
  92         display: table-cell;
  93         vertical-align: middle;
  94 }
  95
  96 .mw-apisandbox-optionalWidget-checkbox {
  97         width: 1%; /* Will be expanded by content */
  98         white-space: nowrap;
  99         padding-left: 0.5em;
 100 }
 101
 102 .mw-apisandbox-textInputCode .oo-ui-inputWidget-input {
 103         font-family: monospace, monospace;
 104         font-size: 0.8125em;
 105         -moz-tab-size: 4;
 106         tab-size: 4;
 107 }
 108
 109 .mw-apisandbox-widget-field .oo-ui-textInputWidget {
 110         /* Leave at least enough space for icon, indicator, and a sliver of text */
 111         min-width: 6em;
 112 }
 113
 114 .apihelp-deprecated {
 115         font-weight: bold;
 116         color: #d33;
 117 }
 118
 119 .apihelp-deprecated-value .oo-ui-labelElement-label {
 120         text-decoration: line-through;
 121 }