Mercurial > hg > extraction-interface

comparison geotemco/lib/slider/local/webfxlayout.css @ 0:b12c99b7c3f0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
2 /*
3
4 bright: rgb(234,242,255);
5 normal: rgb(120,172,255);
6 dark: rgb(0,66,174);
7
8 */
9
10 /* import menu css */
11 /*
12 @import "dhtml/xmenu/xmenu.css";
13 */
14
15 #webfx-about {
16 position: absolute;
17 background: white;
18 top: 102px;
19 right: 10px;
20 width: 20px;
21 writing-mode: tb-rl;
22 filter: flipH() flipV() alpha(opacity=50);
23 }
24
25 /* headers css */
26
27 #webfx-title {
28 position: absolute;
29 left: 90px;
30 top: -5px;
31 color: black;
32 background: transparent;
33 border: 0;
34 padding: 0;
35 margin: 0;
36 font-family: Arial Black, Verdana, Helvetica, Sans-Serif;
37 font-weight: bold;
38 font-style: italic;
39 font-size: 45px;
40 letter-spacing: -5px;
41 }
42
43 #webfx-title-background {
44 width: 100%;
45 height: 67px;
46 background: white no-repeat;/*rgb(100,100,100) no-repeat;*/
47 background-image: url("images/title-background.png");
48 background-position: 0 0;
49 }
50
51 #webfx-sub-title {
52 position: absolute;
53 left: 96px;
54 top: 45px;
55 color: black;
56 background: transparent;
57 padding: 0;
58 margin: 0;
59 border: 0;
60 font-family: Verdana, Helvetica, Sans-Serif;
61 font-size: 11px;
62 }
63
64 #webfx-menu-bar-1,
65 #webfx-menu-bar-2,
66 #webfx-menu-bar-3,
67 #webfx-menu-bar-4,
68 #webfx-menu-bar-5 {
69 height: 2px;
70 font-size: 0;
71 overflow: hidden;
72 background: rgb(120,172,255);/*#ff8800;*/
73 padding: 0;
74 }
75
76 #webfx-menu-bar-1 {
77 background: rgb(0,66,174);/*rgb(120,172,255);/*black;/*rgb(234,242,255);*/
78 height: 1px;
79 }
80
81 #webfx-menu-bar-2 {
82 background: rgb(120,172,255);/*#ff8800;*/
83 height: 1px;
84 }
85
86 #webfx-menu-bar-3 {
87 background: rgb(120,172,255);/*#ff8800;*/
88 height: 1px;
89 }
90
91 #webfx-menu-bar-4 {
92 background: rgb(0,66,174);
93 height: 1px;
94 }
95
96 #webfx-menu-bar-5 {
97 background: #dddddd;
98 height: 3px;
99 }
100
101 /* headers css end */
102
103
104 html, body {
105 height: 100%;
106 margin: 0;
107 padding: 0;
108 background: url("images/background-shadow.gif") repeat-y white;
109 color: black;
110
111 font-size: 13px;
112 font-family: "Verdana", "Tahoma", "Helvetica", "Sans-Serif";
113 }
114
115 .webfx-main-body {
116 margin-left: 100px;
117 width: 500px;
118 border-left: 1px solid rgb(120,172,255);
119 }
120
121 /* h1 only used in header */
122 h2,h3,h4,h5,h6 {
123 margin-top: 10px;
124 margin-left: 10px;
125 margin-right: 10px;
126 padding: 2px 10px 2px 10px;
127 background: rgb(234,242,255);
128 border-bottom: 1px solid rgb(120,172,255);
129 }
130
131 h1,h2 {
132 font-weight: normal;
133 }
134
135 h3,h4,h5,h6 {
136 font-weight: bold;
137 }
138
139 h1 {
140 font-size: 50px;
141 }
142
143 h2 {
144 font-size: 20px;
145 }
146
147 h3 {
148 font-size: 15px;
149 }
150
151 h4 {
152 font-size: 12px;
153 }
154
155
156 p {
157 margin: 10px;
158 font-size: 13px;
159 color: black;
160 text-align: justify;
161 }
162
163 td {
164 font-size: 13px;
165 font-family: "Verdana", "Tahoma", "Helvetica", "Sans-Serif";
166 }
167
168 pre {
169 margin: 20px;
170 margin-right: 10px;
171 background: #eeeeee;
172 padding: 10px;
173 border: 1px solid #dddddd;
174 color: black;
175 }
176
177 code {
178 background: #eeeeee;
179 border: 1px solid #dddddd;
180 color: black;
181 }
182
183 a {
184 text-decoration:underline;
185 color: rgb(0,66,174);
186 }
187
188 a:hover {/*rgb(0,66,174)*/
189 color: rgb(0,66,174);
190 background: rgb(234,242,255);
191 }
192
193 a:visited {
194 color: rgb(120,172,255);
195 }
196
197 a:visited:hover {
198 color: rgb(0,66,174);
199 }
200
201 hr {
202 margin-left: 10px;
203 margin-right: 10px;
204 padding: 0;
205 text-align: left;
206 height: 1px;
207 color: rgb(120,172,255);
208 background-color: rgb(120,172,255);
209 border-bottom: 1px solid rgb(120,172,255);
210 border: 0;
211 }
212
213 h2 a, h3 a {
214 display: block;
215 text-decoration: none;
216 width: expression("100%");
217 }
218
219 table {
220 margin: 10px;
221 font-size: 13px;
222 color: black;
223 }
224
225 thead td {
226 background: rgb(234,242,255);
227 border-bottom: 1px solid rgb(120,172,255);
228 font-weight: bold;
229 }
230
231 .author {
232 margin-top: 50px;
233 font-style: italic;
234 }
235
236 .date {
237 color: rgb(0,66,174);
238 }
239
240 .warning,
241 .warning a {
242 color: red;
243 }
244
245
246 .warning a:visited,
247 .warning a:hover {
248 color: red;
249 }
250
251 .warning a:hover {
252 background: rgb(255,230,230);
253 }
254
255
256
257
258 /* copied from xmenu.css */
259
260 .webfx-menu-bar {
261 background: rgb(120,172,255);/*rgb(255,128,0);*/
262
263 padding: 2px;
264
265 font-family: Verdana, Helvetica, Sans-Serif;
266 font-size: 11px;
267
268 }
269
270 .webfx-menu-bar a,
271 .webfx-menu-bar a:visited {
272 color: black;
273 border: 1px solid rgb(120,172,255);/*rgb(255,128,0);*/
274
275 text-decoration: none;
276 padding: 1px;
277 padding-left: 5px;
278 padding-right: 5px;
279 }
280
281 .webfx-menu-bar a:hover {
282 color: black;
283 background: rgb(120,172,255);
284 border-left: 1px solid rgb(234,242,255);/*#ffcc88;*/
285 border-right: 1px solid rgb(0,66,174);/*#884400;*/
286 border-top: 1px solid rgb(234,242,255);/*#ffcc88;*/
287 border-bottom: 1px solid rgb(0,66,174);/*#884400;*/
288 }
289
290 .webfx-menu-bar a .arrow {
291 border: 0;
292 float: none;
293 /*
294 float: right;
295 width: 6px;
296 height: 16px;
297
298 margin-right: 2px;
299 background: red;
300 */
301 }
302
303 .webfx-menu-bar a:active, .webfx-menu-bar a:focus {
304 -moz-outline: none;
305 outline: none;
306 }
307
308 /* end xmenu.css copy */