Mercurial > hg > extraction-interface
comparison interface/css/layout.css @ 0:b12c99b7c3f0
commit for previous development
author | Zoe Hong <zhong@mpiwg-berlin.mpg.de> |
---|---|
date | Mon, 19 Jan 2015 17:13:49 +0100 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:b12c99b7c3f0 |
---|---|
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 } |