Changeset 26395

Timestamp:

11/26/2013 05:31:32 AM (11 years ago)

Author:

iammattthomas

Message:

Move thickbox styles from wp-admin.css to thickbox.css. Remove old png close icons. Fixes #26178.

Location:

trunk/src/wp-includes/js/thickbox

Files:

• tb-close-2x.png (deleted)
• tb-close.png (deleted)
• thickbox.css (modified) (3 diffs)

trunk/src/wp-includes/js/thickbox/thickbox.css

@@ -4 +4 @@
 /* ----------------------------------------------------------------------------------------------------------------*/
 #TB_window {
-    font: 12px sans-serif;
+    font: 12px "Open Sans", sans-serif;
     color: #333333;
 }
 
 #TB_secondLine {
-    font: 10px sans-serif;
+    font: 10px "Open Sans", sans-serif;
     color:#666666;
 }
@@ -93 +93 @@
 }
 
+#TB_closeAjaxWindow a {
+    text-decoration: none;
+}
+
 #TB_ajaxWindowTitle{
     float:left;
@@ -163 +167 @@
 
 .tb-close-icon {
-    background: url('tb-close.png') no-repeat;
-    height: 15px;
-    width: 15px;
+    height: 16px;
+    margin: -3px -3px 0 0;
+    width: 16px;
 }
 
-@media print,
-  (-o-min-device-pixel-ratio: 5/4),
-  (-webkit-min-device-pixel-ratio: 1.25),
-  (min-resolution: 120dpi) {
-    .tb-close-icon {
-        background: url('tb-close-2x.png') no-repeat;
-        background-size: 15px;
-    }
+.tb-close-icon:before {
+    content: '\f158';
+    color: #ccc;
+    font: normal 20px/1 'dashicons';
+    speak: none;
+    vertical-align: middle;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
+
+.tb-close-icon:hover:before {
+    color: #fff;
+}