Themes: Improve focus styling of add-new-theme link.

props celloexpressions, mrahmadawais.
fixes #31203.
Built from https://develop.svn.wordpress.org/trunk@31952


git-svn-id: http://core.svn.wordpress.org/trunk@31931 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Dominik Schilling 2015-04-01 12:22:27 +00:00
parent 6a297b848a
commit 43352a0759
34 changed files with 75 additions and 79 deletions

View File

@ -433,11 +433,13 @@ ul#adminmenu > li.current > a.current:after {
/* Themes */ /* Themes */
.theme-browser .theme.active .theme-name, .theme-browser .theme.active .theme-name,
.theme-browser .theme.add-new-theme:hover:after { .theme-browser .theme.add-new-theme a:hover:after,
.theme-browser .theme.add-new-theme a:focus:after {
background: $highlight-color; background: $highlight-color;
} }
.theme-browser .theme.add-new-theme:hover span:after { .theme-browser .theme.add-new-theme a:hover span:after,
.theme-browser .theme.add-new-theme a:focus span:after {
color: $highlight-color; color: $highlight-color;
} }

View File

@ -275,10 +275,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #096484; } box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #096484; }
/* 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 a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
background: #096484; } background: #096484; }
.theme-browser .theme.add-new-theme:hover span:after { .theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
color: #096484; } color: #096484; }
.theme-section.current, .theme-filter.current { .theme-section.current, .theme-filter.current {

File diff suppressed because one or more lines are too long

View File

@ -275,10 +275,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #096484; } box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #096484; }
/* 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 a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
background: #096484; } background: #096484; }
.theme-browser .theme.add-new-theme:hover span:after { .theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
color: #096484; } color: #096484; }
.theme-section.current, .theme-filter.current { .theme-section.current, .theme-filter.current {

File diff suppressed because one or more lines are too long

View File

@ -275,10 +275,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #c7a589; } box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #c7a589; }
/* 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 a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
background: #c7a589; } background: #c7a589; }
.theme-browser .theme.add-new-theme:hover span:after { .theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
color: #c7a589; } color: #c7a589; }
.theme-section.current, .theme-filter.current { .theme-section.current, .theme-filter.current {

File diff suppressed because one or more lines are too long

View File

@ -275,10 +275,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #c7a589; } box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #c7a589; }
/* 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 a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
background: #c7a589; } background: #c7a589; }
.theme-browser .theme.add-new-theme:hover span:after { .theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
color: #c7a589; } color: #c7a589; }
.theme-section.current, .theme-filter.current { .theme-section.current, .theme-filter.current {

File diff suppressed because one or more lines are too long

View File

@ -275,10 +275,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #a3b745; } box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #a3b745; }
/* 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 a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
background: #a3b745; } background: #a3b745; }
.theme-browser .theme.add-new-theme:hover span:after { .theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
color: #a3b745; } color: #a3b745; }
.theme-section.current, .theme-filter.current { .theme-section.current, .theme-filter.current {

File diff suppressed because one or more lines are too long

View File

@ -275,10 +275,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #a3b745; } box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #a3b745; }
/* 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 a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
background: #a3b745; } background: #a3b745; }
.theme-browser .theme.add-new-theme:hover span:after { .theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
color: #a3b745; } color: #a3b745; }
.theme-section.current, .theme-filter.current { .theme-section.current, .theme-filter.current {

File diff suppressed because one or more lines are too long

View File

@ -275,10 +275,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #04a4cc; } box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #04a4cc; }
/* 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 a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
background: #04a4cc; } background: #04a4cc; }
.theme-browser .theme.add-new-theme:hover span:after { .theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
color: #04a4cc; } color: #04a4cc; }
.theme-section.current, .theme-filter.current { .theme-section.current, .theme-filter.current {

File diff suppressed because one or more lines are too long

View File

@ -275,10 +275,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #04a4cc; } box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #04a4cc; }
/* 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 a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
background: #04a4cc; } background: #04a4cc; }
.theme-browser .theme.add-new-theme:hover span:after { .theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
color: #04a4cc; } color: #04a4cc; }
.theme-section.current, .theme-filter.current { .theme-section.current, .theme-filter.current {

File diff suppressed because one or more lines are too long

View File

@ -275,10 +275,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #e14d43; } box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #e14d43; }
/* 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 a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
background: #e14d43; } background: #e14d43; }
.theme-browser .theme.add-new-theme:hover span:after { .theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
color: #e14d43; } color: #e14d43; }
.theme-section.current, .theme-filter.current { .theme-section.current, .theme-filter.current {

File diff suppressed because one or more lines are too long

View File

@ -275,10 +275,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #e14d43; } box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #e14d43; }
/* 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 a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
background: #e14d43; } background: #e14d43; }
.theme-browser .theme.add-new-theme:hover span:after { .theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
color: #e14d43; } color: #e14d43; }
.theme-section.current, .theme-filter.current { .theme-section.current, .theme-filter.current {

File diff suppressed because one or more lines are too long

View File

@ -275,10 +275,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #9ebaa0; } box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #9ebaa0; }
/* 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 a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
background: #9ebaa0; } background: #9ebaa0; }
.theme-browser .theme.add-new-theme:hover span:after { .theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
color: #9ebaa0; } color: #9ebaa0; }
.theme-section.current, .theme-filter.current { .theme-section.current, .theme-filter.current {

File diff suppressed because one or more lines are too long

View File

@ -275,10 +275,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #9ebaa0; } box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #9ebaa0; }
/* 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 a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
background: #9ebaa0; } background: #9ebaa0; }
.theme-browser .theme.add-new-theme:hover span:after { .theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
color: #9ebaa0; } color: #9ebaa0; }
.theme-section.current, .theme-filter.current { .theme-section.current, .theme-filter.current {

File diff suppressed because one or more lines are too long

View File

@ -275,10 +275,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #dd823b; } box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #dd823b; }
/* 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 a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
background: #dd823b; } background: #dd823b; }
.theme-browser .theme.add-new-theme:hover span:after { .theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
color: #dd823b; } color: #dd823b; }
.theme-section.current, .theme-filter.current { .theme-section.current, .theme-filter.current {

File diff suppressed because one or more lines are too long

View File

@ -275,10 +275,10 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.curre
box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #dd823b; } box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #dd823b; }
/* 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 a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
background: #dd823b; } background: #dd823b; }
.theme-browser .theme.add-new-theme:hover span:after { .theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
color: #dd823b; } color: #dd823b; }
.theme-section.current, .theme-filter.current { .theme-section.current, .theme-filter.current {

File diff suppressed because one or more lines are too long

View File

@ -310,11 +310,9 @@
z-index: 1; z-index: 1;
} }
.theme-browser .theme.add-new-theme:after { .theme-browser .theme.add-new-theme a:after {
display: block; display: block;
content: ''; content: '';
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
background: transparent; background: transparent;
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
position: absolute; position: absolute;
@ -322,12 +320,10 @@
right: 0; right: 0;
left: 0; left: 0;
bottom: 0; bottom: 0;
padding: 10% 0 0 0; padding: 0;
text-shadow: none; text-shadow: none;
border: 5px dashed #d5d2ca; border: 5px dashed #d5d2ca;
border: 5px dashed rgba(0, 0, 0, 0.1); border: 5px dashed rgba(0, 0, 0, 0.1);
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
@ -361,19 +357,19 @@
text-indent: 4px; text-indent: 4px;
} }
.theme-browser .theme.add-new-theme:hover .theme-screenshot, .theme-browser .theme.add-new-theme a:hover .theme-screenshot,
.theme-browser .theme.add-new-theme:focus .theme-screenshot { .theme-browser .theme.add-new-theme a:focus .theme-screenshot {
background: none; background: none;
} }
.theme-browser .theme.add-new-theme:hover span:after, .theme-browser .theme.add-new-theme a:hover span:after,
.theme-browser .theme.add-new-theme:focus span:after { .theme-browser .theme.add-new-theme a:focus span:after {
background: #fff; background: #fff;
color: #0073aa; color: #0073aa;
} }
.theme-browser .theme.add-new-theme:hover:after, .theme-browser .theme.add-new-theme a:hover:after,
.theme-browser .theme.add-new-theme:focus:after { .theme-browser .theme.add-new-theme a:focus:after {
border-color: transparent; border-color: transparent;
color: #fff; color: #fff;
background: #0073aa; background: #0073aa;
@ -388,12 +384,13 @@
font-weight: 400; font-weight: 400;
position: relative; position: relative;
top: 0; top: 0;
margin-top: -10%; margin-top: -18px;
margin-bottom: 10%; padding-top: 0;
padding-bottom: 48px;
} }
.theme-browser .theme.add-new-theme:hover .theme-name, .theme-browser .theme.add-new-theme a:hover .theme-name,
.theme-browser .theme.add-new-theme:focus .theme-name { .theme-browser .theme.add-new-theme a:focus .theme-name {
color: #fff; color: #fff;
z-index: 2; z-index: 2;
} }

View File

@ -310,11 +310,9 @@
z-index: 1; z-index: 1;
} }
.theme-browser .theme.add-new-theme:after { .theme-browser .theme.add-new-theme a:after {
display: block; display: block;
content: ''; content: '';
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
background: transparent; background: transparent;
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
position: absolute; position: absolute;
@ -322,12 +320,10 @@
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
padding: 10% 0 0 0; padding: 0;
text-shadow: none; text-shadow: none;
border: 5px dashed #d5d2ca; border: 5px dashed #d5d2ca;
border: 5px dashed rgba(0, 0, 0, 0.1); border: 5px dashed rgba(0, 0, 0, 0.1);
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
@ -361,19 +357,19 @@
text-indent: 4px; text-indent: 4px;
} }
.theme-browser .theme.add-new-theme:hover .theme-screenshot, .theme-browser .theme.add-new-theme a:hover .theme-screenshot,
.theme-browser .theme.add-new-theme:focus .theme-screenshot { .theme-browser .theme.add-new-theme a:focus .theme-screenshot {
background: none; background: none;
} }
.theme-browser .theme.add-new-theme:hover span:after, .theme-browser .theme.add-new-theme a:hover span:after,
.theme-browser .theme.add-new-theme:focus span:after { .theme-browser .theme.add-new-theme a:focus span:after {
background: #fff; background: #fff;
color: #0073aa; color: #0073aa;
} }
.theme-browser .theme.add-new-theme:hover:after, .theme-browser .theme.add-new-theme a:hover:after,
.theme-browser .theme.add-new-theme:focus:after { .theme-browser .theme.add-new-theme a:focus:after {
border-color: transparent; border-color: transparent;
color: #fff; color: #fff;
background: #0073aa; background: #0073aa;
@ -388,12 +384,13 @@
font-weight: 400; font-weight: 400;
position: relative; position: relative;
top: 0; top: 0;
margin-top: -10%; margin-top: -18px;
margin-bottom: 10%; padding-top: 0;
padding-bottom: 48px;
} }
.theme-browser .theme.add-new-theme:hover .theme-name, .theme-browser .theme.add-new-theme a:hover .theme-name,
.theme-browser .theme.add-new-theme:focus .theme-name { .theme-browser .theme.add-new-theme a:focus .theme-name {
color: #fff; color: #fff;
z-index: 2; z-index: 2;
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '4.2-beta3-31951'; $wp_version = '4.2-beta3-31952';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.