root / drupal7 / modules / overlay / overlay-parent.css @ b75b6b8b
| 1 | 85ad3d82 | Assos Assos | |
|---|---|---|---|
| 2 | /**
|
||
| 3 | * @file
|
||
| 4 | * Basic styling for the Overlay module.
|
||
| 5 | */
|
||
| 6 | |||
| 7 | html.overlay-open, |
||
| 8 | html.overlay-open body { |
||
| 9 | height: 100%; |
||
| 10 | overflow: hidden; |
||
| 11 | } |
||
| 12 | |||
| 13 | #overlay-container,
|
||
| 14 | .overlay-modal-background,
|
||
| 15 | .overlay-element {
|
||
| 16 | height: 100%; |
||
| 17 | left: 0; |
||
| 18 | position: absolute; |
||
| 19 | top: 0; |
||
| 20 | width: 100%; |
||
| 21 | z-index: 500; |
||
| 22 | } |
||
| 23 | |||
| 24 | .overlay-modal-background {
|
||
| 25 | /* Using a transparent png renders faster than using opacity */
|
||
| 26 | background: transparent url(images/background.png) repeat; |
||
| 27 | } |
||
| 28 | |||
| 29 | .overlay-element {
|
||
| 30 | background: transparent; |
||
| 31 | left: -200%; |
||
| 32 | z-index: 501; |
||
| 33 | } |
||
| 34 | .overlay-element.overlay-active { |
||
| 35 | left: 0; |
||
| 36 | } |
||
| 37 | |||
| 38 | html.overlay-open .displace-top, |
||
| 39 | html.overlay-open .displace-bottom { |
||
| 40 | z-index: 600; |
||
| 41 | } |
||
| 42 | |||
| 43 | /**
|
||
| 44 | * Within the overlay parent, the message about disabling the overlay is for
|
||
| 45 | * screen-reader users only. It is always kept invisible with the
|
||
| 46 | * element-invisible class, and removed from the tab order. Overlay-child.css
|
||
| 47 | * contains styling for the same message appearing within the overlay, and
|
||
| 48 | * intended for sighted users.
|
||
| 49 | */
|
||
| 50 | #overlay-disable-message {
|
||
| 51 | display: none; |
||
| 52 | } |
||
| 53 | html.overlay-open #overlay-disable-message { |
||
| 54 | display: block; |
||
| 55 | } |