231,276
edits
MediaWiki:Mobile.css: Difference between revisions
From Tardis Wiki, the free Doctor Who reference
no edit summary
(Okay, there's a lot more bugs than were cropping up in inspect element, somehow, so I'm going to put this in my personal CSS for now. Probably just needs some !importants.) Tags: Mobile edit Mobile web edit |
No edit summary Tags: Mobile edit Mobile web edit |
||
| Line 734: | Line 734: | ||
.citizen-toc { | .citizen-toc { | ||
width: 227px; | width: 227px; | ||
} | |||
} | |||
/* =-=-=-=-=-=-=-=-=-=-=-= | |||
NAVIGATION DRAWER | |||
=-=-=-=-=-=-=-=-=-=-=-= */ | |||
@media screen and (max-width: 1119px) { | |||
.citizen-drawer__header { | |||
background: url("https://tardis.wiki/images/Tardis_images/f/f3/All_Doctors_%282023%29_3.jpg?20231123204437") -18px -126px no-repeat; | |||
background-size: 410px; | |||
position: relative; | |||
top: 2.4px | |||
} | |||
.citizen-drawer__card { | |||
background: #541244 | |||
} | |||
.skin-citizen-light .citizen-drawer__card { | |||
background: #9c5d8d | |||
} | |||
.citizen-menu__heading { | |||
color: #f0a5f5; | |||
} | |||
.skin-citizen-light .citizen-menu__heading { | |||
color: #570b5c; | |||
} | |||
.skin-citizen-light .citizen-drawer__menu .mw-list-item { | |||
filter: invert(1); | |||
} | |||
.skin-citizen-light .citizen-drawer__menu .mw-list-item a { | |||
color: #cddbc0; | |||
} | |||
} | |||
@media screen and (max-width: 1120px) { | |||
.citizen-drawer__logo { | |||
background: url("https://tardis.wiki/images/Tardis_images/f/f3/All_Doctors_%282023%29_3.jpg?20231123204437") 2px -106px; | |||
background-size: cover; | |||
margin-top: 11px; | |||
width: 357px; | |||
margin-bottom: -7px; | |||
position: relative; | |||
left: calc(32.8em - 24px + 27px); | |||
top: -2px; | |||
height: 107px; | |||
} | |||
.citizen-drawer__logo img { | |||
opacity: 0; | |||
} | |||
.citizen-drawer__siteinfo { | |||
position: relative; | |||
left: -23em; | |||
top: 1.81em; | |||
left: -20em; | |||
top: -1em; | |||
} | |||
.citizen-siteStats { | |||
position: relative; | |||
top: 5.8em; | |||
left: -5em; | |||
margin-bottom: -5px; | |||
} | } | ||
} | } | ||
