Revert [29287] based on design and core team feedback. see #29012.

Built from https://develop.svn.wordpress.org/trunk@29447


git-svn-id: http://core.svn.wordpress.org/trunk@29225 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Helen Hou-Sandí 2014-08-08 19:01:19 +00:00
parent b8198ecf64
commit 2353c354c1
33 changed files with 78 additions and 129 deletions

View File

@ -416,15 +416,6 @@ ul#adminmenu > li.current > a.current:after {
box-shadow: 0 0 0 1px #fff, 0 0 0 2px $highlight-color; box-shadow: 0 0 0 1px #fff, 0 0 0 2px $highlight-color;
} }
.media-modal-close:hover,
.edit-attachment-frame .edit-media-header .right:hover,
.edit-attachment-frame .edit-media-header .left:hover,
.media-modal-close:focus,
.edit-attachment-frame .edit-media-header .right:focus,
.edit-attachment-frame .edit-media-header .left:focus {
background: $menu-highlight-background;
color: $menu-highlight-text;
}
/* Themes */ /* Themes */

View File

@ -267,10 +267,6 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484; } box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484; }
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
background: #096484;
color: #fff; }
/* Themes */ /* Themes */
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
background: #096484; } background: #096484; }

File diff suppressed because one or more lines are too long

View File

@ -267,10 +267,6 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484; } box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484; }
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
background: #096484;
color: #fff; }
/* Themes */ /* Themes */
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
background: #096484; } background: #096484; }

File diff suppressed because one or more lines are too long

View File

@ -267,10 +267,6 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589; } box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589; }
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
background: #c7a589;
color: #fff; }
/* Themes */ /* Themes */
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
background: #c7a589; } background: #c7a589; }

File diff suppressed because one or more lines are too long

View File

@ -267,10 +267,6 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589; } box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589; }
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
background: #c7a589;
color: #fff; }
/* Themes */ /* Themes */
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
background: #c7a589; } background: #c7a589; }

File diff suppressed because one or more lines are too long

View File

@ -267,10 +267,6 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745; } box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745; }
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
background: #a3b745;
color: #fff; }
/* Themes */ /* Themes */
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
background: #a3b745; } background: #a3b745; }

File diff suppressed because one or more lines are too long

View File

@ -267,10 +267,6 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745; } box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745; }
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
background: #a3b745;
color: #fff; }
/* Themes */ /* Themes */
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
background: #a3b745; } background: #a3b745; }

File diff suppressed because one or more lines are too long

View File

@ -267,10 +267,6 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc; } box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc; }
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
background: #888;
color: #fff; }
/* Themes */ /* Themes */
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
background: #04a4cc; } background: #04a4cc; }

File diff suppressed because one or more lines are too long

View File

@ -267,10 +267,6 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc; } box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc; }
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
background: #888;
color: #fff; }
/* Themes */ /* Themes */
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
background: #04a4cc; } background: #04a4cc; }

File diff suppressed because one or more lines are too long

View File

@ -267,10 +267,6 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43; } box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43; }
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
background: #e14d43;
color: #fff; }
/* Themes */ /* Themes */
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
background: #e14d43; } background: #e14d43; }

File diff suppressed because one or more lines are too long

View File

@ -267,10 +267,6 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43; } box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43; }
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
background: #e14d43;
color: #fff; }
/* Themes */ /* Themes */
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
background: #e14d43; } background: #e14d43; }

File diff suppressed because one or more lines are too long

View File

@ -267,10 +267,6 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0; } box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0; }
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
background: #9ebaa0;
color: #fff; }
/* Themes */ /* Themes */
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
background: #9ebaa0; } background: #9ebaa0; }

File diff suppressed because one or more lines are too long

View File

@ -267,10 +267,6 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0; } box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0; }
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
background: #9ebaa0;
color: #fff; }
/* Themes */ /* Themes */
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
background: #9ebaa0; } background: #9ebaa0; }

File diff suppressed because one or more lines are too long

View File

@ -267,10 +267,6 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b; } box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b; }
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
background: #dd823b;
color: #fff; }
/* Themes */ /* Themes */
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
background: #dd823b; } background: #dd823b; }

File diff suppressed because one or more lines are too long

View File

@ -267,10 +267,6 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b; -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b; } box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b; }
.media-modal-close:hover, .edit-attachment-frame .edit-media-header .right:hover, .edit-attachment-frame .edit-media-header .left:hover, .media-modal-close:focus, .edit-attachment-frame .edit-media-header .right:focus, .edit-attachment-frame .edit-media-header .left:focus {
background: #dd823b;
color: #fff; }
/* Themes */ /* Themes */
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after { .theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
background: #dd823b; } background: #dd823b; }

File diff suppressed because one or more lines are too long

View File

@ -140,42 +140,35 @@
.media-modal-close { .media-modal-close {
position: absolute; position: absolute;
text-decoration: none; text-decoration: none;
top: 0; top: 5px;
left: 0; left: 10px;
width: 50px; width: 30px;
height: 50px; height: 30px;
z-index: 1000; z-index: 1000;
color: #777;
-webkit-transition: color .1s ease-in-out, background .1s ease-in-out; -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
transition: color .1s ease-in-out, background .1s ease-in-out; transition: color .1s ease-in-out, background .1s ease-in-out;
} }
.media-modal-close span.media-modal-icon { .media-modal-close span.media-modal-icon {
display: none; display: block;
margin: 8px auto 0; margin: 8px auto 0;
width: 15px; width: 15px;
height: 15px; height: 15px;
background-image: none; background-image: none;
} }
.media-modal-close:before { .media-modal-close .media-modal-icon:before {
position: absolute; content: '\f158';
top: 1px; font: normal 20px/1 'dashicons';
right: 11px;
font: normal 30px/50px 'dashicons' !important;
content: '\f335';
font-weight: 300;
speak: none; speak: none;
vertical-align: middle;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
color: #666;
} }
.media-modal-close:focus, .media-modal-close:hover .media-modal-icon:before {
.media-modal-close:hover { color: #2ea2cc;
background: #0074a2;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
} }
.media-modal-close:active { .media-modal-close:active {
@ -2554,9 +2547,20 @@
overflow: hidden; overflow: hidden;
} }
.upload-php .media-modal-close:before { .upload-php .media-modal-close .media-modal-icon:before {
top: 4px; content: '\f335';
right: 14px; font-size: 30px;
}
.upload-php .media-modal-close:hover .media-modal-icon:before,
.upload-php .media-modal-close:focus .media-modal-icon:before {
color: #fff;
}
.upload-php .media-modal-close .media-modal-icon {
margin-top: 13px;
width: 30px;
height: 30px;
} }
.upload-php .media-modal-close, .upload-php .media-modal-close,
@ -2576,6 +2580,11 @@
transition: color .1s ease-in-out, background .1s ease-in-out; transition: color .1s ease-in-out, background .1s ease-in-out;
} }
.upload-php .media-modal-close {
top: 0;
left: 0;
}
.edit-attachment-frame .edit-media-header .left { .edit-attachment-frame .edit-media-header .left {
left: 112px; left: 112px;
} }
@ -2608,8 +2617,6 @@
.edit-attachment-frame .edit-media-header .left.disabled, .edit-attachment-frame .edit-media-header .left.disabled,
.edit-attachment-frame .edit-media-header .right.disabled, .edit-attachment-frame .edit-media-header .right.disabled,
.edit-attachment-frame .edit-media-header .left.disabled:focus,
.edit-attachment-frame .edit-media-header .right.disabled:focus,
.edit-attachment-frame .edit-media-header .left.disabled:hover, .edit-attachment-frame .edit-media-header .left.disabled:hover,
.edit-attachment-frame .edit-media-header .right.disabled:hover { .edit-attachment-frame .edit-media-header .right.disabled:hover {
color: #ccc; color: #ccc;

File diff suppressed because one or more lines are too long

View File

@ -140,42 +140,35 @@
.media-modal-close { .media-modal-close {
position: absolute; position: absolute;
text-decoration: none; text-decoration: none;
top: 0; top: 5px;
right: 0; right: 10px;
width: 50px; width: 30px;
height: 50px; height: 30px;
z-index: 1000; z-index: 1000;
color: #777;
-webkit-transition: color .1s ease-in-out, background .1s ease-in-out; -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
transition: color .1s ease-in-out, background .1s ease-in-out; transition: color .1s ease-in-out, background .1s ease-in-out;
} }
.media-modal-close span.media-modal-icon { .media-modal-close span.media-modal-icon {
display: none; display: block;
margin: 8px auto 0; margin: 8px auto 0;
width: 15px; width: 15px;
height: 15px; height: 15px;
background-image: none; background-image: none;
} }
.media-modal-close:before { .media-modal-close .media-modal-icon:before {
position: absolute; content: '\f158';
top: 1px; font: normal 20px/1 'dashicons';
left: 11px;
font: normal 30px/50px 'dashicons' !important;
content: '\f335';
font-weight: 300;
speak: none; speak: none;
vertical-align: middle;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
color: #666;
} }
.media-modal-close:focus, .media-modal-close:hover .media-modal-icon:before {
.media-modal-close:hover { color: #2ea2cc;
background: #0074a2;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
} }
.media-modal-close:active { .media-modal-close:active {
@ -2554,9 +2547,20 @@
overflow: hidden; overflow: hidden;
} }
.upload-php .media-modal-close:before { .upload-php .media-modal-close .media-modal-icon:before {
top: 4px; content: '\f335';
left: 14px; font-size: 30px;
}
.upload-php .media-modal-close:hover .media-modal-icon:before,
.upload-php .media-modal-close:focus .media-modal-icon:before {
color: #fff;
}
.upload-php .media-modal-close .media-modal-icon {
margin-top: 13px;
width: 30px;
height: 30px;
} }
.upload-php .media-modal-close, .upload-php .media-modal-close,
@ -2576,6 +2580,11 @@
transition: color .1s ease-in-out, background .1s ease-in-out; transition: color .1s ease-in-out, background .1s ease-in-out;
} }
.upload-php .media-modal-close {
top: 0;
right: 0;
}
.edit-attachment-frame .edit-media-header .left { .edit-attachment-frame .edit-media-header .left {
right: 112px; right: 112px;
} }
@ -2608,8 +2617,6 @@
.edit-attachment-frame .edit-media-header .left.disabled, .edit-attachment-frame .edit-media-header .left.disabled,
.edit-attachment-frame .edit-media-header .right.disabled, .edit-attachment-frame .edit-media-header .right.disabled,
.edit-attachment-frame .edit-media-header .left.disabled:focus,
.edit-attachment-frame .edit-media-header .right.disabled:focus,
.edit-attachment-frame .edit-media-header .left.disabled:hover, .edit-attachment-frame .edit-media-header .left.disabled:hover,
.edit-attachment-frame .edit-media-header .right.disabled:hover { .edit-attachment-frame .edit-media-header .right.disabled:hover {
color: #ccc; color: #ccc;

File diff suppressed because one or more lines are too long