#TB_window {
position: fixed;
- background: #fff;
+ background-color: #fff;
z-index: 100050; /* Above DFW. */
visibility: hidden;
text-align: left;
float: right;
}
-#TB_closeAjaxWindow {
- float: right;
-}
-
-#TB_closeAjaxWindow a {
- text-decoration: none;
+#TB_closeWindowButton {
+ position: absolute;
+ left: auto;
+ right: 0;
+ width: 29px;
+ height: 29px;
+ border: 0;
+ padding: 0;
+ background: none;
+ cursor: pointer;
+ outline: none;
+ -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
+ transition: color .1s ease-in-out, background .1s ease-in-out;
}
#TB_ajaxWindowTitle {
float: left;
font-weight: 600;
line-height: 29px;
- overflow: hidden;
+ overflow: hidden;
padding: 0 29px 0 10px;
text-overflow: ellipsis;
white-space: nowrap;
#TB_title {
background: #fcfcfc;
- border-bottom: 1px solid #dfdfdf;
+ border-bottom: 1px solid #ddd;
height: 29px;
}
}
.tb-close-icon {
+ display: block;
color: #666;
text-align: center;
line-height: 29px;
}
.tb-close-icon:before {
- content: '\f158';
- font: normal 20px/29px 'dashicons';
+ content: "\f158";
+ font: normal 20px/29px dashicons;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
-.tb-close-icon:hover {
- color: #2ea2cc;
+#TB_closeWindowButton:hover .tb-close-icon,
+#TB_closeWindowButton:focus .tb-close-icon {
+ color: #00a0d2;
}