22,397
edits
MediaWiki:Gadget-Timeless.css: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
| (120 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Timeless skin on both desktop and mobile */ | /* CSS placed here will affect users of the Timeless skin on both desktop and mobile */ | ||
/* External self-links */ | /* External self-links */ | ||
.mw-parser-output a.external[href^="https://www.halopedia.org"] { | .mw-parser-output a.external[href^="https://www.halopedia.org"] { | ||
| Line 11: | Line 6: | ||
background: none; | background: none; | ||
padding: 0; | padding: 0; | ||
} | |||
/* Indicators */ | |||
.mw-indicators { | |||
top: -0.25em; | |||
} | |||
.sitenotice-shown .mw-indicators { | |||
top: 0.15em; | |||
} | |||
@media all and (min-width: 851px) { | |||
.mw-indicators img { | |||
max-height: 30px !important; | |||
width: auto !important; | |||
} | |||
} | |||
/* Wordmark logo */ | |||
.mw-wiki-title.wordmark img { | |||
width: 165px !important; | |||
height: auto !important; | |||
} | |||
#p-logo-text a.wordmark { | |||
padding-top: 1px !important; | |||
} | |||
@media screen and (max-width: 850px) { | |||
#p-logo-text a.wordmark { | |||
padding-top: 3.5px !important; | |||
} | |||
} | |||
/* Site notice */ | |||
.mw-dismissable-notice-close { | |||
margin-top: 10px !important; | |||
} | } | ||
/* Timeless theme */ | /* Timeless theme */ | ||
#mw-content-container { | #mw-content-container { | ||
background: #9A9CA0 url(/images/timeless-bg.webp) fixed; | background: #9A9CA0 url(https://halo.wiki.gallery/images/timeless-bg.webp) no-repeat fixed 0 0 / cover; | ||
} | } | ||
#mw-header-container, | #mw-header-container, #mw-header-nav-hack, .mobile h2.list-header { | ||
#mw-header-nav-hack { | |||
background: #ddd; | background: #ddd; | ||
} | } | ||
body { background: #444; } | |||
.color-left, .color-middle, .color-right, | .color-left, .color-middle, .color-right, | ||
.suggestions .suggestions-result-current { | .suggestions .suggestions-result-current { | ||
background: #333; | background: #333; | ||
} | } | ||
# | #personal .dropdown h3, | ||
#mw-page-header-links li.selected, | #mw-page-header-links li.selected, | ||
#mw-site-navigation .sidebar-chunk h3, | #mw-site-navigation .sidebar-chunk h3, | ||
#mw-related-navigation .sidebar-chunk h3, | #mw-related-navigation .sidebar-chunk h3, | ||
# | #mw-content h1::after, #mw-content h2::after, | ||
#mw-content h1, #mw-content h2, | |||
#mw-content h1.firstHeading { | |||
border-color: #444; | border-color: #444; | ||
} | } | ||
#mw-content-container { | #mw-content-container { | ||
border-color: #222; | border-color: #222; | ||
} | } | ||
/* | /* Fixes */ | ||
.infobox { | |||
border-spacing: 0; | |||
} | } | ||
#whosonline { | #whosonline { | ||
margin-bottom: 2px !important; | margin-bottom: 2px !important; | ||
} | } | ||
.mp-welcome-logged-in h2 { | .mp-welcome-logged-in h2 { | ||
| Line 66: | Line 82: | ||
} | } | ||
/* | /* No contribs link hover */ | ||
a.mw-usertoollinks-contribs-no-edits:hover { | |||
color: #bd2020; | |||
} | } | ||
/* Bungie: Echo */ | |||
@media all and (max-width: 430px) { | |||
#personal-extra ul { | |||
margin-right: 0 !important; | |||
@media all and (max-width: | |||
# | |||
} | } | ||
# | #pt-notifications-alert { | ||
margin-right: 0.5em !important; | |||
} | } | ||
} | |||
# | @media all and (max-width: 415px) { | ||
right: | #pt-notifications-alert { | ||
margin-right: 0 !important; | |||
} | } | ||
# | #pt-notifications-notice { | ||
margin- | margin-right: 0.5em !important; | ||
} | } | ||
# | } | ||
@media all and (max-width: 400px) { | |||
#pt-notifications-alert { | |||
margin-right: 0.5em !important; | |||
} | } | ||
#pt-notifications-notice { | |||
display: none !important; | |||
} | } | ||
} | |||
@media all and (max-width: 365px) { | |||
#pt-notifications-alert { | |||
display: none !important; | |||
# | |||
} | } | ||
} | } | ||
/* Echo extension */ | |||
.mw-special-Notifications #contentSub, | |||
.mw-special-Notifications #mw-echo-pref-link { | |||
display: block !important; | |||
} | } | ||
@media all and (max-width: 981px) { | |||
.mw-special-Notifications #contentSub, | |||
@media all and (max-width: | .mw-special-Notifications #mw-echo-pref-link { | ||
. | text-align: center !important; | ||
} | } | ||
} | } | ||
.oo-ui-buttonSelectWidget, | |||
.mw-echo-ui-notificationItemWidget-content-actions .mw-echo-ui-menuItemWidget-prioritized { | |||
margin-right: 0 !important; | |||
} | } | ||
body.mobile .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { | |||
height: 4em !important; | |||
. | |||
} | } | ||
@media all and ( | @media all and (min-width: 851px) { | ||
. | body.mobile .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { | ||
top: 50px !important; | |||
} | } | ||
} | } | ||