Mercurial > public > madeira
comparison media/css/thickbox.css @ 1:0dcfcdf50c62
Initial import of Madeira project from the private repository.
author | Brian Neal <bgneal@gmail.com> |
---|---|
date | Mon, 06 Apr 2009 03:10:59 +0000 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
0:df0370bfe3f0 | 1:0dcfcdf50c62 |
---|---|
1 /* ----------------------------------------------------------------------------------------------------------------*/ | |
2 /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ | |
3 /* ----------------------------------------------------------------------------------------------------------------*/ | |
4 /* *{padding: 0; margin: 0;} */ | |
5 | |
6 /* ----------------------------------------------------------------------------------------------------------------*/ | |
7 /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ | |
8 /* ----------------------------------------------------------------------------------------------------------------*/ | |
9 #TB_window { | |
10 font: 12px Arial, Helvetica, sans-serif; | |
11 color: #333333; | |
12 } | |
13 | |
14 #TB_secondLine { | |
15 font: 10px Arial, Helvetica, sans-serif; | |
16 color:#666666; | |
17 } | |
18 | |
19 #TB_window a:link {color: #666666;} | |
20 #TB_window a:visited {color: #666666;} | |
21 #TB_window a:hover {color: #000;} | |
22 #TB_window a:active {color: #666666;} | |
23 #TB_window a:focus{color: #666666;} | |
24 | |
25 /* ----------------------------------------------------------------------------------------------------------------*/ | |
26 /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ | |
27 /* ----------------------------------------------------------------------------------------------------------------*/ | |
28 #TB_overlay { | |
29 position: fixed; | |
30 z-index:100; | |
31 top: 0px; | |
32 left: 0px; | |
33 height:100%; | |
34 width:100%; | |
35 } | |
36 | |
37 .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} | |
38 .TB_overlayBG { | |
39 background-color:#000; | |
40 filter:alpha(opacity=75); | |
41 -moz-opacity: 0.75; | |
42 opacity: 0.75; | |
43 } | |
44 | |
45 * html #TB_overlay { /* ie6 hack */ | |
46 position: absolute; | |
47 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); | |
48 } | |
49 | |
50 #TB_window { | |
51 position: fixed; | |
52 background: #ffffff; | |
53 z-index: 102; | |
54 color:#000000; | |
55 display:none; | |
56 border: 4px solid #525252; | |
57 text-align:left; | |
58 top:50%; | |
59 left:50%; | |
60 } | |
61 | |
62 * html #TB_window { /* ie6 hack */ | |
63 position: absolute; | |
64 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); | |
65 } | |
66 | |
67 #TB_window img#TB_Image { | |
68 display:block; | |
69 margin: 15px 0 0 15px; | |
70 border-right: 1px solid #ccc; | |
71 border-bottom: 1px solid #ccc; | |
72 border-top: 1px solid #666; | |
73 border-left: 1px solid #666; | |
74 } | |
75 | |
76 #TB_caption{ | |
77 height:25px; | |
78 padding:7px 30px 10px 25px; | |
79 float:left; | |
80 } | |
81 | |
82 #TB_closeWindow{ | |
83 height:25px; | |
84 padding:11px 25px 10px 0; | |
85 float:right; | |
86 } | |
87 | |
88 #TB_closeAjaxWindow{ | |
89 padding:7px 10px 5px 0; | |
90 margin-bottom:1px; | |
91 text-align:right; | |
92 float:right; | |
93 } | |
94 | |
95 #TB_ajaxWindowTitle{ | |
96 float:left; | |
97 padding:7px 0 5px 10px; | |
98 margin-bottom:1px; | |
99 } | |
100 | |
101 #TB_title{ | |
102 background-color:#e8e8e8; | |
103 height:27px; | |
104 } | |
105 | |
106 #TB_ajaxContent{ | |
107 clear:both; | |
108 padding:2px 15px 15px 15px; | |
109 overflow:auto; | |
110 text-align:left; | |
111 line-height:1.4em; | |
112 } | |
113 | |
114 #TB_ajaxContent.TB_modal{ | |
115 padding:15px; | |
116 } | |
117 | |
118 #TB_ajaxContent p{ | |
119 padding:5px 0px 5px 0px; | |
120 } | |
121 | |
122 #TB_load{ | |
123 position: fixed; | |
124 display:none; | |
125 height:13px; | |
126 width:208px; | |
127 z-index:103; | |
128 top: 50%; | |
129 left: 50%; | |
130 margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ | |
131 } | |
132 | |
133 * html #TB_load { /* ie6 hack */ | |
134 position: absolute; | |
135 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); | |
136 } | |
137 | |
138 #TB_HideSelect{ | |
139 z-index:99; | |
140 position:fixed; | |
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-top:1px; | |
162 _margin-bottom:1px; | |
163 } |