Make login styles standalone. see #12506.

Built from https://develop.svn.wordpress.org/trunk@27199


git-svn-id: http://core.svn.wordpress.org/trunk@27056 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/login-rtl.css

@@ -1,10 +1,28 @@
-.ie8 .login form .input {
-	font-family: sans-serif;
+@import url(common.css);
+@import url(forms.css);
+
+html,
+body {
+	height: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+html {
+	background: #f1f1f1;
 }
 
 body.login {
 	background: #f1f1f1;
 	min-width: 0;
+	color: #444;
+	font-family: "Open Sans", sans-serif;
+	font-size: 13px;
+	line-height: 1.4em;
+}
+
+p {
+	line-height: 1.5;
 }
 
 .login .message {
@@ -152,6 +170,11 @@ body.login {
 	background: #fbfbfb;
 }
 
+.ie7 .login form .input,
+.ie8 .login form .input {
+	font-family: sans-serif;
+}
+
 .login #pass-strength-result {
 	width: 250px;
 	font-weight: 600;
@@ -201,6 +224,10 @@ body.interim-login {
 	margin: 0;
 }
 
+@-ms-viewport {
+	width: device-width;
+}
+
 @media screen and ( max-width: 782px ) {
 	.interim-login input[type=checkbox] {
 		height: 16px;

wp-admin/css/login.css

@@ -1,10 +1,28 @@
-.ie8 .login form .input {
-	font-family: sans-serif;
+@import url(common.css);
+@import url(forms.css);
+
+html,
+body {
+	height: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+html {
+	background: #f1f1f1;
 }
 
 body.login {
 	background: #f1f1f1;
 	min-width: 0;
+	color: #444;
+	font-family: "Open Sans", sans-serif;
+	font-size: 13px;
+	line-height: 1.4em;
+}
+
+p {
+	line-height: 1.5;
 }
 
 .login .message {
@@ -152,6 +170,11 @@ body.login {
 	background: #fbfbfb;
 }
 
+.ie7 .login form .input,
+.ie8 .login form .input {
+	font-family: sans-serif;
+}
+
 .login #pass-strength-result {
 	width: 250px;
 	font-weight: 600;
@@ -201,6 +224,10 @@ body.interim-login {
 	margin: 0;
 }
 
+@-ms-viewport {
+	width: device-width;
+}
+
 @media screen and ( max-width: 782px ) {
 	.interim-login input[type=checkbox] {
 		height: 16px;

wp-admin/css/wp-admin-rtl.css

@@ -1,6 +1,5 @@
 @import url(common-rtl.css);
 @import url(forms-rtl.css);
-@import url(login-rtl.css);
 @import url(admin-menu-rtl.css);
 @import url(dashboard-rtl.css);
 @import url(list-tables-rtl.css);

wp-admin/css/wp-admin.css

@@ -1,6 +1,5 @@
 @import url(common.css);
 @import url(forms.css);
-@import url(login.css);
 @import url(admin-menu.css);
 @import url(dashboard.css);
 @import url(list-tables.css);

wp-includes/script-loader.php

@@ -586,6 +586,7 @@ function wp_default_styles( &$styles ) {
 
 	// Admin CSS
 	$styles->add( 'wp-admin',           "/wp-admin/css/wp-admin$suffix.css", array( 'open-sans', 'dashicons' ) );
+	$styles->add( 'login',              "/wp-admin/css/login$suffix.css", array( 'buttons', 'open-sans', 'dashicons' ) );
 	$styles->add( 'install',            "/wp-admin/css/install$suffix.css", array( 'buttons', 'open-sans' ) );
 	$styles->add( 'wp-color-picker',    "/wp-admin/css/color-picker$suffix.css" );
 	$styles->add( 'customize-controls', "/wp-admin/css/customize-controls$suffix.css", array( 'wp-admin', 'colors', 'ie' ) );

wp-login.php

@@ -68,9 +68,7 @@ function login_header( $title = 'Log In', $message = '', $wp_error = '' ) {
 	<title><?php bloginfo('name'); ?> &rsaquo; <?php echo $title; ?></title>
 	<?php
 
-	wp_admin_css( 'wp-admin', true );
-	wp_admin_css( 'colors-fresh', true );
-	wp_admin_css( 'ie', true );
+	wp_admin_css( 'login', true );
 
 	// Remove all stored post data on logging out.
 	// This could be added by add_action('login_head'...) like wp_shake_js()