Ticket #32244: notice-classes.2.diff

wp-admin/css/common.css

@@ -1283 +1283 @@
 }
 
 .notice p,
+.notice-title,
 div.updated p,
 div.error p,
 .form-table td .notice p {
-        margin: 0.5em 0;
+        margin: .5em 0;
         padding: 2px;
 }
 
+.error a {
+        text-decoration: underline;
+}
+
+.updated a {
+        text-decoration: none;
+        padding-bottom: 2px;
+}
+
+.notice-alt {
+        border: 1px solid #eee;
+        border-left-width: 4px;
+        border-radius: 3px;
+        box-shadow: none;
+}
+
+.notice-large {
+        padding: 10px 20px;
+}
+
+.notice-title {
+        color: #23282d;
+        font-size: 18px;
+        display: inline-block;
+}
+
 .wp-core-ui .notice.is-dismissible {
         padding-right: 38px;
         position: relative;
@@ -1333 +1360 @@
 
 .notice-success,
 div.updated {
-        border-color: #7ad03a;
+        border-left-color: #64b450;
+}
+
+.notice-success.notice-alt {
+        background-color: #eff7ed;
 }
 
 .notice-warning {
-        border-color: #ffba00;
+        border-left-color: #ffb900;
+}
+
+.notice-warning.notice-alt {
+        background-color: #fff8e5;
 }
 
 .notice-error,
 div.error {
-        border-color: #dd3d36;
+        border-left-color: #dc3232;
+}
+
+.notice-error.notice-alt {
+        background-color: #fbeaea;
 }
 
 .notice-info {
-        border-color: #00a0d2;
+        border-left-color: #00a0d2;
+}
+
+.notice-info.notice-alt {
+        background-color: #e5f5fa;
 }
 
 .wrap .notice,
@@ -2760 +2803 @@
         content: '\f140';
 }
 
-.error a {
-        text-decoration: underline;
-}
-
-.updated a {
-        text-decoration: none;
-        padding-bottom: 2px;
-}
-
 /* @todo: appears to be Press This only and overridden */
 #photo-add-url-div input[type="text"] {
         width: 300px;

wp-admin/css/login.css

@@ -53 +53 @@
         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,
@@ -151 +150 @@
         margin: auto;
 }
 
-#login_error,
-.login .message {
-        margin-left: 0;
-        padding: 12px;
-}
-
 .login #nav,
 .login #backtoblog {
         font-size: 13px;
@@ -214 +207 @@
         padding: 20px 0;
 }
 
-.mobile #login form,
-.mobile #login .message,
-.mobile #login_error {
+.mobile #login form {
         margin-left: 0;
 }
 

wp-admin/css/themes.css

@@ -788 +788 @@
         margin-right: 5px;
 }
 
-/* Theme Updates info */
-.theme-overlay .theme-update-message {
-        background: #fef7f1;
-        border: 1px solid #eee;
-        border-left: 4px solid #d54e21;
-        -webkit-border-radius: 3px;
-        border-radius: 3px;
-        padding: 5px 20px 10px;
-}
-
-.theme-overlay .theme-update {
-        color: #23282d;
-        font-size: 18px;
-        display: inline-block;
-        line-height: 40px;
-        margin: 0;
-}
-
 .theme-overlay .parent-theme {
         background: #f7fcfe;
         border: 1px solid #eee;

wp-admin/includes/plugin-install.php

@@ -530 +530 @@
         <div id="section-holder" class="wrap">
         <?php
                 if ( ! empty( $api->tested ) && version_compare( substr( $GLOBALS['wp_version'], 0, strlen( $api->tested ) ), $api->tested, '>' ) ) {
-                        echo '<div class="notice notice-warning"><p>' . __('<strong>Warning:</strong> This plugin has <strong>not been tested</strong> with your current version of WordPress.') . '</p></div>';
+                        echo '<div class="notice notice-warning notice-alt"><p>' . __('<strong>Warning:</strong> This plugin has <strong>not been tested</strong> with your current version of WordPress.') . '</p></div>';
                 } elseif ( ! empty( $api->requires ) && version_compare( substr( $GLOBALS['wp_version'], 0, strlen( $api->requires ) ), $api->requires, '<' ) ) {
-                        echo '<div class="notice notice-warning"><p>' . __('<strong>Warning:</strong> This plugin has <strong>not been marked as compatible</strong> with your version of WordPress.') . '</p></div>';
+                        echo '<div class="notice notice-warning notice-alt"><p>' . __('<strong>Warning:</strong> This plugin has <strong>not been marked as compatible</strong> with your version of WordPress.') . '</p></div>';
                 }
 
                 foreach ( (array) $api->sections as $section_name => $content ) {

wp-admin/themes.php

@@ -382 +382 @@
                                 <h4 class="theme-author"><?php printf( __( 'By %s' ), '{{{ data.authorAndUri }}}' ); ?></h4>
 
                                 <# if ( data.hasUpdate ) { #>
-                                <div class="theme-update-message">
-                                        <h4 class="theme-update"><?php _e( 'Update Available' ); ?></h4>
+                                <div class="notice notice-warning notice-alt notice-large">
+                                        <h4 class="notice-title"><?php _e( 'Update Available' ); ?></h4>
                                         {{{ data.update }}}
                                 </div>
                                 <# } #>