Difference between revisions of "MediaWiki:Common.css"
From Book Trigger Warnings
(32 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | + | /* CSS placed here will be applied to all skins */ | |
− | /* CSS placed here will | + | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
body { | body { | ||
− | + | background-color: black; | |
− | |||
− | |||
− | |||
} | } | ||
− | + | ||
− | + | /* background color of the biggest part of the main "frame" */ | |
+ | #mw-content-container { | ||
+ | background-color: #efe8fd; | ||
} | } | ||
− | + | ||
− | + | #mw-header-container { | |
− | + | background: black; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | #mw-header- | ||
− | |||
− | |||
− | |||
− | |||
− | background: | ||
− | |||
} | } | ||
− | + | ||
#p-logo-text a { | #p-logo-text a { | ||
− | + | color: white; | |
− | |||
} | } | ||
+ | |||
+ | #personal h2 { | ||
+ | color: white; | ||
} | } | ||
− | + | ||
− | + | /* text color of items in navbars (like Main page, Recent changes, ...) */ | |
− | + | .mw-portlet-body ul li a { | |
+ | color: #5e17eb; | ||
} | } | ||
+ | |||
+ | #content h1 { | ||
+ | border-bottom: solid 4px #5e17eb; | ||
} | } | ||
− | + | ||
− | + | .color-left { | |
− | + | background-color: black; | |
− | |||
− | |||
} | } | ||
+ | |||
+ | .color-middle { | ||
+ | background-color: black; | ||
} | } | ||
− | + | ||
− | + | .color-right { | |
− | + | background-color: black; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
+ | |||
+ | h1, h2, h3, h4 { | ||
+ | color: black; | ||
} | } | ||
+ | |||
#mw-site-navigation .sidebar-chunk { | #mw-site-navigation .sidebar-chunk { | ||
border: outset #222; | border: outset #222; | ||
− | + | ||
box-shadow: 2px 2px 1px rgba(0,0,0,0.5); | box-shadow: 2px 2px 1px rgba(0,0,0,0.5); | ||
border-radius: 3px; | border-radius: 3px; | ||
} | } | ||
− | @media screen and (max-width: | + | @media screen and (max-width: 1099px) |
− | #mw-site-navigation .sidebar-chunk { | + | { |
+ | #mw-site-navigation .sidebar-chunk { | ||
+ | border: 0; | ||
+ | box-shadow: none; | ||
padding: 0 15px 5px 20px; | padding: 0 15px 5px 20px; | ||
+ | } | ||
} | } | ||
− | + | ||
− | |||
#mw-site-navigation .sidebar-inner { | #mw-site-navigation .sidebar-inner { | ||
− | + | ||
− | + | border: 0; | |
− | + | color: black; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | border | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
+ | |||
#mw-related-navigation .sidebar-chunk { | #mw-related-navigation .sidebar-chunk { | ||
− | + | ||
border: outset #222; | border: outset #222; | ||
box-shadow: 2px 2px 1px rgba(0,0,0,0.5); | box-shadow: 2px 2px 1px rgba(0,0,0,0.5); | ||
Line 269: | Line 76: | ||
@media screen and (max-width: 1099px) and (min-width: 851px) { | @media screen and (max-width: 1099px) and (min-width: 851px) { | ||
#mw-related-navigation .sidebar-chunk { | #mw-related-navigation .sidebar-chunk { | ||
− | + | border: 0; | |
− | + | box-shadow: none; | |
− | |||
− | |||
padding: 0 15px 5px 20px; | padding: 0 15px 5px 20px; | ||
} | } | ||
} | } | ||
− | + | ||
− | + | #mw-page-header-links li.selected { | |
− | + | border-bottom-color: #5e17eb; | |
− | # | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
+ | |||
#mw-footer-container { | #mw-footer-container { | ||
− | background: | + | background: black; |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | |
− | + | .hatnote { | |
+ | background: #eee; | ||
+ | border: 1px solid #aaa; | ||
+ | float: center; | ||
+ | margin: 0 0 1em 1em; | ||
+ | padding: 1em; | ||
+ | width: 240px; | ||
} | } | ||
− | . | + | |
− | + | .infobox { | |
+ | background: #eee; | ||
+ | border: 1px solid #aaa; | ||
+ | float: right; | ||
+ | margin: 0 0 1em 1em; | ||
+ | padding: 1em; | ||
+ | width: 240px; | ||
} | } | ||
− | + | @media screen and (max-width: 550px) { | |
− | + | .infobox { | |
+ | float: none; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
} | } | ||
− | |||
− | |||
} | } | ||
− | . | + | |
− | + | .infobox-title { | |
+ | font-size: 1.25em; | ||
+ | text-align: center; | ||
} | } | ||
− | . | + | .infobox-image { |
− | + | text-align: center; | |
+ | margin-top: 20px; | ||
+ | margin-bottom: 20px; | ||
} | } | ||
− | + | .infobox th { | |
− | + | text-align: left; | |
− | + | vertical-align: top; | |
+ | width: 90px; | ||
} | } | ||
− | + | .infobox td { | |
− | + | text-align: left; | |
− | + | vertical-align: top; | |
− | |||
} | } | ||
− | . | + | |
− | + | .mw-cookiewarning-container { | |
− | + | top: auto; | |
+ | bottom: 0; | ||
} | } | ||
− |
Latest revision as of 21:23, 12 April 2021
/* CSS placed here will be applied to all skins */ body { background-color: black; } /* background color of the biggest part of the main "frame" */ #mw-content-container { background-color: #efe8fd; } #mw-header-container { background: black; } #p-logo-text a { color: white; } #personal h2 { color: white; } /* text color of items in navbars (like Main page, Recent changes, ...) */ .mw-portlet-body ul li a { color: #5e17eb; } #content h1 { border-bottom: solid 4px #5e17eb; } .color-left { background-color: black; } .color-middle { background-color: black; } .color-right { background-color: black; } h1, h2, h3, h4 { color: black; } #mw-site-navigation .sidebar-chunk { border: outset #222; box-shadow: 2px 2px 1px rgba(0,0,0,0.5); border-radius: 3px; } @media screen and (max-width: 1099px) { #mw-site-navigation .sidebar-chunk { border: 0; box-shadow: none; padding: 0 15px 5px 20px; } } #mw-site-navigation .sidebar-inner { border: 0; color: black; } #mw-related-navigation .sidebar-chunk { border: outset #222; box-shadow: 2px 2px 1px rgba(0,0,0,0.5); border-radius: 3px; } @media screen and (max-width: 1099px) and (min-width: 851px) { #mw-related-navigation .sidebar-chunk { border: 0; box-shadow: none; padding: 0 15px 5px 20px; } } #mw-page-header-links li.selected { border-bottom-color: #5e17eb; } #mw-footer-container { background: black; } .hatnote { background: #eee; border: 1px solid #aaa; float: center; margin: 0 0 1em 1em; padding: 1em; width: 240px; } .infobox { background: #eee; border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 1em; width: 240px; } @media screen and (max-width: 550px) { .infobox { float: none; margin-left: auto; margin-right: auto; } } .infobox-title { font-size: 1.25em; text-align: center; } .infobox-image { text-align: center; margin-top: 20px; margin-bottom: 20px; } .infobox th { text-align: left; vertical-align: top; width: 90px; } .infobox td { text-align: left; vertical-align: top; } .mw-cookiewarning-container { top: auto; bottom: 0; }