|
|
| Line 962: |
Line 962: |
| /* Welcome Page */ | | /* Welcome Page */ |
| .inaugural-banner { | | .inaugural-banner { |
| | width: 100%; |
| | max-width: 1120px; |
| margin: 0 auto; | | margin: 0 auto; |
| text-align: center; | | aspect-ratio: 16 / 9; /* match your banner's proportions */ |
| | background-image: url('/images/banner.jpeg'); |
| | background-size: contain; |
| | background-repeat: no-repeat; |
| | background-position: center; |
| | cursor: pointer; |
| outline: none; | | outline: none; |
| cursor: pointer;
| |
| }
| |
| .inaugural-banner .banner-img,
| |
| .inaugural-banner img {
| |
| display: block;
| |
| width: 100%;
| |
| height: auto;
| |
| max-width: 100%;
| |
| border-radius: 6px;
| |
| box-shadow: 0 6px 24px rgba(0,0,0,0.3);
| |
| }
| |
| .inaugural-banner:focus .banner-img,
| |
| .inaugural-banner:focus img {
| |
| box-shadow: 0 0 0 3px #b8860b, 0 6px 24px rgba(0,0,0,0.3);
| |
| }
| |
| .banner-hint {
| |
| margin-top: 0.8em;
| |
| font-size: 0.9em;
| |
| color: #8a7a5a;
| |
| font-family: Georgia, serif;
| |
| }
| |
|
| |
| /* Full-bleed splash on the Welcome page only */
| |
| body.page-Welcome #mw-content-text,
| |
| body.page-Welcome .mw-parser-output {
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
| body.page-Welcome #content,
| |
| body.page-Welcome .mw-body {
| |
| padding: 0;
| |
| border: none;
| |
| } | | } |
| body.page-Welcome #firstHeading,
| | .inaugural-banner:focus { |
| body.page-Welcome .mw-page-title-main {
| | box-shadow: 0 0 0 3px #b8860b; |
| display: none; | |
| } | | } |