View | Details | Raw Unified | Return to bug 53764
Collapse All | Expand All

(-)a/xdocs/css/new-style.css (-7 / +103 lines)
Lines 19-24 Link Here
19
  width: 60em;
19
  width: 60em;
20
}
20
}
21
21
22
a {
23
  color: brown;
24
}
25
26
.menu a {
27
  text-decoration-line: none;
28
}
29
30
a:hover {
31
  color: black;
32
}
33
22
img {
34
img {
23
  border: 0;
35
  border: 0;
24
  width: auto;
36
  width: auto;
Lines 51-59 h1, h2, h3, h4, h5, .title { Link Here
51
.menu {
63
.menu {
52
  border: 1px solid lightgray;
64
  border: 1px solid lightgray;
53
  box-shadow: 5px 5px 10px rgba(20, 20, 20, 0.3);
65
  box-shadow: 5px 5px 10px rgba(20, 20, 20, 0.3);
54
  list-style: outside none none;
66
  list-style: none;
55
  margin: 0.5em;
67
  margin: 0.5em;
56
  padding: 0.5em;
68
  padding: 0.5em;
69
  font-size: 90%;
57
}
70
}
58
71
59
.menu+.menu {
72
.menu+.menu {
Lines 68-73 h1, h2, h3, h4, h5, .title { Link Here
68
  height: auto;
81
  height: auto;
69
}
82
}
70
83
84
.menu ul {
85
  list-style: outside;
86
  padding-left: 1.5rem;
87
}
88
71
.banner>iframe {
89
.banner>iframe {
72
  width: 240px;
90
  width: 240px;
73
  height: 70px;
91
  height: 70px;
Lines 232-240 table { Link Here
232
250
233
.nav {
251
.nav {
234
  display: inline-block;
252
  display: inline-block;
235
  max-width: 20em;
253
  max-width: 20rem;
236
  vertical-align: top;
254
  vertical-align: top;
237
  width: 33%;
255
  width: 25%;
238
}
256
}
239
257
240
.main {
258
.main {
Lines 310-320 table { Link Here
310
  display: none;
328
  display: none;
311
}
329
}
312
330
313
@media screen and (max-width: 900px) {
331
@media screen and (max-width: 1000px) {
314
  .nav {
332
  .nav {
333
  width: 100%;
334
  max-width: 100%;
335
  border-bottom: 1px solid #808080;
336
  box-shadow: 0px 20px 15px -15px rgba(20,20,20,0.2);
337
}
338
.header {
339
  box-shadow: none;
340
  margin-bottom: 0px;
341
}
342
.menu {
343
  display: inline-block;
344
  width: auto;
345
  border: 0px;
346
  box-shadow: none;
347
  margin: 0px;
348
}
349
.menu + .menu {
350
  margin-top: 0.2rem;
351
}
352
.menu ul {
353
  display: none;
354
  position: absolute;
355
  padding: 1rem;
356
  box-shadow: 10px 10px 10px rgba(20,20,20,0.2);
357
  border: 1px solid #808080;
358
  list-style: none;
359
}
360
361
.menu li:hover ul {
362
  display: block;
363
  background: white;
364
}
365
 .main {
366
 width: auto;
367
 max-width: 95%;
368
 margin: 0.5rem;
369
 }
370
 .header {
315
    display: block;
371
    display: block;
316
    width: 95%;
372
  }
317
    max-width: 95%;
373
  .header span {
374
    display: inline;
375
  }
376
  .pagelinks li {
377
    margin: 0.5rem;
378
  }
379
  .header>div {
380
    display: inline-block;
381
    vertical-align: middle;
382
    width: 50%
383
  }
384
  .header>div+.header>div {
385
    text-align: center;
386
  }
387
}
388
389
@media screen and (max-width: 600px) {
390
  .header {
391
    box-shadow: none;
392
    margin-bottom: 0px;
393
  }
394
  .nav {
395
    display: block;
396
    width: 100%;
397
    max-width: 100%;
398
    border-bottom: 1px solid #808080;
399
    box-shadow: 0px 15px 10px -10px rgba(20,20,20,0.2);
400
  }
401
  .menu {
402
    box-shadow: none;
403
    display: block;
404
    border: 0px;
405
    padding: 0.2rem 0.5rem;
406
    margin: 0.2rem 0.5rem;
407
  }
408
  .menu + .menu {
409
    margin-top: 0.2rem;
410
    border-top: 1px solid orange;
318
  }
411
  }
319
  .main {
412
  .main {
320
    display: block;
413
    display: block;
Lines 369-374 table { Link Here
369
  }
462
  }
370
  .menu ul {
463
  .menu ul {
371
    display: none;
464
    display: none;
465
    position: relative;
466
    box-shadow: none;
467
    border: 0px;
468
    padding: 0.1rem 1rem;
372
  }
469
  }
373
  .menu li:hover>ul {
470
  .menu li:hover>ul {
374
    display: block;
471
    display: block;
375
- 

Return to bug 53764