Themes screen: Various IE8 adjustments and fixes.

props morganestes, matveb.
fixes #26541.


git-svn-id: https://develop.svn.wordpress.org/trunk@27007 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Nacin 2014-01-22 18:53:34 +00:00
parent eac3ccc29a
commit 0b5a18c519
1 changed files with 20 additions and 0 deletions

View File

@ -6373,6 +6373,11 @@ span.imgedit-scale-warn {
box-sizing: border-box; box-sizing: border-box;
} }
.ie8 .theme-browser .theme {
width: 30%;
margin: 0 3% 4% 0;
}
.theme-browser .theme:nth-child(3n) { .theme-browser .theme:nth-child(3n) {
margin-right: 0; margin-right: 0;
} }
@ -6398,6 +6403,7 @@ span.imgedit-scale-warn {
/* Activate and Customize buttons, shown on hover */ /* Activate and Customize buttons, shown on hover */
.theme-browser .theme .theme-actions { .theme-browser .theme .theme-actions {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0; opacity: 0;
-webkit-transition: opacity 0.1s ease-in-out; -webkit-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out;
@ -6411,6 +6417,7 @@ span.imgedit-scale-warn {
} }
.theme-browser .theme:hover .theme-actions { .theme-browser .theme:hover .theme-actions {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1; opacity: 1;
} }
@ -6463,11 +6470,13 @@ span.imgedit-scale-warn {
} }
.theme-browser .theme .more-details { .theme-browser .theme .more-details {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0; opacity: 0;
position: absolute; position: absolute;
top: 35%; top: 35%;
right: 25%; right: 25%;
left: 25%; left: 25%;
background: #222;
background: rgba(0,0,0,0.7); background: rgba(0,0,0,0.7);
color: #fff; color: #fff;
font-size: 15px; font-size: 15px;
@ -6500,6 +6509,7 @@ span.imgedit-scale-warn {
} }
.theme-browser.rendered .theme:hover .more-details { .theme-browser.rendered .theme:hover .more-details {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1; opacity: 1;
} }
@ -6603,7 +6613,9 @@ span.imgedit-scale-warn {
.theme-browser .theme.add-new-theme:after { .theme-browser .theme.add-new-theme:after {
display: block; display: block;
content: ''; content: '';
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1; opacity: 1;
background: transparent;
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
position: absolute; position: absolute;
top: 0; top: 0;
@ -6612,6 +6624,7 @@ span.imgedit-scale-warn {
bottom: 0; bottom: 0;
padding: 10% 0 0 0; padding: 10% 0 0 0;
text-shadow: none; text-shadow: none;
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; -webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;
@ -6621,6 +6634,7 @@ span.imgedit-scale-warn {
} }
.theme-browser .theme.add-new-theme span:after { .theme-browser .theme.add-new-theme span:after {
background: #e5e5e5;
background: rgba(153, 153, 153, 0.1); background: rgba(153, 153, 153, 0.1);
border-radius: 50%; border-radius: 50%;
display: inline-block; display: inline-block;
@ -6659,6 +6673,7 @@ span.imgedit-scale-warn {
border-color: transparent; border-color: transparent;
color: #fff; color: #fff;
background: #0074a2; background: #0074a2;
content: '';
} }
.theme-browser .theme.add-new-theme .theme-name { .theme-browser .theme.add-new-theme .theme-name {
@ -6700,6 +6715,7 @@ span.imgedit-scale-warn {
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
background: #f1f1f1;
background: rgba( 238, 238, 238, 0.9 ); background: rgba( 238, 238, 238, 0.9 );
z-index: 10; z-index: 10;
} }
@ -6853,6 +6869,10 @@ body.folded .theme-overlay .theme-wrap {
border-top: 1px solid #eee; border-top: 1px solid #eee;
} }
.ie8 .theme-overlay .theme-actions {
border: 1px solid #eee;
}
.theme-overlay .theme-actions a { .theme-overlay .theme-actions a {
margin-right: 5px; margin-right: 5px;
margin-bottom: 5px; margin-bottom: 5px;