Changeset 26395

Timestamp:

11/26/2013 05:31:32 AM (13 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;
+}