Module:Sidebar games events/styles.css: Difference between revisions

Content deleted Content added
and here
correct name
 
(5 intermediate revisions by 2 users not shown)
Line 1:
/* {{pp|small=y}} */
.sidebar-games-events {
/* @noflip */
background: #f5faff;
float: right;
border: 1px solid #B8C7D9;
/* @noflip */
clear: right;
/* @noflip */
margin: 0.5em 0 1em 1em;
background: #f5fafff8f9fa;
border: 1px solid #B8C7D9aaa;
padding: 0.2em;
border-spacing: 0.4em 0;
text-align: center;
line-height: 1.4em;
font-size: 88%;
width: auto;
max-width: 25em;
float: right;
clear: right;
margin: 0 0 1em 1em;
/* Timeless has display: none on .nomobile at mobile resolutions, so we
* unhide it with display: table and let precedence and proximity win.
*/
display: table;
}
 
/* have to override later sidebar use */
.sidebar-games-events-left.sidebar {
width: auto; /* differs from sidebar */
max-width: 25em; /* differs from sidebar */
}
 
/* See comment in [[Module:Sidebar/styles.css]]
*/
body.skin-minerva .sidebar-games-events {
display: table !important;
/* also, minerva is way too aggressive about other stylings on tables.
Line 33 ⟶ 42:
}
 
/* have to override later sidebar use */
.sidebar-games-events-left {
.sidebar-games-events-noneleft.sidebar {
/* @noflip */
margin: 0 1em 1em 0;
/* @noflip */
float: left;
/* @noflip */
clear: left;
}
 
/* have to override later sidebar use */
.sidebar-games-events-none {
.sidebar-games-events-none.sidebar {
/* @noflip */
margin: 0 1em 1em 0;
float: none;
Line 169 ⟶ 184:
* query.
*/
}
 
@media screen {
html.skin-theme-clientpref-night .sidebar-games-events {
background: black;
color: white;
}
html.skin-theme-clientpref-night .sidebar-games-events-heading,
html.skin-theme-clientpref-night .sidebar-games-events-title {
color: black;
}
}
 
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .sidebar-games-events {
background: black;
color: white;
}
html.skin-theme-clientpref-os .sidebar-games-events-heading,
html.skin-theme-clientpref-os .sidebar-games-events-title {
color: black;
}
}