X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/fa6ee2c363cdfdebcb4b76e4d9c4347a4cb19065..refs/tags/wordpress-4.2:/wp-admin/css/common-rtl.css diff --git a/wp-admin/css/common-rtl.css b/wp-admin/css/common-rtl.css index 7e973cb3..4f33eeee 100644 --- a/wp-admin/css/common-rtl.css +++ b/wp-admin/css/common-rtl.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 10px 20px 0; + margin-right: 10px; } .filtered-by { @@ -1272,22 +1290,63 @@ div.error p, padding: 2px; } +.wp-core-ui .notice.is-dismissible { + padding-left: 38px; + position: relative; +} + +.notice-dismiss { + position: absolute; + top: 0; + left: 1px; + border: none; + margin: 0; + padding: 9px; + background: none; + color: #b4b9be; + cursor: pointer; +} + +.notice-dismiss:before { + position: relative; + top: 0; + right: 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 { @@ -1465,7 +1523,7 @@ form.upgrade .hint { .toggle-arrow { background-repeat: no-repeat; - background-position: top right; + background-position: top left; background-color: transparent; height: 22px; line-height: 22px; @@ -1473,7 +1531,7 @@ form.upgrade .hint { } .toggle-arrow-active { - background-position: bottom right; + background-position: bottom left; } #screen-options-wrap h5, @@ -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-left: 15px; +} + +.metabox-prefs .screen-options label { + line-height: 28px; + padding-left: 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 0 0 -1px; - border-right: 2px solid #2ea2cc; + border-right: 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: left; + 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 315px 0 15px; - list-style: none; - position: relative; - float: left; - padding-right: 10px; - font-size: 12px; -} - -#sidemenu a { - padding: 0 7px; - display: block; - float: right; - 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-right: 6px; - padding-left: 6px; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-top-left-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%; @@ -2109,11 +2133,11 @@ div.star-holder { position: relative; height: 17px; width: 100px; - background: url(../images/stars.png?ver=20121108) repeat-x bottom right; + background: url(../images/stars.png?ver=20121108) repeat-x bottom left; } div.star-holder .star-rating { - background: url(../images/stars.png?ver=20121108) repeat-x top right; + background: url(../images/stars.png?ver=20121108) repeat-x top left; height: 17px; float: right; } @@ -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-left: 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: right; } @@ -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,13 +3079,12 @@ 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 */ div.star-holder, div.star-holder .star-rating { - background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom right; + background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left; -webkit-background-size: 21px 37px; background-size: 21px 37px; } @@ -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-left: 46px; + } + + .notice-dismiss { + padding: 13px; + } + .wrap .icon32 + h2 { margin-top: -2px; }