Accessibility: Reduce the WordPress shades of grey, Episode 3.

Also, removes some no more used CSS.

See #35783.

git-svn-id: https://develop.svn.wordpress.org/trunk@36904 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrea Fercia 2016-03-09 19:50:28 +00:00
parent 6740130925
commit 7e71bb398c
22 changed files with 72 additions and 105 deletions

View File

@ -164,7 +164,7 @@
.about-wrap .point-releases {
margin-top: 5px;
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #ddd;
}
.about-wrap .changelog.point-releases h3 {

View File

@ -94,7 +94,7 @@
.wp-picker-container .iris-picker {
-webkit-border-radius: 0;
border-radius: 0;
border-color: #dfdfdf;
border-color: #ddd;
margin-top: 6px;
}

View File

@ -2013,7 +2013,7 @@ html.wp-toolbar {
font-size: 14px;
line-height: 24px;
font-weight: 600;
background: #e4e4e4;
background: #e5e5e5;
color: #555;
text-decoration: none;
white-space: nowrap;
@ -2029,7 +2029,7 @@ h3 .nav-tab, /* Back-compat for pre-4.4 */
.nav-tab:hover,
.nav-tab:focus {
background-color: #fff;
color: #464646;
color: #444;
}
.nav-tab-active,
@ -2040,7 +2040,7 @@ h3 .nav-tab, /* Back-compat for pre-4.4 */
.nav-tab-active {
margin-bottom: -1px;
color: #464646;
color: #444;
}
.nav-tab-active,
@ -2495,7 +2495,7 @@ div.action-links {
}
#plugin-information .fyi strong {
color: #464646;
color: #444;
}
#plugin-information .fyi h3 {
@ -2885,16 +2885,6 @@ img {
border: none;
}
/* Header */
/* @todo: are these also specific to Press This? */
#wphead {
border-bottom: 1px solid #dfdfdf;
}
#wphead h1 a {
color: #464646;
}
/* Metabox collapse arrow indicators */
.js .sidebar-name .sidebar-name-arrow:before,
.js .meta-box-sortables .postbox .toggle-indicator:before {
@ -3129,7 +3119,7 @@ img {
/* Accordion */
.accordion-section {
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #ddd;
margin: 0;
}
@ -3139,7 +3129,7 @@ img {
}
.accordion-section.open:hover {
border-bottom-color: #dfdfdf;
border-bottom-color: #ddd;
}
.accordion-section-content {
@ -3153,8 +3143,8 @@ img {
margin: 0;
padding: 12px 15px 15px;
position: relative;
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
@ -3211,7 +3201,7 @@ img {
.control-section.open .accordion-section-title {
/* When expanded */
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #ddd;
}
/* Edit Site */

View File

@ -1443,7 +1443,7 @@ body.adding-widget .add-new-widget:before,
z-index: 1;
width: 300px;
background: #eee;
border-bottom: 1px solid #e4e4e4;
border-bottom: 1px solid #e5e5e5;
}
/* search field container */
@ -1476,7 +1476,7 @@ body.adding-widget .add-new-widget:before,
position: relative;
padding: 20px 15px 20px 60px;
background: #fff;
border-bottom: 1px solid #e4e4e4;
border-bottom: 1px solid #e5e5e5;
cursor: pointer;
display: none;
}

View File

@ -130,7 +130,7 @@
#customize-theme-controls .move-widget-area {
display: none;
background: #fff;
border: 1px solid #dedede;
border: 1px solid #ddd;
border-top: none;
cursor: auto;
}

View File

@ -196,7 +196,7 @@
.welcome-panel-column p {
margin-top: 7px;
color: #464646;
color: #444;
}
.welcome-panel .welcome-widgets-menus {

View File

@ -5,7 +5,7 @@ div#media-upload-header {
padding: 5px 5px 0;
font-weight: bold;
position: relative;
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #ddd;
background: #f9f9f9;
}
@ -28,7 +28,7 @@ div#media-upload-header {
float: left;
line-height: 28px;
border-top: 1px solid #f9f9f9;
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #ddd;
background-color: #f9f9f9;
text-decoration: none;
-webkit-transition: none;
@ -49,7 +49,7 @@ div#media-upload-header {
font-weight: normal;
padding-left: 6px;
padding-right: 6px;
border: 1px solid #dfdfdf;
border: 1px solid #ddd;
border-bottom-color: #f1f1f1;
background-color: #f1f1f1;
color: #000;
@ -62,7 +62,7 @@ div#media-upload-header {
}
#media-upload .slidetoggle {
border-top-color: #dfdfdf;
border-top-color: #ddd;
}
#media-upload input[type="radio"] {
@ -328,7 +328,7 @@ h4.media-sub-title {
#gallery-settings label,
#gallery-settings legend {
font-size: 13px;
color: #464646;
color: #444;
margin-right: 15px;
}
@ -337,7 +337,7 @@ h4.media-sub-title {
}
#gallery-settings p.ml-submit {
border-top: 1px solid #dfdfdf;
border-top: 1px solid #ddd;
}
#gallery-settings select#columns {

View File

@ -74,12 +74,6 @@
padding: 11px 10px;
}
#poststuff .inside-submitbox,
#side-sortables .inside-submitbox {
margin: 0 3px;
font-size: 11px;
}
input#link_description,
input#link_url {
width: 98%;
@ -135,14 +129,6 @@ input#link_url {
float: left;
}
.submitbox .submit {
text-align: left;
padding: 12px 10px 10px;
font-size: 11px;
background-color: #464646;
color: #ccc;
}
.submitbox .submitdelete {
text-decoration: none;
padding: 1px 2px;
@ -166,10 +152,6 @@ stray rule may actually be compensated for elsewhere. */
padding: 6px;
}
.inside-submitbox #post_status {
margin: 2px 0 2px -2px;
}
#post-status-select {
margin-top: 3px;
}
@ -271,11 +253,6 @@ ul.category-tabs li,
border: 0 none;
}
#side-sortables .inside-submitbox .insidebox,
.stuffbox .insidebox {
margin: 11px 0;
}
/* @todo: make this a more generic class */
ul.category-tabs,
ul.add-menu-item-tabs,
@ -292,7 +269,7 @@ ul.add-menu-item-tabs li {
ul.category-tabs li.tabs,
ul.add-menu-item-tabs li.tabs,
.wp-tab-active {
border: 1px solid #dfdfdf;
border: 1px solid #ddd;
border-bottom-color: #fdfdfd;
background-color: #fdfdfd;
}
@ -727,7 +704,7 @@ span.wp-media-buttons-icon:before {
#postcustomstuff table {
margin: 0;
width: 100%;
border: 1px solid #dfdfdf;
border: 1px solid #ddd;
border-spacing: 0;
background-color: #f9f9f9;
}
@ -960,7 +937,7 @@ a.post-state-format.format-link:before {
max-height: 200px;
overflow: auto;
padding: 0 0.9em;
border: solid 1px #dfdfdf;
border: solid 1px #ddd;
background-color: #fdfdfd;
}

View File

@ -244,7 +244,7 @@ table.fixed td {
}
#wpbody-content .postbox {
border: 1px solid #dfdfdf;
border: 1px solid #ddd;
}
#wpbody-content .postbox .hndle {
@ -687,7 +687,7 @@ input[type="password"],
* html .stuffbox,
* html .stuffbox input,
* html .stuffbox textarea {
border: 1px solid #DFDFDF;
border: 1px solid #ddd;
}
* html div.widget-liquid-left {
@ -721,7 +721,7 @@ input[type="password"],
}
* html input {
border: 1px solid #dfdfdf;
border: 1px solid #ddd;
}
* html .edit-box {

View File

@ -39,7 +39,7 @@ a:focus {
}
h1, h2 {
border-bottom: 1px solid #dedede;
border-bottom: 1px solid #ddd;
clear: both;
color: #666;
font-size: 24px;
@ -131,7 +131,7 @@ label {
vertical-align: middle;
}
textarea {
border: 1px solid #dfdfdf;
border: 1px solid #ddd;
font-family: "Open Sans", sans-serif;
width: 100%;
-webkit-box-sizing: border-box;

View File

@ -697,7 +697,7 @@ th.asc a:focus span.sorting-indicator {
min-width: 17px;
border: 1px solid #ccc; /* same color as buttons border */
padding: 3px 5px 7px;
background: #e4e4e4;
background: #e5e5e5;
font-size: 16px;
line-height: 1;
font-weight: normal;
@ -1473,7 +1473,7 @@ tr.active + tr.plugin-update-tr:not(.updated) .plugin-update .update-message {
width: -webkit-calc( 50% - 8px );
width: calc( 50% - 8px );
background-color: #fff;
border: 1px solid #dedede;
border: 1px solid #ddd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@ -1560,7 +1560,7 @@ div.action-links,
clear: both;
padding: 12px 20px;
background-color: #fafafa;
border-top: 1px solid #dedede;
border-top: 1px solid #ddd;
overflow: hidden;
}
@ -1575,8 +1575,8 @@ div.action-links,
.plugin-card-update-failed .notice-error {
margin: 0;
padding-left: 16px;
-webkit-box-shadow: 0 -1px 0 #dedede;
box-shadow: 0 -1px 0 #dedede;
-webkit-box-shadow: 0 -1px 0 #ddd;
box-shadow: 0 -1px 0 #ddd;
}
.plugin-card-update-failed .plugin-card-bottom {

View File

@ -5,7 +5,7 @@
.media-item .describe {
border-collapse: collapse;
width: 100%;
border-top: 1px solid #dfdfdf;
border-top: 1px solid #ddd;
clear: both;
cursor: default;
}
@ -124,8 +124,8 @@
.media-upload-form .media-item,
.media-upload-form .media-item .error {
-webkit-box-shadow: 0 1px 0 #dfdfdf;
box-shadow: 0 1px 0 #dfdfdf;
-webkit-box-shadow: 0 1px 0 #ddd;
box-shadow: 0 1px 0 #ddd;
}
#media-items:empty {
@ -242,7 +242,7 @@
.find-box-head {
background: #fcfcfc;
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #ddd;
height: 36px;
font-size: 18px;
font-weight: 600;
@ -326,7 +326,7 @@
.find-box-buttons {
padding: 8px 16px;
background: #fcfcfc;
border-top: 1px solid #dfdfdf;
border-top: 1px solid #ddd;
position: absolute;
bottom: 0;
left: 0;

View File

@ -160,7 +160,7 @@ ul.add-menu-item-tabs li {
.nav-menus-php #post-body {
padding: 0 10px 10px;
border-top: 1px solid #fff;
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #ddd;
background: #fff;
}
@ -170,7 +170,7 @@ ul.add-menu-item-tabs li {
}
#nav-menu-header {
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #ddd;
margin-bottom: 0;
}
@ -442,7 +442,7 @@ ul.add-menu-item-tabs li {
}
.menu-item-bar .menu-item-handle {
border: 1px solid #dfdfdf;
border: 1px solid #ddd;
position: relative;
padding: 10px 15px;
height: auto;
@ -673,7 +673,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
display: block;
margin: 0 0 10px;
padding: 3px 5px 5px;
border: 1px solid #dfdfdf;
border: 1px solid #ddd;
color: #72777c;
font-size: 12px;
font-style: italic;

View File

@ -1380,7 +1380,7 @@ html {
bottom: 0;
padding: 0 1.07143em;
background: #f7f7f7;
border-color: #dedede;
border-color: #ddd;
border: 0;
border-left: 1px solid #f1f1f1;
-webkit-border-radius: 0;

View File

@ -54,7 +54,7 @@
margin: 0 4% 4% 0;
position: relative;
width: 30.6%;
border: 1px solid #dedede;
border: 1px solid #ddd;
-webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
-webkit-box-sizing: border-box;
@ -1161,7 +1161,7 @@ body.show-upload-theme p.no-themes {
------------------------------------------------------------------------------*/
.appearance_page_custom-header #headimg {
border: 1px solid #DFDFDF;
border: 1px solid #ddd;
overflow: hidden;
width: 100%;
}
@ -1197,7 +1197,7 @@ body.show-upload-theme p.no-themes {
div#custom-background-image {
min-height: 100px;
border: 1px solid #dfdfdf;
border: 1px solid #ddd;
}
div#custom-background-image img {

View File

@ -37,7 +37,7 @@
.mce-window .mce-window-head {
background: #fcfcfc;
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #ddd;
padding: 0;
min-height: 36px;
}
@ -91,7 +91,7 @@ div.mce-tab:focus {
}
.mce-window .mce-foot {
border-top: 1px solid #dfdfdf;
border-top: 1px solid #ddd;
}
.mce-textbox,
@ -245,7 +245,7 @@ div.mce-tab {
/* TinyMCE toolbars */
div.mce-toolbar-grp {
border-bottom: 1px solid #dedede;
border-bottom: 1px solid #ddd;
background: #f5f5f5;
padding: 0;
position: relative;
@ -771,7 +771,7 @@ div.mce-menu .mce-menu-item-sep,
.mce-charmap td {
padding: 0;
border-color: #dfdfdf;
border-color: #ddd;
cursor: pointer;
}
@ -1182,7 +1182,7 @@ i.mce-i-wp_code:before {
.wp-media-buttons a {
text-decoration: none;
color: #464646;
color: #444;
font-size: 12px;
}
@ -1218,7 +1218,7 @@ i.mce-i-wp_code:before {
.quicktags-toolbar {
padding: 3px;
position: relative;
border-bottom: 1px solid #dedede;
border-bottom: 1px solid #ddd;
background: #f5f5f5;
min-height: 30px;
}
@ -1383,7 +1383,7 @@ i.mce-i-wp_code:before {
#link-modal-title {
background: #fcfcfc;
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #ddd;
height: 36px;
font-size: 18px;
font-weight: 600;
@ -1510,7 +1510,7 @@ i.mce-i-wp_code:before {
}
#wp-link li.unselectable {
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #ddd;
}
#wp-link li.unselectable:hover {
@ -1552,7 +1552,7 @@ i.mce-i-wp_code:before {
#wp-link .submitbox {
padding: 8px 16px;
background: #fcfcfc;
border-top: 1px solid #dfdfdf;
border-top: 1px solid #ddd;
position: absolute;
bottom: 0;
left: 0;

View File

@ -280,7 +280,7 @@
.ui-dialog-titlebar {
background: #fcfcfc;
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #ddd;
height: 36px;
font-size: 18px;
font-weight: 600;
@ -332,7 +332,7 @@
.ui-dialog-buttonpane {
background: #fcfcfc;
border-top: 1px solid #dfdfdf;
border-top: 1px solid #ddd;
padding: 16px;
}

View File

@ -84,7 +84,7 @@
font-size: 12px;
border-width: 1px;
border-style: solid;
border-color: #dfdfdf;
border-color: #ddd;
}
.media-frame input[type="text"]:focus,
@ -271,7 +271,7 @@
z-index: 100;
height: 60px;
padding: 0 16px;
border: 0 solid #dfdfdf;
border: 0 solid #ddd;
overflow: hidden;
}
@ -722,7 +722,7 @@
}
.media-frame.hide-router .media-frame-title {
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #ddd;
-webkit-box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, 0.1 );
box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, 0.1 );
}
@ -806,7 +806,7 @@
margin-top: 11px;
padding: 4px;
font-size: 13px;
color: #464646;
color: #444;
font-family: "Open Sans", sans-serif;
-webkit-appearance: none;
}
@ -831,7 +831,7 @@
float: left;
padding: 8px;
margin: 0;
color: #464646;
color: #444;
cursor: pointer;
list-style: none;
text-align: center;
@ -1176,7 +1176,7 @@
margin: 10px auto;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #dfdfdf;
background: #ddd;
background: rgba( 0, 0, 0, 0.1 );
}
@ -1235,7 +1235,7 @@
}
.media-uploader-status .upload-count {
color: #464646;
color: #444;
}
.media-uploader-status .upload-dismiss-errors,
@ -1373,7 +1373,7 @@
.uploader-inline .has-upload-message .upload-instructions {
font-size: 14px;
color: #464646;
color: #444;
font-weight: normal;
}
@ -1446,7 +1446,7 @@
padding: 1px 8px;
margin: 1px 8px 1px -8px;
line-height: 16px;
border-right: 1px solid #dfdfdf;
border-right: 1px solid #ddd;
color: #0073aa;
}
@ -1617,7 +1617,7 @@
.attachment-info .filename {
font-weight: bold;
color: #464646;
color: #444;
word-wrap: break-word;
}

View File

@ -3,7 +3,7 @@
position: relative;
font-size: 13px;
background: #fff;
border: 1px solid #dfdfdf;
border: 1px solid #ddd;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.075);
box-shadow: 0 3px 6px rgba(0,0,0,0.075);
}

View File

@ -261,7 +261,7 @@ video.wp-video-shortcode,
}
.wp-playlist-dark .wp-playlist-caption {
color: #dedede;
color: #ddd;
}
.wp-playlist-playing {

View File

@ -64,7 +64,7 @@
#TB_title {
background: #fcfcfc;
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #ddd;
height: 29px;
}

View File

@ -364,7 +364,7 @@ audio {
}
.wpview-error {
border: 1px solid #dedede;
border: 1px solid #ddd;
padding: 1em 0;
margin: 0;
word-wrap: break-word;