X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/9e77185fafaf4e60e2b73821e0e4b9b1a11fb85f..ac7339a398e6df50f722bc9616291ce5447d8e5e:/wp-admin/css/common-rtl.css diff --git a/wp-admin/css/common-rtl.css b/wp-admin/css/common-rtl.css index 9ae620fd..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; } @@ -223,6 +225,12 @@ body.modal-open { overflow: hidden; } +body.mobile.modal-open #wpwrap { + overflow: hidden; + position: fixed; + height: 100%; +} + iframe, img { border: 0; @@ -236,7 +244,7 @@ td { } a { - color: #0074a2; + color: #0073aa; -webkit-transition-property: border, background, color; transition-property: border, background, color; -webkit-transition-duration: .05s; @@ -252,7 +260,7 @@ div { a:hover, a:active { - color: #2ea2cc; + color: #00a0d2; } a:focus { @@ -320,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; } @@ -385,16 +393,17 @@ 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; direction: ltr; + unicode-bidi: embed; } kbd, @@ -550,42 +559,8 @@ code { margin: 10px 2px 0 20px; } -div.updated, -div.error { - padding: 0 0.6em; - margin: 5px 15px 2px; -} - -div.updated p, -div.error p { - margin: 0.5em 0; - padding: 2px; -} - -.wrap div.updated, -.wrap div.error, -.media-upload-form div.error { - margin: 5px 0 15px; -} - -div.updated { - border-right: 4px solid #7ad03a; - padding: 1px 12px; - 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); -} - -div.error { - border-right: 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); - padding: 1px 12px; -} - .attention { - color: #2ea2cc; + color: #00a0d2; } .wrap h2, @@ -624,7 +599,7 @@ div.error { } .wrap .add-new-h2:hover { - background: #2ea2cc; + background: #00a0d2; color: #fff; } @@ -655,8 +630,8 @@ div#widgets-right .widget-top:hover, color: #000; } -.alternate, -.alt { +.striped > tbody > :nth-child(odd), +.alternate { background-color: #f9f9f9; } @@ -679,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 { @@ -705,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 ------------------------------------------------------------------------------*/ @@ -728,7 +717,7 @@ td.help { .widget .widget-top, .menu-item-handle { background: #fafafa; - color: #222; + color: #23282d; } .postbox .hndle, @@ -750,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'; @@ -983,6 +973,10 @@ th.action-links { margin-left: 20px; } +.filter-items { + float: right; +} + .filter-links { display: inline-block; margin: 0; @@ -1006,35 +1000,41 @@ 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 { float: left; - margin-top: 9px; + margin: 10px 0; } .wp-filter .search-form input[type="search"] { margin: 0; padding: 3px 5px; width: 280px; + max-width: 100%; font-size: 16px; font-weight: 300; line-height: 1.5; } .wp-filter .search-form select { - height: 33px; + margin: 0; + height: 32px; vertical-align: top; } +.wp-filter .search-form.search-plugins { + display: inline-block; +} + .wp-filter .drawer-toggle { display: inline-block; margin: 0 10px; @@ -1065,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 { @@ -1083,6 +1083,7 @@ th.action-links { .show-filters .filter-drawer { display: block; overflow: hidden; + width: 100%; } .show-filters .wp-filter .drawer-toggle:hover, @@ -1113,17 +1114,13 @@ th.action-links { float: right; margin: 0 0 0 1%; padding: 10px; - width: 19%; + width: 24%; background: #fff; 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); } -.filter-group.wide { - width: 38%; -} - .filter-group h4 { position: relative; margin: 0; @@ -1157,7 +1154,7 @@ th.action-links { .wp-filter .button.clear-filters { display: none; - margin: 0 10px 20px 0; + margin-right: 10px; } .filtered-by { @@ -1219,11 +1216,6 @@ th.action-links { } @media only screen and (max-width: 1120px) { - .wp-filter .search-form { - float: none; - margin: 20px 0; - } - .filter-drawer { border-bottom: 1px solid #eee; } @@ -1239,19 +1231,132 @@ th.action-links { } } +@media only screen and (max-width: 1000px) { + .filter-items { + float: none; + } + + .wp-filter .media-toolbar-primary, + .wp-filter .media-toolbar-secondary, + .wp-filter .search-form { + float: none; /* Remove float from media-views.css */ + position: relative; + max-width: 100%; + } +} + @media only screen and (max-width: 782px) { - .filter-group, .filter-group li { - width: 100%; + padding: 0; + width: 50%; } - } +@media only screen and (max-width: 320px) { + .filter-count { + display: none; + } + + .wp-filter .drawer-toggle { + margin: 10px 0; + } + + .filter-group li, + .wp-filter .search-form input[type="search"] { + width: 100%; + } +} /*------------------------------------------------------------------------------ 4.0 - Notifications ------------------------------------------------------------------------------*/ +.notice, +div.updated, +div.error { + background: #fff; + border-right: 4px solid #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 ); + margin: 5px 15px 2px; + padding: 1px 12px; +} + +.notice p, +div.updated p, +div.error p, +.form-table td .notice p { + margin: 0.5em 0; + 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; +} + +.notice-warning { + border-color: #ffba00; +} + +.notice-error, +div.error { + border-color: #dd3d36; +} + +.notice-info { + border-color: #00a0d2; +} + +.wrap .notice, +.wrap div.updated, +.wrap div.error, +.media-upload-form .notice, +.media-upload-form div.error { + margin: 5px 0 15px; +} + #update-nag, .update-nag { display: inline-block; @@ -1306,7 +1411,6 @@ form.upgrade .hint { 6.0 - Admin Header ------------------------------------------------------------------------------*/ #adminmenu a, -#sidemenu a, #taglist a, #catlist a { text-decoration: none; @@ -1380,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 { @@ -1405,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 { @@ -1419,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; @@ -1427,7 +1531,7 @@ form.upgrade .hint { } .toggle-arrow-active { - background-position: bottom right; + background-position: bottom left; } #screen-options-wrap h5, @@ -1459,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 ------------------------------------------------------------------------------*/ @@ -1519,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); @@ -1533,7 +1657,7 @@ form.upgrade .hint { .contextual-help-tabs .active a { border-color: #e1e1e1; - color: #333; + color: #32373c; } .contextual-help-tabs-wrap { @@ -1574,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; } @@ -1595,7 +1709,7 @@ html.wp-toolbar { .widefat thead tr th, .widefat tfoot tr th { - color: #333; + color: #32373c; } .widefat td p { @@ -1605,7 +1719,7 @@ html.wp-toolbar { .widefat p, .widefat ol, .widefat ul { - color: #333; + color: #32373c; } .widefat .column-comment p { @@ -1628,7 +1742,7 @@ html.wp-toolbar { } .metabox-holder .postbox-container .empty-container { - border: 3px dashed #bbb; + border: 3px dashed #b4b9be; height: 250px; } @@ -1687,7 +1801,7 @@ html.wp-toolbar { } .sortable-placeholder { - border: 1px dashed #bbb; + border: 1px dashed #b4b9be; margin-bottom: 20px; } @@ -1851,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 { @@ -1875,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%; @@ -1967,6 +2037,8 @@ td.media-icon { td.media-icon img { max-width: 80px; max-height: 60px; + width: auto; + height: auto; } td.image-icon img { @@ -2061,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; } @@ -2089,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 { @@ -2129,6 +2201,7 @@ div.action-links { #plugin-information-scrollable { overflow: auto; + -webkit-overflow-scrolling: touch; height: 100%; } @@ -2152,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 { @@ -2192,7 +2265,7 @@ div.action-links { float: left; top: 0; height: 250px; - width: 830px; + width: 772px; margin: 0 -20px; background: transparent; -webkit-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 ); @@ -2229,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 { @@ -2339,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; } @@ -2379,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; @@ -2412,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; @@ -2424,7 +2497,7 @@ div.action-links { border: 1px solid #ccc; } -/* @noflip */ +/* rtl:ignore */ #plugin-information .review { overflow: hidden; /* clearfix */ width: 100%; @@ -2436,7 +2509,7 @@ div.action-links { overflow: hidden; /* clearfix */ } -/* @noflip */ +/* rtl:ignore */ #plugin-information .review-title-section h4 { display: inline-block; float: left; @@ -2449,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%; @@ -2542,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) { @@ -2606,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; @@ -2715,7 +2787,7 @@ img { outline: none; } -/* @noflip */ +/* rtl:ignore */ #template textarea, #docs-list { direction: ltr; @@ -2750,7 +2822,7 @@ img { margin: 4px 0; } -#templateside a, +#templateside li a, .theme-editor-php .highlight { display: block; padding: 3px 12px 3px 3px; @@ -2814,7 +2886,7 @@ img { .item-edit, .sidebar-name-arrow, .accordion-section-title:after { - color: #aaa; + color: #a0a5aa; } .widget-action:hover, @@ -2826,7 +2898,12 @@ img { } .widget-top a.widget-action:after { - padding: 12px 12px 0; + padding: 12px 12px 11px; +} + +.widget-top a.widget-action:focus:after { + -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); } .nav-menus-php .item-edit:before { @@ -2847,29 +2924,21 @@ img { content: '\f142'; } -/* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */ -.ui-sortable, -.ui-draggable { - -ms-touch-action: none; - touch-action: none; -} - -.meta-box-sortables.ui-sortable, -.widgets-holder-wrap .ui-draggable, -.widgets-holder-wrap .ui-sortable, -.menu.ui-sortable { - -ms-touch-action: auto; - touch-action: auto; -} - -.meta-box-sortables.ui-sortable .hndle, -.menu.ui-sortable .menu-item-handle { +/*! + * jQuery UI Draggable/Sortable 1.11.4 + * http://jqueryui.com + * + * 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 */ - .accordion-section { border-bottom: 1px solid #dfdfdf; margin: 0; @@ -2920,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 { @@ -2947,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; } @@ -3010,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; } @@ -3104,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; }