diff --git a/resources/forms.less b/resources/forms.less
new file mode 100644
index 0000000..1394497
--- /dev/null
+++ b/resources/forms.less
@@ -0,0 +1,249 @@
+@import "variables.less";
+
+/*
+ * PREFERENCES AND FIELDSET STUFF
+ */
+#preftoc {
+	margin: 0 0 1em;
+	padding: 0;
+	list-style: none;
+	clear: both;
+
+	li {
+		display: inline;
+		margin-right: 1em;
+
+		&.selected {
+			font-weight: bold;
+
+			a {
+				color: @text;
+				border-bottom: solid @border @blue;
+			}
+		}
+	}
+}
+#preferences {
+	margin: 0;
+	clear: both;
+	min-height: 400px;
+
+	.prefsection {
+		border: none;
+		padding: 0;
+		margin: 0;
+	}
+	.mainLegend {
+		display: none;
+	}
+	.preferences-login {
+		clear: both;
+		margin-bottom: 1.5em;
+	}
+	.mw-email-not-authenticated .mw-input,
+	.mw-email-none .mw-input {
+		display: block;
+		padding: .25em .5em;
+	}
+	input[type="checkbox"],
+	input[type="radio"] {
+		margin-left: 0;
+	}
+}
+.mw-prefs-buttons {
+	margin-top: 1em;
+}
+
+td.mw-input,
+td.mw-label {
+	vertical-align: middle;
+}
+
+fieldset {
+	border: solid @grey;
+	border-width: 1px 1px @border;
+	line-height: 1.3em;
+	margin: 1em 0;
+	padding: 1.25em 1.75em;
+
+	legend {
+		padding: .5em 1.25em;
+		background: @background;
+		border-bottom: solid @border @blue;
+		font-weight: bold;
+	}
+	fieldset {
+		box-shadow: none;
+
+		legend {
+			border-bottom: none;
+			color: @blue;
+		}
+	}
+}
+label {
+	padding-left: .5em;
+}
+.mw-input label {
+	padding: 0;
+	margin-right: 1em;
+}
+.mw-label {
+	padding-right: .5em;
+}
+.mw-submit {
+	padding-top: 2em;
+}
+.htmlform-tip {
+	font-size: 85%;
+	color: @text;
+	line-height: 1.2em;
+	padding: 1em 0;
+}
+
+/*
+ *
+ * FORM STUFF
+ *
+ */
+
+/* pile of bad hacks to try to catch all the different ones */
+#searchInput,
+input[name="target"],
+input[name="user"],
+input[name="mime"],
+input[size$="0"],
+input[type="text"],
+input[type="checkbox"],
+input[type="radio"],
+input#wpTemplateSandboxPage,
+input.mw-summary,
+input.mw-input,
+.mw-input input,
+textarea,
+.mw-ui-input-inline,
+.mw-ui-input {
+	box-sizing: border-box;
+	padding: .25em .35em;
+	border: solid 1px @grey;
+	margin: .5em 0;
+	box-shadow: inset 0px 2px 2px 1px rgba(0, 0, 0, 0.1);
+	font-size: 1em;
+	min-height: 30px;
+}
+select {
+	padding: .25em;
+	margin: .5em 0;
+}
+input[type="checkbox"],
+input[type="radio"] {
+	margin-left: 1em;
+	min-height: 0;
+}
+input[type="checkbox"] {
+	border-radius: 2px;
+}
+input[type="radio"] {
+	border-radius: 8px;
+}
+.mw-ui-button.mw-ui-progressive,
+.mw-ui-button.mw-ui-primary,
+.mw-ui-button.mw-ui-progressive:active,
+.mw-ui-button.mw-ui-progressive.mw-ui-checked,
+.mw-ui-button.mw-ui-primary.mw-ui-checked,
+.mw-ui-button.mw-ui-constructive,
+.mw-ui-button.mw-ui-constructive:active,
+.mw-ui-button.mw-ui-constructive.mw-ui-checked,
+input[type="submit"],
+input[type="button"],
+button {
+	padding: .25em 1em .1em 1em;
+	border: solid 1px @blue-dark;
+	border-bottom-width: @border;
+	text-shadow: 0 -1px 0 @blue-dark;
+	box-sizing: border-box;
+	border-radius: @radius;
+	background: @blue;
+	color: @text-inverse;
+	font-weight: bold;
+	min-height: 30px;
+
+	&:active {
+		background: @blue-bright;
+		border-color: @blue;
+	}
+	&:hover {
+		background: @blue-bright;
+	}
+}
+textarea {
+	width: 100%;
+	resize: vertical;
+	box-sizing: border-box;
+	line-height: 1.3em;
+}
+textarea#wpTextbox1 {
+	border-color: @grey-bright;
+}
+div.editOptions {
+	padding: 1.25em 1.75em;
+	padding: 1em;
+	border: solid @grey-bright;
+	border-width: 0 1px @border;
+
+	.mw-summary label {
+		padding-left: 0;
+	}
+	input#wpSummary {
+		box-sizing: border-box;
+		width: 100%;
+	}
+	label {
+		margin-right: 1.5em;
+	}
+}
+
+/* Recent changes and watchlist options */
+.rcoptions hr,
+#mw-watchlist-options hr {
+	clear: both;
+}
+.rcoptions #namespace,
+#mw-watchlist-options .namespaceselector {
+	margin-right: 2em;
+}
+
+/* Watchlist */
+#mw-watchlist-options {
+	label {
+		padding: 0 1em 0 0;
+	}
+	input[type="submit"] {
+		margin: 0 0 0 4em;
+	}
+}
+
+/* Related changes hacks */
+.mw-special-Recentchangeslinked {
+	.rcoptions {
+		input[type="submit"] {
+			float: right;
+			margin: 0 0 0 4em;
+		}
+		td.mw-label.mw-target-label {
+			vertical-align: top;
+			padding-top: .75em;
+		}
+		input[name="target"] {
+			float: left;
+		}
+	}
+	#showlinkedto {
+		clear: left;
+		float: left;
+	}
+	label[for="showlinkedto"] {
+		padding: .4em;
+		float: left;
+	}
+}
diff --git a/resources/screen-common.less b/resources/screen-common.less
index 0117d5f..a404ccf 100644
--- a/resources/screen-common.less
+++ b/resources/screen-common.less
@@ -4,7 +4,7 @@
 
 html,
 body {
-	font-family: sans-serif;
+	font-family: @fonts;
 	margin: 0;
 	padding: 0;
 	color: @text;
diff --git a/resources/variables.less b/resources/variables.less
index 3e1eb3a..9ff7121 100644
--- a/resources/variables.less
+++ b/resources/variables.less
@@ -2,6 +2,7 @@
 
 @text: #013;
 @background: #fff;
+@text-inverse: #fff;
 
 @link: @blue;
 @link-red: @red;
@@ -18,14 +19,18 @@
 @green-bright: #4c7;
 @green-dark: #071;
 
-@blue: #06a;
-@blue-bright: #0af;
+@blue: #07c;
+@blue-bright: #08d;
 @blue-dark: #047;
 
 @link: @blue;
 @link-red: @red;
 
 
+@fonts: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
+@border: .2em;
+@radius: .2em;
+
 /* To hide objects, but keep them accessible for screen-readers */
 .hidden() {
 	position: absolute;
diff --git a/skin.json b/skin.json
index 10001a4..7c6718e 100644
--- a/skin.json
+++ b/skin.json
@@ -22,6 +22,9 @@
 				"resources/libraries/normalise.css": {
 					"media": "screen"
 				},
+				"resources/forms.less": {
+					"media": "screen"
+				},
 				"resources/screen-common.less": {
 					"media": "screen"
 				},