|
|
| Line 767: |
Line 767: |
|
| |
|
| /* */ | | /* */ |
| .mw-footer-container{
| |
| width: 100%;
| |
| max-width: none;
| |
| margin: 0;
| |
| padding: 0 !important;
| |
| background: #004080;
| |
| }
| |
|
| |
| #footer.mw-footer{
| |
| width: 100%;
| |
| max-width: none !important;
| |
| margin: 0;
| |
| padding: 18px 16px;
| |
| background: transparent;
| |
| color: #fff;
| |
|
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| align-items: flex-start;
| |
| justify-content: space-between;
| |
| gap: 12px 24px;
| |
| }
| |
|
| |
| #footer.mw-footer a{
| |
| color: #fff;
| |
| text-decoration: underline;
| |
| text-underline-offset: 2px;
| |
| }
| |
|
| |
| #footer.mw-footer a:visited{
| |
| color: rgba(255,255,255,0.86);
| |
| }
| |
|
| |
| #footer.mw-footer a:hover,
| |
| #footer.mw-footer a:focus{
| |
| color: #fff;
| |
| text-decoration-thickness: 2px;
| |
| }
| |
|
| |
| #footer-info,
| |
| #footer-places,
| |
| #footer-icons{
| |
| list-style: none;
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| #footer-info{
| |
| flex: 1 1 420px;
| |
| }
| |
|
| |
| #footer-info li{
| |
| margin: 0 0 6px 0;
| |
| }
| |
|
| |
| #footer-info li:last-child{
| |
| margin-bottom: 0;
| |
| }
| |
|
| |
| #footer-places{
| |
| flex: 1 1 320px;
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 10px 14px;
| |
| }
| |
|
| |
| #footer-places li{
| |
| margin: 0;
| |
| }
| |
|
| |
| #footer-icons{
| |
| flex: 0 0 auto;
| |
| display: flex;
| |
| gap: 10px;
| |
| align-items: center;
| |
| margin-left: auto;
| |
| }
| |
|
| |
| #footer-icons a.cdx-button{
| |
| background: rgba(255,255,255,0.95) !important;
| |
| border: 1px solid rgba(0,0,0,0.10);
| |
| border-radius: 8px;
| |
| }
| |
|
| |
| #footer-icons img,
| |
| #footer-icons picture{
| |
| filter: none;
| |
| }
| |
|
| |
| @media (max-width: 720px){
| |
| #footer.mw-footer{
| |
| flex-direction: column;
| |
| align-items: flex-start;
| |
| }
| |
| #footer-icons{
| |
| margin-left: 0;
| |
| }
| |
| }
| |
|
| |
| /* Dark mode */
| |
| @media screen{
| |
| html.skin-theme-clientpref-night .mw-footer-container{
| |
| background: #002a55;
| |
| }
| |
| html.skin-theme-clientpref-night #footer-icons a.cdx-button{
| |
| background: rgba(255,255,255,0.92) !important;
| |
| }
| |
| }
| |
|
| |
| @media screen and (prefers-color-scheme: dark){
| |
| html.skin-theme-clientpref-os .mw-footer-container{
| |
| background: #002a55;
| |
| }
| |
| html.skin-theme-clientpref-os #footer-icons a.cdx-button{
| |
| background: rgba(255,255,255,0.92) !important;
| |
| }
| |
| }
| |