Login and Registration: Update CSS for multisite user actions.

Update the front-end CSS used for multisite user activation and signup. Modify both styles  to help prevent conflicts with existing theme styles and provide more consistent margins, paddings, widths, and font sizes.

Props joedolson, sabernhardt, rishabhwp, r1k0, johnjamesjacoby.
Fixes #63861.

git-svn-id: https://develop.svn.wordpress.org/trunk@61662 602fd350-edb4-49c9-b593-d223f7449a82

Author: joedolson

src/wp-activate.php

@@ -101,13 +101,13 @@ function do_activate_header() {
 function wpmu_activate_stylesheet() {
 	?>
 	<style>
-		.wp-activate-container { width: 90%; margin: 0 auto; }
-		.wp-activate-container form { margin-top: 2em; }
-		#submit, #key { width: 100%; font-size: 24px; box-sizing: border-box; }
-		#key { direction: ltr; }
-		#language { margin-top: 0.5em; }
-		.wp-activate-container .error { background: #f66; color: #333; }
-		span.h3 { padding: 0 8px; font-size: 1.3em; font-weight: 600; }
+		.wp-activate-container { width: 90%; margin: 0 auto; text-align: start; padding: 24px; box-sizing: border-box; }
+		.wp-activate-container form { margin: 24px 0; }
+		.wp-activate-container p { font-size: 18px; }
+		#key, #submit { font-size: 24px; box-sizing: border-box; margin: 5px 0; }
+		#key { width: 100%; direction: ltr; }
+		#submit { width: auto; }
+		span.h3 { font-weight: 600; }
 	</style>
 	<?php
 }

src/wp-signup.php

@@ -64,8 +64,9 @@ function do_signup_header() {
 function wpmu_signup_stylesheet() {
 	?>
 	<style>
-		.mu_register { width: 90%; margin: 0 auto; }
-		.mu_register form { margin-top: 2em; }
+		.mu_register { width: 90%; margin: 0 auto; text-align: start; padding: 24px; box-sizing: border-box; }
+		.mu_register p { font-size: 18px; }
+		.mu_register form { margin: 24px 0; }
 		.mu_register fieldset,
 			.mu_register legend { margin: 0; padding: 0; border: none; }
 		.mu_register .error { padding: 10px; color: #333; background: #ffebe8; border: 1px solid #c00; }