1 |
|
2 /* ----------------------------------------------------------------------------------------------------------------*/ |
|
3 /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ |
|
4 /* ----------------------------------------------------------------------------------------------------------------*/ |
|
5 #TB_window { |
|
6 font: 12px sans-serif; |
|
7 color: #333333; |
|
8 } |
|
9 |
|
10 #TB_secondLine { |
|
11 font: 10px sans-serif; |
|
12 color:#666666; |
|
13 } |
|
14 |
|
15 #TB_window a:link {color: #666666;} |
|
16 #TB_window a:visited {color: #666666;} |
|
17 #TB_window a:hover {color: #000;} |
|
18 #TB_window a:active {color: #666666;} |
|
19 #TB_window a:focus{color: #666666;} |
|
20 |
|
21 /* ----------------------------------------------------------------------------------------------------------------*/ |
|
22 /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ |
|
23 /* ----------------------------------------------------------------------------------------------------------------*/ |
|
24 #TB_overlay { |
1 #TB_overlay { |
|
2 background: #000; |
|
3 opacity: 0.7; |
|
4 filter: alpha(opacity=70); |
25 position: fixed; |
5 position: fixed; |
26 z-index:100; |
6 top: 0; |
27 top: 0px; |
7 right: 0; |
28 left: 0px; |
8 bottom: 0; |
29 height:100%; |
9 left: 0; |
30 width:100%; |
10 z-index: 100050; /* Above DFW. */ |
31 } |
|
32 |
|
33 .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} |
|
34 .TB_overlayBG { |
|
35 background-color:#000; |
|
36 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; |
|
37 filter:alpha(opacity=75); |
|
38 -moz-opacity: 0.75; |
|
39 opacity: 0.75; |
|
40 } |
|
41 |
|
42 * html #TB_overlay { /* ie6 hack */ |
|
43 position: absolute; |
|
44 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); |
|
45 } |
11 } |
46 |
12 |
47 #TB_window { |
13 #TB_window { |
48 position: fixed; |
14 position: fixed; |
49 background: #ffffff; |
15 background: #fff; |
50 z-index: 102; |
16 z-index: 100050; /* Above DFW. */ |
51 color:#000000; |
|
52 visibility: hidden; |
17 visibility: hidden; |
53 text-align:left; |
18 text-align: left; |
54 top:50%; |
19 top: 50%; |
55 left:50%; |
20 left: 50%; |
56 border: 1px solid #555; |
21 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); |
57 -moz-box-shadow: rgba(0,0,0,1) 0 4px 30px; |
22 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); |
58 -webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px; |
|
59 -khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px; |
|
60 box-shadow: rgba(0,0,0,1) 0 4px 30px; |
|
61 } |
|
62 |
|
63 * html #TB_window { /* ie6 hack */ |
|
64 position: absolute; |
|
65 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); |
|
66 } |
23 } |
67 |
24 |
68 #TB_window img#TB_Image { |
25 #TB_window img#TB_Image { |
69 display:block; |
26 display: block; |
70 margin: 15px 0 0 15px; |
27 margin: 15px 0 0 15px; |
71 border-right: 1px solid #ccc; |
28 border-right: 1px solid #ccc; |
72 border-bottom: 1px solid #ccc; |
29 border-bottom: 1px solid #ccc; |
73 border-top: 1px solid #666; |
30 border-top: 1px solid #666; |
74 border-left: 1px solid #666; |
31 border-left: 1px solid #666; |
75 } |
32 } |
76 |
33 |
77 #TB_caption{ |
34 #TB_caption{ |
78 height:25px; |
35 height: 25px; |
79 padding:7px 30px 10px 25px; |
36 padding: 7px 30px 10px 25px; |
80 float:left; |
37 float: left; |
81 } |
38 } |
82 |
39 |
83 #TB_closeWindow{ |
40 #TB_closeWindow { |
84 height:25px; |
41 height: 25px; |
85 padding:11px 25px 10px 0; |
42 padding: 11px 25px 10px 0; |
86 float:right; |
43 float: right; |
87 } |
44 } |
88 |
45 |
89 #TB_closeAjaxWindow{ |
46 #TB_closeAjaxWindow { |
90 padding:6px 10px 0; |
47 float: right; |
91 text-align:right; |
|
92 float:right; |
|
93 } |
48 } |
94 |
49 |
95 #TB_ajaxWindowTitle{ |
50 #TB_closeAjaxWindow a { |
96 float:left; |
51 text-decoration: none; |
97 padding:6px 10px 0; |
|
98 } |
52 } |
99 |
53 |
100 #TB_title{ |
54 #TB_ajaxWindowTitle { |
101 background-color:#e8e8e8; |
55 float: left; |
102 height:27px; |
56 font-weight: 600; |
|
57 line-height: 29px; |
|
58 overflow: hidden; |
|
59 padding: 0 29px 0 10px; |
|
60 text-overflow: ellipsis; |
|
61 white-space: nowrap; |
|
62 width: calc( 100% - 39px ); |
103 } |
63 } |
104 |
64 |
105 #TB_ajaxContent{ |
65 #TB_title { |
106 clear:both; |
66 background: #fcfcfc; |
107 padding:2px 15px 15px 15px; |
67 border-bottom: 1px solid #dfdfdf; |
108 overflow:auto; |
68 height: 29px; |
109 text-align:left; |
|
110 line-height:1.4em; |
|
111 } |
69 } |
112 |
70 |
113 #TB_ajaxContent.TB_modal{ |
71 #TB_ajaxContent { |
114 padding:15px; |
72 clear: both; |
|
73 padding: 2px 15px 15px 15px; |
|
74 overflow: auto; |
|
75 text-align: left; |
|
76 line-height: 1.4em; |
115 } |
77 } |
116 |
78 |
117 #TB_ajaxContent p{ |
79 #TB_ajaxContent.TB_modal { |
118 padding:5px 0px 5px 0px; |
80 padding: 15px; |
119 } |
81 } |
120 |
82 |
121 #TB_load{ |
83 #TB_ajaxContent p { |
|
84 padding: 5px 0px 5px 0px; |
|
85 } |
|
86 |
|
87 #TB_load { |
122 position: fixed; |
88 position: fixed; |
123 display:none; |
89 display: none; |
124 z-index:103; |
90 z-index: 103; |
125 top: 50%; |
91 top: 50%; |
126 left: 50%; |
92 left: 50%; |
127 background-color: #E8E8E8; |
93 background-color: #E8E8E8; |
128 border: 1px solid #555; |
94 border: 1px solid #555; |
129 margin: -45px 0pt 0pt -125px; |
95 margin: -45px 0 0 -125px; |
130 padding: 40px 15px 15px; |
96 padding: 40px 15px 15px; |
131 } |
97 } |
132 |
98 |
133 * html #TB_load { /* ie6 hack */ |
99 #TB_HideSelect { |
134 position: absolute; |
100 z-index: 99; |
135 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); |
101 position: fixed; |
|
102 top: 0; |
|
103 left: 0; |
|
104 background-color: #fff; |
|
105 border: none; |
|
106 filter: alpha(opacity=0); |
|
107 opacity: 0; |
|
108 height: 100%; |
|
109 width: 100%; |
136 } |
110 } |
137 |
111 |
138 #TB_HideSelect{ |
112 #TB_iframeContent { |
139 z-index:99; |
113 clear: both; |
140 position:fixed; |
114 border: none; |
141 top: 0; |
|
142 left: 0; |
|
143 background-color:#fff; |
|
144 border:none; |
|
145 filter:alpha(opacity=0); |
|
146 -moz-opacity: 0; |
|
147 opacity: 0; |
|
148 height:100%; |
|
149 width:100%; |
|
150 } |
|
151 |
|
152 * html #TB_HideSelect { /* ie6 hack */ |
|
153 position: absolute; |
|
154 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); |
|
155 } |
|
156 |
|
157 #TB_iframeContent{ |
|
158 clear:both; |
|
159 border:none; |
|
160 margin-bottom:-1px; |
|
161 _margin-bottom:1px; |
|
162 } |
115 } |
163 |
116 |
164 .tb-close-icon { |
117 .tb-close-icon { |
165 background: url('tb-close.png') no-repeat; |
118 color: #666; |
166 height: 15px; |
119 text-align: center; |
167 width: 15px; |
120 line-height: 29px; |
|
121 width: 29px; |
|
122 height: 29px; |
|
123 position: absolute; |
|
124 top: 0; |
|
125 right: 0; |
168 } |
126 } |
169 |
127 |
170 @media print, |
128 .tb-close-icon:before { |
171 (-o-min-device-pixel-ratio: 5/4), |
129 content: '\f158'; |
172 (-webkit-min-device-pixel-ratio: 1.25), |
130 font: normal 20px/29px 'dashicons'; |
173 (min-resolution: 120dpi) { |
131 speak: none; |
174 .tb-close-icon { |
132 -webkit-font-smoothing: antialiased; |
175 background: url('tb-close-2x.png') no-repeat; |
133 -moz-osx-font-smoothing: grayscale; |
176 background-size: 15px; |
|
177 } |
|
178 } |
134 } |
|
135 |
|
136 .tb-close-icon:hover { |
|
137 color: #00a0d2; |
|
138 } |