|
1 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { |
|
2 margin:0; |
|
3 padding:0; |
|
4 } |
|
5 table { |
|
6 border-collapse:collapse; |
|
7 border-spacing:0; |
|
8 } |
|
9 fieldset,img { |
|
10 border:0; |
|
11 } |
|
12 address,caption,cite,code,dfn,em,strong,th,var { |
|
13 font-style:normal; |
|
14 font-weight:normal; |
|
15 } |
|
16 ol,ul { |
|
17 list-style:none; |
|
18 } |
|
19 caption,th { |
|
20 text-align:left; |
|
21 } |
|
22 h1,h2,h3,h4,h5,h6 { |
|
23 font-size:100%; |
|
24 font-weight:normal; |
|
25 } |
|
26 q:before,q:after { |
|
27 content:''; |
|
28 } |
|
29 abbr,acronym { border:0; |
|
30 } |
|
31 html, body { |
|
32 background-color: #fff; |
|
33 font-family: Arial, Helvetica, sans-serif; |
|
34 font-size: 12px; |
|
35 line-height: 18px; |
|
36 color: #52697E; |
|
37 } |
|
38 body { |
|
39 text-align: center; |
|
40 overflow: auto; |
|
41 } |
|
42 .wrapper { |
|
43 width: 700px; |
|
44 margin: 0 auto; |
|
45 text-align: left; |
|
46 } |
|
47 h1 { |
|
48 font-size: 21px; |
|
49 height: 47px; |
|
50 line-height: 47px; |
|
51 text-transform: uppercase; |
|
52 } |
|
53 .navigationTabs { |
|
54 height: 23px; |
|
55 line-height: 23px; |
|
56 border-bottom: 1px solid #ccc; |
|
57 } |
|
58 .navigationTabs li { |
|
59 float: left; |
|
60 height: 23px; |
|
61 line-height: 23px; |
|
62 padding-right: 3px; |
|
63 } |
|
64 .navigationTabs li a{ |
|
65 float: left; |
|
66 dispaly: block; |
|
67 height: 23px; |
|
68 line-height: 23px; |
|
69 padding: 0 10px; |
|
70 overflow: hidden; |
|
71 color: #52697E; |
|
72 background-color: #eee; |
|
73 position: relative; |
|
74 text-decoration: none; |
|
75 } |
|
76 .navigationTabs li a:hover { |
|
77 background-color: #f0f0f0; |
|
78 } |
|
79 .navigationTabs li a.active { |
|
80 background-color: #fff; |
|
81 border: 1px solid #ccc; |
|
82 border-bottom: 0px solid; |
|
83 } |
|
84 .tabsContent { |
|
85 border: 1px solid #ccc; |
|
86 border-top: 0px solid; |
|
87 width: 698px; |
|
88 overflow: hidden; |
|
89 } |
|
90 .tab { |
|
91 padding: 16px; |
|
92 display: none; |
|
93 } |
|
94 .tab h2 { |
|
95 font-weight: bold; |
|
96 font-size: 16px; |
|
97 } |
|
98 .tab h3 { |
|
99 font-weight: bold; |
|
100 font-size: 14px; |
|
101 margin-top: 20px; |
|
102 } |
|
103 .tab p { |
|
104 margin-top: 16px; |
|
105 clear: both; |
|
106 } |
|
107 .tab ul { |
|
108 margin-top: 16px; |
|
109 list-style: disc; |
|
110 } |
|
111 .tab li { |
|
112 margin: 10px 0 0 35px; |
|
113 } |
|
114 .tab a { |
|
115 color: #8FB0CF; |
|
116 } |
|
117 .tab strong { |
|
118 font-weight: bold; |
|
119 } |
|
120 .tab pre { |
|
121 font-size: 11px; |
|
122 margin-top: 20px; |
|
123 width: 668px; |
|
124 overflow: auto; |
|
125 clear: both; |
|
126 } |
|
127 .tab table { |
|
128 width: 100%; |
|
129 } |
|
130 .tab table td { |
|
131 padding: 6px 10px 6px 0; |
|
132 vertical-align: top; |
|
133 } |
|
134 .tab dt { |
|
135 margin-top: 16px; |
|
136 } |
|
137 |
|
138 #colorSelector { |
|
139 position: relative; |
|
140 width: 36px; |
|
141 height: 36px; |
|
142 background: url(../images/select.png); |
|
143 } |
|
144 #colorSelector div { |
|
145 position: absolute; |
|
146 top: 3px; |
|
147 left: 3px; |
|
148 width: 30px; |
|
149 height: 30px; |
|
150 background: url(../images/select.png) center; |
|
151 } |
|
152 #colorSelector2 { |
|
153 position: absolute; |
|
154 top: 0; |
|
155 left: 0; |
|
156 width: 36px; |
|
157 height: 36px; |
|
158 background: url(../images/select2.png); |
|
159 } |
|
160 #colorSelector2 div { |
|
161 position: absolute; |
|
162 top: 4px; |
|
163 left: 4px; |
|
164 width: 28px; |
|
165 height: 28px; |
|
166 background: url(../images/select2.png) center; |
|
167 } |
|
168 #colorpickerHolder2 { |
|
169 top: 32px; |
|
170 left: 0; |
|
171 width: 356px; |
|
172 height: 0; |
|
173 overflow: hidden; |
|
174 position: absolute; |
|
175 } |
|
176 #colorpickerHolder2 .colorpicker { |
|
177 background-image: url(../images/custom_background.png); |
|
178 position: absolute; |
|
179 bottom: 0; |
|
180 left: 0; |
|
181 } |
|
182 #colorpickerHolder2 .colorpicker_hue div { |
|
183 background-image: url(../images/custom_indic.gif); |
|
184 } |
|
185 #colorpickerHolder2 .colorpicker_hex { |
|
186 background-image: url(../images/custom_hex.png); |
|
187 } |
|
188 #colorpickerHolder2 .colorpicker_rgb_r { |
|
189 background-image: url(../images/custom_rgb_r.png); |
|
190 } |
|
191 #colorpickerHolder2 .colorpicker_rgb_g { |
|
192 background-image: url(../images/custom_rgb_g.png); |
|
193 } |
|
194 #colorpickerHolder2 .colorpicker_rgb_b { |
|
195 background-image: url(../images/custom_rgb_b.png); |
|
196 } |
|
197 #colorpickerHolder2 .colorpicker_hsb_s { |
|
198 background-image: url(../images/custom_hsb_s.png); |
|
199 display: none; |
|
200 } |
|
201 #colorpickerHolder2 .colorpicker_hsb_h { |
|
202 background-image: url(../images/custom_hsb_h.png); |
|
203 display: none; |
|
204 } |
|
205 #colorpickerHolder2 .colorpicker_hsb_b { |
|
206 background-image: url(../images/custom_hsb_b.png); |
|
207 display: none; |
|
208 } |
|
209 #colorpickerHolder2 .colorpicker_submit { |
|
210 background-image: url(../images/custom_submit.png); |
|
211 } |
|
212 #colorpickerHolder2 .colorpicker input { |
|
213 color: #778398; |
|
214 } |
|
215 #customWidget { |
|
216 position: relative; |
|
217 height: 36px; |
|
218 } |