equal
deleted
inserted
replaced
10 z-index: 100050; /* Above DFW. */ |
10 z-index: 100050; /* Above DFW. */ |
11 } |
11 } |
12 |
12 |
13 #TB_window { |
13 #TB_window { |
14 position: fixed; |
14 position: fixed; |
15 background: #fff; |
15 background-color: #fff; |
16 z-index: 100050; /* Above DFW. */ |
16 z-index: 100050; /* Above DFW. */ |
17 visibility: hidden; |
17 visibility: hidden; |
18 text-align: left; |
18 text-align: left; |
19 top: 50%; |
19 top: 50%; |
20 left: 50%; |
20 left: 50%; |
41 height: 25px; |
41 height: 25px; |
42 padding: 11px 25px 10px 0; |
42 padding: 11px 25px 10px 0; |
43 float: right; |
43 float: right; |
44 } |
44 } |
45 |
45 |
46 #TB_closeAjaxWindow { |
46 #TB_closeWindowButton { |
47 float: right; |
47 position: absolute; |
48 } |
48 left: auto; |
49 |
49 right: 0; |
50 #TB_closeAjaxWindow a { |
50 width: 29px; |
51 text-decoration: none; |
51 height: 29px; |
|
52 border: 0; |
|
53 padding: 0; |
|
54 background: none; |
|
55 cursor: pointer; |
|
56 outline: none; |
|
57 -webkit-transition: color .1s ease-in-out, background .1s ease-in-out; |
|
58 transition: color .1s ease-in-out, background .1s ease-in-out; |
52 } |
59 } |
53 |
60 |
54 #TB_ajaxWindowTitle { |
61 #TB_ajaxWindowTitle { |
55 float: left; |
62 float: left; |
56 font-weight: 600; |
63 font-weight: 600; |
57 line-height: 29px; |
64 line-height: 29px; |
58 overflow: hidden; |
65 overflow: hidden; |
59 padding: 0 29px 0 10px; |
66 padding: 0 29px 0 10px; |
60 text-overflow: ellipsis; |
67 text-overflow: ellipsis; |
61 white-space: nowrap; |
68 white-space: nowrap; |
62 width: calc( 100% - 39px ); |
69 width: calc( 100% - 39px ); |
63 } |
70 } |
64 |
71 |
65 #TB_title { |
72 #TB_title { |
66 background: #fcfcfc; |
73 background: #fcfcfc; |
67 border-bottom: 1px solid #dfdfdf; |
74 border-bottom: 1px solid #ddd; |
68 height: 29px; |
75 height: 29px; |
69 } |
76 } |
70 |
77 |
71 #TB_ajaxContent { |
78 #TB_ajaxContent { |
72 clear: both; |
79 clear: both; |
85 } |
92 } |
86 |
93 |
87 #TB_load { |
94 #TB_load { |
88 position: fixed; |
95 position: fixed; |
89 display: none; |
96 display: none; |
90 z-index: 103; |
97 z-index: 100050; |
91 top: 50%; |
98 top: 50%; |
92 left: 50%; |
99 left: 50%; |
93 background-color: #E8E8E8; |
100 background-color: #E8E8E8; |
94 border: 1px solid #555; |
101 border: 1px solid #555; |
95 margin: -45px 0 0 -125px; |
102 margin: -45px 0 0 -125px; |
113 clear: both; |
120 clear: both; |
114 border: none; |
121 border: none; |
115 } |
122 } |
116 |
123 |
117 .tb-close-icon { |
124 .tb-close-icon { |
|
125 display: block; |
118 color: #666; |
126 color: #666; |
119 text-align: center; |
127 text-align: center; |
120 line-height: 29px; |
128 line-height: 29px; |
121 width: 29px; |
129 width: 29px; |
122 height: 29px; |
130 height: 29px; |
124 top: 0; |
132 top: 0; |
125 right: 0; |
133 right: 0; |
126 } |
134 } |
127 |
135 |
128 .tb-close-icon:before { |
136 .tb-close-icon:before { |
129 content: '\f158'; |
137 content: "\f158"; |
130 font: normal 20px/29px 'dashicons'; |
138 font: normal 20px/29px dashicons; |
131 speak: none; |
139 speak: none; |
132 -webkit-font-smoothing: antialiased; |
140 -webkit-font-smoothing: antialiased; |
133 -moz-osx-font-smoothing: grayscale; |
141 -moz-osx-font-smoothing: grayscale; |
134 } |
142 } |
135 |
143 |
136 .tb-close-icon:hover { |
144 #TB_closeWindowButton:hover .tb-close-icon, |
|
145 #TB_closeWindowButton:focus .tb-close-icon { |
137 color: #00a0d2; |
146 color: #00a0d2; |
138 } |
147 } |
|
148 |
|
149 #TB_closeWindowButton:focus .tb-close-icon { |
|
150 -webkit-box-shadow: |
|
151 0 0 0 1px #5b9dd9, |
|
152 0 0 2px 1px rgba(30, 140, 190, .8); |
|
153 box-shadow: |
|
154 0 0 0 1px #5b9dd9, |
|
155 0 0 2px 1px rgba(30, 140, 190, .8); |
|
156 } |