Notices: Add styles for use against white backgrounds.

These colored backgrounds can be accessed by adding the `.notice-alt` class to a notice.

There is also now a large version when using the `.notice-large` class, and a `.notice-title` class that is appropriate for headline text within a large notice.

props paulwilde, hugobaeta, melchoyce.
fixes #32244.


git-svn-id: https://develop.svn.wordpress.org/trunk@34365 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Helen Hou-Sandi
2015-09-21 15:25:37 +00:00
parent 2b3347332e
commit 9aaa278e02
5 changed files with 54 additions and 50 deletions
+6 -15
View File
@@ -58,19 +58,18 @@ p {
line-height: 1.5;
}
.login .message {
.login .message,
.login #login_error {
border-left: 4px solid #00a0d2;
padding: 1px 12px;
padding: 12px;
margin-left: 0;
background-color: #fff;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
.login #login_error {
border-left: 4px solid #dd3d36;
background: #fff;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
border-left-color: #dc3232;
}
#loginform p.submit,
@@ -156,12 +155,6 @@ p {
margin: auto;
}
#login_error,
.login .message {
margin-left: 0;
padding: 12px;
}
.login #nav,
.login #backtoblog {
font-size: 13px;
@@ -231,9 +224,7 @@ p {
padding: 20px 0;
}
.mobile #login form,
.mobile #login .message,
.mobile #login_error {
.mobile #login form {
margin-left: 0;
}