WordPress 4.2

[autoinstalls/wordpress.git] / wp-admin / css / common.css

diff --git a/wp-admin/css/common.css b/wp-admin/css/common.css
index 969cc5f055480cda4a6cf089aefce35f393044c1..567155e3403a9537ac94a573d626035f25f4aad0 100644 (file)
--- a/wp-admin/css/common.css
+++ b/wp-admin/css/common.css
@@ -177,7 +177,8 @@ p.popular-tags,
 .wp-editor-container,
 .popular-tags,
 .feature-filter,
-.imgedit-group {
+.imgedit-group,
+.comment-ays {
        border: 1px solid #e5e5e5;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
        box-shadow: 0 1px 1px rgba(0,0,0,0.04);
@@ -190,7 +191,8 @@ p.popular-tags,
 .widgets-holder-wrap,
 .popular-tags,
 .feature-filter,
-.imgedit-group {
+.imgedit-group,
+.comment-ays {
        background: #fff;
 }
 
@@ -225,6 +227,7 @@ body.modal-open {
 
 body.mobile.modal-open #wpwrap {
        overflow: hidden;
+       position: fixed;
        height: 100%;
 }
 
@@ -241,7 +244,7 @@ td {
 }
 
 a {
-       color: #0074a2;
+       color: #0073aa;
        -webkit-transition-property: border, background, color;
        transition-property: border, background, color;
        -webkit-transition-duration: .05s;
@@ -257,7 +260,7 @@ div {
 
 a:hover,
 a:active {
-       color: #2ea2cc;
+       color: #00a0d2;
 }
 
 a:focus {
@@ -325,14 +328,14 @@ h1 {
 }
 
 h2 {
-       color: #222;
+       color: #23282d;
        font-size: 1.5em;
        margin: .83em 0;
        font-weight: 400;
 }
 
 h3 {
-       color: #222;
+       color: #23282d;
        font-size: 1.3em;
        margin: 1em 0;
 }
@@ -390,12 +393,12 @@ ol.ol-decimal > li {
        margin: 0 0 0.5em;
 }
 
-/* @noflip */
+/* rtl:ignore */
 .ltr {
        direction: ltr;
 }
 
-/* @noflip */
+/* rtl:ignore */
 .code,
 code {
        font-family: Consolas, Monaco, monospace;
@@ -557,7 +560,7 @@ code {
 }
 
 .attention {
-       color: #2ea2cc;
+       color: #00a0d2;
 }
 
 .wrap h2,
@@ -596,7 +599,7 @@ code {
 }
 
 .wrap .add-new-h2:hover {
-       background: #2ea2cc;
+       background: #00a0d2;
        color: #fff;
 }
 
@@ -627,8 +630,8 @@ div#widgets-right .widget-top:hover,
        color: #000;
 }
 
-.alternate,
-.alt {
+.striped > tbody > :nth-child(odd),
+.alternate {
        background-color: #f9f9f9;
 }
 
@@ -651,10 +654,10 @@ td.help {
 
 .wp-ui-primary {
        color: #fff;
-       background-color: #333;
+       background-color: #32373c;
 }
 .wp-ui-text-primary {
-       color: #333;
+       color: #32373c;
 }
 
 .wp-ui-highlight {
@@ -677,6 +680,20 @@ td.help {
        color: #999;
 }
 
+/* For emoji replacement images */
+img.emoji {
+       display: inline !important;
+       border: none !important;
+       height: 1em !important;
+       width: 1em !important;
+       margin: 0 .07em !important;
+       vertical-align: -0.1em !important;
+       background: none !important;
+       padding: 0 !important;
+       -webkit-box-shadow: none !important;
+       box-shadow: none !important;
+}
+
 /*------------------------------------------------------------------------------
   1.0 - Text Styles
 ------------------------------------------------------------------------------*/
@@ -700,7 +717,7 @@ td.help {
 .widget .widget-top,
 .menu-item-handle {
        background: #fafafa;
-       color: #222;
+       color: #23282d;
 }
 
 .postbox .hndle,
@@ -722,9 +739,10 @@ td.help {
 /* @todo can we combine these into a class or use an existing dashicon one? */
 #welcome-panel.welcome-panel .welcome-panel-close:before,
 .tagchecklist span a:before,
-#bulk-titles div a:before {
+#bulk-titles div a:before,
+.notice-dismiss:before {
        background: none;
-       color: #bbb;
+       color: #b4b9be;
        content: '\f153';
        display: block !important;
        font: normal 16px/1 'dashicons';
@@ -982,14 +1000,14 @@ th.action-links {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 4px solid #666;
-       color: #222;
+       color: #23282d;
 }
 
 .filter-links li > a:hover,
 .filter-links li > a:focus,
 .show-filters .filter-links a.current:hover,
 .show-filters .filter-links a.current:focus {
-       color: #2ea2cc;
+       color: #00a0d2;
 }
 
 .wp-filter .search-form {
@@ -1047,7 +1065,7 @@ th.action-links {
 
 .wp-filter .drawer-toggle:hover,
 .wp-filter .drawer-toggle:hover:before {
-       color: #2ea2cc;
+       color: #00a0d2;
 }
 
 .wp-filter .drawer-toggle.current:before {
@@ -1136,7 +1154,7 @@ th.action-links {
 
 .wp-filter .button.clear-filters {
        display: none;
-       margin: 0 0 20px 10px;
+       margin-left: 10px;
 }
 
 .filtered-by {
@@ -1272,22 +1290,63 @@ div.error p,
        padding: 2px;
 }
 
+.wp-core-ui .notice.is-dismissible {
+       padding-right: 38px;
+       position: relative;
+}
+
+.notice-dismiss {
+       position: absolute;
+       top: 0;
+       right: 1px;
+       border: none;
+       margin: 0;
+       padding: 9px;
+       background: none;
+       color: #b4b9be;
+       cursor: pointer;
+}
+
+.notice-dismiss:before {
+       position: relative;
+       top: 0;
+       left: 0;
+       line-height: 20px;
+}
+
+.notice-dismiss:hover:before,
+.notice-dismiss:active:before,
+.notice-dismiss:focus:before {
+       color: #c00;
+}
+
+.notice-dismiss:focus {
+       outline: none;
+       -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+       box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+       color: #c00;
+}
+
+.ie8 .notice-dismiss:focus {
+       outline: 1px solid #5b9dd9;
+}
+
 .notice-success,
 div.updated {
-     border-color: #7ad03a;
+       border-color: #7ad03a;
 }
 
 .notice-warning {
-    border-color: #ffba00;
+       border-color: #ffba00;
 }
 
 .notice-error,
 div.error {
-    border-color: #dd3d36;
+       border-color: #dd3d36;
 }
 
 .notice-info {
-    border-color: #2ea2cc;
+       border-color: #00a0d2;
 }
 
 .wrap .notice,
@@ -1352,7 +1411,6 @@ form.upgrade .hint {
   6.0 - Admin Header
 ------------------------------------------------------------------------------*/
 #adminmenu a,
-#sidemenu a,
 #taglist a,
 #catlist a {
        text-decoration: none;
@@ -1426,7 +1484,7 @@ form.upgrade .hint {
 #screen-meta-links a:hover,
 #screen-meta-links a:active,
 #screen-meta-links a:focus {
-       color: #333;
+       color: #32373c;
 }
 
 #screen-meta-links a.show-settings {
@@ -1451,7 +1509,7 @@ form.upgrade .hint {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-decoration: none !important;
-       color: #bbb;
+       color: #b4b9be;
 }
 
 #screen-meta-links a.screen-meta-active:after {
@@ -1505,6 +1563,26 @@ form.upgrade .hint {
        display: none;
 }
 
+.metabox-prefs .screen-options {
+       padding-top: 10px;
+}
+
+.metabox-prefs .screen-options input,
+.metabox-prefs .screen-options label {
+       margin-top: 0;
+       margin-bottom: 0;
+       vertical-align: middle;
+}
+
+.metabox-prefs .screen-options .screen-per-page {
+       margin-right: 15px;
+}
+
+.metabox-prefs .screen-options label {
+       line-height: 28px;
+       padding-right: 0;
+}
+
 /*------------------------------------------------------------------------------
   6.2 - Help Menu
 ------------------------------------------------------------------------------*/
@@ -1565,13 +1643,13 @@ form.upgrade .hint {
 }
 
 .contextual-help-tabs a:hover {
-       color: #333;
+       color: #32373c;
 }
 
 .contextual-help-tabs .active {
        padding: 0;
        margin: 0 -1px 0 0;
-       border-left: 2px solid #2ea2cc;
+       border-left: 2px solid #00a0d2;
        background: #f6fbfd;
        -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
        box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
@@ -1579,7 +1657,7 @@ form.upgrade .hint {
 
 .contextual-help-tabs .active a {
        border-color: #e1e1e1;
-       color: #333;
+       color: #32373c;
 }
 
 .contextual-help-tabs-wrap {
@@ -1620,18 +1698,8 @@ html.wp-toolbar {
        box-sizing: border-box;
 }
 
-.narrow {
-       width: 70%;
-       margin-bottom: 40px;
-}
-
-.narrow p {
-       line-height: 150%;
-}
-
 .widefat th,
 .widefat td {
-       overflow: hidden;
        color: #555;
 }
 
@@ -1641,7 +1709,7 @@ html.wp-toolbar {
 
 .widefat thead tr th,
 .widefat tfoot tr th {
-       color: #333;
+       color: #32373c;
 }
 
 .widefat td p {
@@ -1651,7 +1719,7 @@ html.wp-toolbar {
 .widefat p,
 .widefat ol,
 .widefat ul {
-       color: #333;
+       color: #32373c;
 }
 
 .widefat .column-comment p {
@@ -1674,7 +1742,7 @@ html.wp-toolbar {
 }
 
 .metabox-holder .postbox-container .empty-container {
-       border: 3px dashed #bbb;
+       border: 3px dashed #b4b9be;
        height: 250px;
 }
 
@@ -1733,7 +1801,7 @@ html.wp-toolbar {
 }
 
 .sortable-placeholder {
-       border: 1px dashed #bbb;
+       border: 1px dashed #b4b9be;
        margin-bottom: 20px;
 }
 
@@ -1897,13 +1965,19 @@ h2 .nav-tab {
        background: url(../images/spinner.gif) no-repeat;
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px;
-       display: none;
+       display: inline-block;
+       visibility: hidden;
        float: right;
+       vertical-align: middle;
        opacity: 0.7;
        filter: alpha(opacity=70);
        width: 20px;
        height: 20px;
-       margin: 2px 5px 0;
+       margin: 4px 10px 0;
+}
+
+.spinner.is-active {
+       visibility: visible;
 }
 
 #template div {
@@ -1921,56 +1995,6 @@ h2 .nav-tab {
        text-decoration: none;
 }
 
-#sidemenu {
-       margin: -30px 15px 0 315px;
-       list-style: none;
-       position: relative;
-       float: right;
-       padding-left: 10px;
-       font-size: 12px;
-}
-
-#sidemenu a {
-       padding: 0 7px;
-       display: block;
-       float: left;
-       line-height: 28px;
-       border-top: 1px solid #f9f9f9;
-       border-bottom: 1px solid #dfdfdf;
-       background-color: #f9f9f9;
-       -webkit-transition: none;
-       transition: none;
-}
-
-#sidemenu li {
-       display: inline;
-       line-height: 200%;
-       list-style: none;
-       text-align: center;
-       white-space: nowrap;
-       margin: 0;
-       padding: 0;
-}
-
-/* @todo: remove border radius */
-#sidemenu a.current {
-       font-weight: normal;
-       padding-left: 6px;
-       padding-right: 6px;
-       -webkit-border-top-left-radius: 3px;
-       border-top-left-radius: 3px;
-       -webkit-border-top-right-radius: 3px;
-       border-top-right-radius: 3px;
-       border: 1px solid #dfdfdf;
-       border-bottom-color: #f1f1f1;
-       background-color: #f1f1f1;
-       color: #000;
-}
-
-#sidemenu li a .count-0 {
-       display: none;
-}
-
 .plugin-install #description,
 .plugin-install-network #description {
        width: 60%;
@@ -2137,7 +2161,7 @@ div.star-holder .star-rating {
        -webkit-transition: color .1s ease-in 0;
        transition: color .1s ease-in 0;
        text-align: center;
-       color: #0074a2;
+       color: #ffb900;
 }
 
 .star-rating .star-full:before {
@@ -2177,6 +2201,7 @@ div.action-links {
 
 #plugin-information-scrollable {
        overflow: auto;
+       -webkit-overflow-scrolling: touch;
        height: 100%;
 }
 
@@ -2200,8 +2225,8 @@ div.action-links {
        margin-right: 0;
        height: 250px;
        bottom: 250px;
-       -webkit-background-size: 100% auto;
-       background-size: 100% auto;
+       -webkit-background-size: cover;
+       background-size: cover;
 }
 
 #plugin-information-title h2 {
@@ -2277,7 +2302,7 @@ div.action-links {
        border: 1px solid #ddd;
        border-bottom-color: #fff;
        padding-top: 8px;
-       color: #333;
+       color: #32373c;
 }
 
 #plugin-information-tabs.with-banner a.current {
@@ -2387,7 +2412,7 @@ div.action-links {
 
 #plugin-information .counter-bar {
        height: 17px;
-       background-color: #fddb5a;
+       background-color: #ffc733; /* slightly lighter than stars due to larger expanse */
        float: left;
 }
 
@@ -2427,12 +2452,12 @@ div.action-links {
        background: #f3f3f3;
 }
 
-/* @noflip */
+/* rtl:ignore */
 #plugin-information .section {
        direction: ltr;
 }
 
-/* @noflip */
+/* rtl:ignore */
 #plugin-information .section ul,
 #plugin-information .section ol {
        list-style-type: disc;
@@ -2460,7 +2485,7 @@ div.action-links {
        box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
 }
 
-/* @noflip */
+/* rtl:ignore */
 #plugin-information #section-screenshots li p {
        font-style: italic;
        padding-left: 20px;
@@ -2472,7 +2497,7 @@ div.action-links {
        border: 1px solid #ccc;
 }
 
-/* @noflip */
+/* rtl:ignore */
 #plugin-information .review {
        overflow: hidden; /* clearfix */
        width: 100%;
@@ -2484,7 +2509,7 @@ div.action-links {
        overflow: hidden; /* clearfix */
 }
 
-/* @noflip */
+/* rtl:ignore */
 #plugin-information .review-title-section h4 {
        display: inline-block;
        float: left;
@@ -2497,24 +2522,24 @@ div.action-links {
        padding-top: 2px;
 }
 
-/* @noflip */
+/* rtl:ignore */
 #plugin-information .reviewer-info .avatar {
        float: left;
        margin: 4px 6px 0 0;
 }
 
-/* @noflip */
+/* rtl:ignore */
 #plugin-information .reviewer-info .star-rating {
        float: left;
 }
 
-/* @noflip */
+/* rtl:ignore */
 #plugin-information .review-meta {
        float: left;
        margin-left: 0.75em;
 }
 
-/* @noflip */
+/* rtl:ignore */
 #plugin-information .review-body {
        float: left;
        width: 100%;
@@ -2590,7 +2615,6 @@ body.index-php #TB_window {
 }
 
 @media print,
-       (-o-min-device-pixel-ratio: 5/4),
        (-webkit-min-device-pixel-ratio: 1.25),
        (min-resolution: 120dpi) {
 
@@ -2654,7 +2678,7 @@ body.index-php #TB_closeWindowButton:focus,
 body.index-php #TB_closeWindowButton:focus .tb-close-icon,
 body.index-php .tb-close-icon:focus,
 body.index-php .tb-close-icon:hover {
-       color: #2ea2cc;
+       color: #00a0d2;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
@@ -2763,7 +2787,7 @@ img {
        outline: none;
 }
 
-/* @noflip */
+/* rtl:ignore */
 #template textarea,
 #docs-list {
        direction: ltr;
@@ -2862,7 +2886,7 @@ img {
 .item-edit,
 .sidebar-name-arrow,
 .accordion-section-title:after {
-       color: #aaa;
+       color: #a0a5aa;
 }
 
 .widget-action:hover,
@@ -2901,17 +2925,17 @@ img {
 }
 
 /*!
- * jQuery UI Draggable/Sortable 1.11.2
+ * jQuery UI Draggable/Sortable 1.11.4
  * http://jqueryui.com
  *
- * Copyright 2014 jQuery Foundation and other contributors
+ * Copyright jQuery Foundation and other contributors
  * Released under the MIT license.
  * http://jquery.org/license
  */
 .ui-draggable-handle,
 .ui-sortable-handle {
        -ms-touch-action: none;
-       touch-action:     none;
+       touch-action: none;
 }
 
 /* Accordion */
@@ -2965,7 +2989,7 @@ img {
 
 .accordion-section-title:hover:after,
 .accordion-section-title:focus:after {
-       border-color: #aaa transparent;
+       border-color: #a0a5aa transparent;
 }
 
 .cannot-expand .accordion-section-title {
@@ -2992,7 +3016,7 @@ img {
 .js .control-section .accordion-section-title:hover,
 .js .control-section.open .accordion-section-title,
 .js .control-section .accordion-section-title:focus {
-       color: #222;
+       color: #23282d;
        background: #f5f5f5;
 }
 
@@ -3055,7 +3079,6 @@ img {
  * HiDPI Displays
  */
 @media print,
-  (-o-min-device-pixel-ratio: 5/4),
   (-webkit-min-device-pixel-ratio: 1.25),
   (min-resolution: 120dpi) {
        /* Back-compat for pre-3.8 */
@@ -3149,13 +3172,24 @@ img {
        }
 
        /* Feedback Messages */
-       .wrap div.updated, .wrap div.error, .media-upload-form div.error {
+       .notice,
+       .wrap div.updated,
+       .wrap div.error,
+       .media-upload-form div.error {
                margin: 20px 0 10px 0;
                padding: 5px 10px;
                font-size: 14px;
                line-height: 175%;
        }
 
+       .wp-core-ui .notice.is-dismissible {
+               padding-right: 46px;
+       }
+
+       .notice-dismiss {
+               padding: 13px;
+       }
+
        .wrap .icon32 + h2 {
                margin-top: -2px;
        }