1 files changed, 121 insertions, 0 deletions
diff --git a/www/wiki/resources/src/mediawiki.special/mediawiki.special.apisandbox.css b/www/wiki/resources/src/mediawiki.special/mediawiki.special.apisandbox.css
new file mode 100644
index 00000000..60f83ad9
--- /dev/null
+++ b/www/wiki/resources/src/mediawiki.special/mediawiki.special.apisandbox.css
@@ -0,0 +1,121 @@
+.mw-apisandbox-fullscreen {
+	overflow: hidden;
+}
+
+.mw-apisandbox-toolbar {
+	text-align: right;
+	padding: 0.5em;
+}
+
+#mw-apisandbox-ui .mw-apisandbox-link {
+	display: none;
+}
+
+.mw-apisandbox-popup .oo-ui-popupWidget-body > .oo-ui-widget {
+	vertical-align: middle;
+}
+
+/* So DateTimeInputWidget's calendar popup works... */
+.mw-apisandbox-popup .oo-ui-popupWidget-popup,
+.mw-apisandbox-popup .oo-ui-popupWidget-body {
+	overflow: visible;
+}
+
+/* Display contents of the popup on a single line */
+.mw-apisandbox-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body {
+	display: table;
+}
+
+.mw-apisandbox-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > * {
+	display: table-cell;
+}
+
+.mw-apisandbox-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > .oo-ui-buttonWidget {
+	padding-left: 0.5em;
+	width: 1%;
+}
+
+.mw-apisandbox-fullscreen #mw-apisandbox-ui {
+	position: fixed;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	background: #fff;
+}
+
+.mw-apisandbox-fullscreen .mw-apisandbox-container {
+	border-width: 1px 0 0 0;
+	border-radius: 0;
+}
+
+.mw-apisandbox-spacer {
+	display: inline-block;
+	height: 1px;
+	width: 5em;
+}
+
+.mw-apisandbox-help-field {
+	border-bottom: 1px solid rgba( 0, 0, 0, 0.1 );
+}
+
+.mw-apisandbox-help-field:last-child {
+	border-bottom: 0;
+}
+
+.mw-apisandbox-optionalWidget {
+	width: 100%;
+}
+
+.mw-apisandbox-optionalWidget.oo-ui-widget-disabled {
+	position: relative;
+	z-index: 0; /* New stacking context to prevent the cover from leaking out */
+}
+
+.mw-apisandbox-optionalWidget-cover {
+	position: absolute;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	z-index: 2;
+	cursor: pointer;
+}
+
+.mw-apisandbox-optionalWidget-fields {
+	display: table;
+	width: 100%;
+}
+
+.mw-apisandbox-optionalWidget-widget,
+.mw-apisandbox-optionalWidget-checkbox {
+	display: table-cell;
+	vertical-align: middle;
+}
+
+.mw-apisandbox-optionalWidget-checkbox {
+	width: 1%; /* Will be expanded by content */
+	white-space: nowrap;
+	padding-left: 0.5em;
+}
+
+.mw-apisandbox-textInputCode .oo-ui-inputWidget-input {
+	font-family: monospace, monospace;
+	font-size: 0.8125em;
+	-moz-tab-size: 4;
+	tab-size: 4;
+}
+
+.mw-apisandbox-widget-field .oo-ui-textInputWidget {
+	/* Leave at least enough space for icon, indicator, and a sliver of text */
+	min-width: 6em;
+}
+
+.apihelp-deprecated {
+	font-weight: bold;
+	color: #d33;
+}
+
+.apihelp-deprecated-value .oo-ui-labelElement-label {
+	text-decoration: line-through;
+}