1 files changed, 75 insertions, 0 deletions
diff --git a/www/wiki/resources/src/mediawiki.special/mediawiki.special.userlogin.common.css b/www/wiki/resources/src/mediawiki.special/mediawiki.special.userlogin.common.css
new file mode 100644
index 00000000..23662492
--- /dev/null
+++ b/www/wiki/resources/src/mediawiki.special/mediawiki.special.userlogin.common.css
@@ -0,0 +1,75 @@
+/* User login and signup forms */
+.mw-ui-vform .mw-form-related-link-container {
+	margin-bottom: 0.5em;
+	text-align: center;
+}
+
+.mw-ui-vform .mw-secure {
+	/* @embed */
+	background: url( images/icon-lock.png ) no-repeat left center;
+	margin: 0 0 0 1px;
+	padding: 0 0 0 11px;
+}
+
+/*
+ * When inside the VForm style, disable the border that Vector and other skins
+ * put on the div surrounding the login/create account form.
+ * Also disable the margin and padding that Vector puts around the form.
+ */
+.mw-ui-container #userloginForm,
+.mw-ui-container #userlogin {
+	border: 0;
+	margin: 0;
+	padding: 0;
+}
+
+/* Reposition and resize language links, which appear on a per-wiki basis */
+.mw-ui-container #languagelinks {
+	margin-bottom: 2em;
+	font-size: 0.8em;
+}
+
+/* Put some space under template's header, which may contain CAPTCHA HTML. */
+section.mw-form-header {
+	margin-bottom: 10px;
+}
+
+/* shuffled CAPTCHA */
+#wpCaptchaWord {
+	margin-top: 6px;
+}
+
+.fancycaptcha-captcha-container {
+	background-color: #f8f9fa;
+	margin-bottom: 15px;
+	border: 1px solid #c8ccd1;
+	border-radius: 2px;
+	padding: 8px;
+	text-align: center;
+}
+
+.mw-createacct-captcha-assisted {
+	display: block;
+	margin-top: 0.5em;
+}
+
+/* Put a border around the fancycaptcha-image-container. */
+.fancycaptcha-captcha-and-reload {
+	border: 1px solid #c8ccd1;
+	border-radius: 2px 2px 0 0;
+	/* Other display formats end up too wide */
+	display: table-cell;
+	width: 270px;
+	background-color: #fff;
+}
+
+.fancycaptcha-captcha-container .mw-ui-input {
+	margin-top: -1px;
+	border-color: #c8ccd1;
+	border-radius: 0 0 2px 2px;
+}
+
+/* Make the fancycaptcha-image-container full-width within its parent. */
+.fancycaptcha-image-container {
+	width: 100%;
+}