Initial commit

resources/styles/nextbestnetwork/_forms.scss

@@ -0,0 +1,65 @@
+body #contentwrapper #maincontentwrapper {
+	.oo-ui-textInputWidget .oo-ui-inputWidget-input {
+		@extend .form-control;
+	}
+
+	.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-inputWidget-input {
+		padding-left: 2.42857143em;
+	}
+
+	.oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-inputWidget-input {
+		padding-right: 28px;
+	}
+
+	.oo-ui-textInputWidget.oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input {
+		border-top-right-radius:0;
+		border-bottom-right-radius:0;
+	}
+
+	.mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked + label::before {
+		background-color:$primary;
+		border-color:$primary;
+	}
+}
+
+
+// Form elements (e.g. in the upload form)
+.mw-htmlform-field-HTMLTextField input {
+	@extend .form-control;
+}
+.mw-input {
+	textarea,
+	select {
+		@extend .form-control;
+	}
+	select {
+		background-color:transparent;
+	}
+}
+
+
+// datepicker
+.pfPickerWrapper {
+	display: inline-block;
+}
+.pfDatePicker.oo-ui-textInputWidget {
+	width:200px;
+}
+
+.oo-ui-checkboxInputWidget + t {
+	margin-left:8px;
+}
+
+// ugly hack: without it, checkboxes are only partly clickable
+.oo-ui-checkboxInputWidget {
+	width: 1.42857143em;
+}
+#maincontentwrapper #pfForm select, 
+#maincontentwrapper #pfForm input[type="checkbox"] {
+	width: 100% !important;
+}
+
+
+.multipleTemplateInstance {
+	background-color:$light !important;
+}