Changeset 27007

Timestamp:

01/22/2014 06:53:34 PM (11 years ago)

Author:

nacin

Message:

Themes screen: Various IE8 adjustments and fixes.

props morganestes, matveb.
fixes #26541.

File:

• trunk/src/wp-admin/css/wp-admin.css (modified) (12 diffs)

trunk/src/wp-admin/css/wp-admin.css

@@ -6374 +6374 @@
 }
 
+.ie8 .theme-browser .theme {
+    width: 30%;
+    margin: 0 3% 4% 0;
+}
+
 .theme-browser .theme:nth-child(3n) {
     margin-right: 0;
@@ -6399 +6404 @@
 /* Activate and Customize buttons, shown on hover */
 .theme-browser .theme .theme-actions {
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     opacity: 0;
     -webkit-transition: opacity 0.1s ease-in-out;
@@ -6412 +6418 @@
 
 .theme-browser .theme:hover .theme-actions {
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     opacity: 1;
 }
@@ -6464 +6471 @@
 
 .theme-browser .theme .more-details {
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     opacity: 0;
     position: absolute;
@@ -6469 +6477 @@
         right: 25%;
         left: 25%;
+    background: #222;
     background: rgba(0,0,0,0.7);
     color: #fff;
@@ -6501 +6510 @@
 
 .theme-browser.rendered .theme:hover .more-details {
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     opacity: 1;
 }
@@ -6604 +6614 @@
     display: block;
     content: '';
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     opacity: 1;
+    background: transparent;
     background: rgba(0, 0, 0, 0);
     position: absolute;
@@ -6613 +6625 @@
     padding: 10% 0 0 0;
     text-shadow: none;
+    border: 5px dashed #d5d2ca;
     border: 5px dashed rgba(0, 0, 0, 0.1);
     -webkit-transition: opacity 0.2s ease-in-out;
@@ -6622 +6635 @@
 
 .theme-browser .theme.add-new-theme span:after {
+    background: #e5e5e5;
     background: rgba(153, 153, 153, 0.1);
     border-radius: 50%;
@@ -6660 +6674 @@
     color: #fff;
     background: #0074a2;
+    content: '';
 }
 
@@ -6701 +6716 @@
     top: 0;
     bottom: 0;
+    background: #f1f1f1;
     background: rgba( 238, 238, 238, 0.9 );
     z-index: 10;
@@ -6852 +6868 @@
     box-sizing: border-box;
     border-top: 1px solid #eee;
+}
+
+.ie8 .theme-overlay .theme-actions {
+    border: 1px solid #eee;
 }