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

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