Module:Sidebar games events/styles.css

/* */ .sidebar-games-events { /* @noflip */ float: right; /* @noflip */ clear: right; /* @noflip */ margin: 0.5em 0 1em 1em; background: #f8f9fa; border: 1px solid #aaa; padding: 0.2em; border-spacing: 0.4em 0; text-align: center; line-height: 1.4em; font-size: 88%; /* 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.sidebar { width: auto; /* differs from sidebar */ max-width: 25em; /* differs from sidebar */ }

/* See comment in Module:Sidebar/styles.css */ body.skin-minerva .sidebar { display: table !important; /* also, minerva is way too aggressive about other stylings on tables. * TODO remove when this template gets moved to a div. plans on talk page. * We always float right on Minerva because that's a lot of extra CSS * otherwise. */   float: right !important; margin: 0.5em 0 1em 1em !important; }

.sidebar-games-events a { white-space: nowrap; }

/* have to override later sidebar use */ .sidebar-games-events-left.sidebar { /* @noflip */ margin: 0 1em 1em 0; /* @noflip */ float: left; /* @noflip */ clear: left; }

/* have to override later sidebar use */ .sidebar-games-events-none.sidebar { /* @noflip */ margin: 0 1em 1em 0; float: none; clear: both; }

.sidebar-games-events-image { padding: 0 0 0.2em; background: #cedff2; }

.sidebar-games-events-caption { padding-top: 0.2em; line-height: 1.2em; }

.sidebar-games-events-title { padding: 0.2em 0.4em; font-size: 100%; line-height: 1.5em; background: #cedff2; }

.sidebar-games-events-ir-cont { display: table; width: 100%; }

.sidebar-games-events-ir-title { display: table-cell; width: 95%; }

.sidebar-games-events-ir { display: table-cell; width: 5%; }

.sidebar-games-events .event-title { padding: 0.1em; background: #99badd; border-top: 1px solid #f5faff }

.sidebar-games-events-heading { padding: 0.1em; background: #deeaf6; border-top: 1px solid #f5faff; }

.sidebar-games-events .no-event { display: none; }

.sidebar-games-events .type-let { font-weight: normal; border-top: 1px solid #f5faff; background: #deeaf6; }

.sidebar-games-events .event { text-align: left; line-height: 1.4em; padding: 0.1em 0.4em 0.2em 0.1em; font-weight: normal }

.sidebar-games-events .event-r { text-align: right; }

.sidebar-games-events .erl-border { border-bottom: 1px solid #aaa; }

.sidebar-games-events .result-r { text-align: right; padding-right: 1.5em; }

.sidebar-games-events .result-l { text-align: left; }

.sidebar-games-events-prevnext { border-top: solid 1px #deeaf6; }

.sidebar-games-events-prev { float: left; text-align: left; padding-right: 0.5em; }

.sidebar-games-events-next { float: right; text-align: right; padding-left: 0.5em; }

.sidebar-games-events-prev::before { content: "←\00a0"; /* nbsp */ }

.sidebar-games-events-next::after { content: "\00a0→"; /* nbsp */ }

.sidebar-games-events-navbar { text-align: right; font-size: 115%; padding-top: 0; border-top: solid 1px #deeaf6; }

@media (max-width: 720px) { /* users have wide latitude to set arbitrary width and margin :(	  "Super-specific" selector to prevent overriding this appearance by	   lower level sidebars too */	body.mediawiki .sidebar {		width: 100% !important;		clear: both;		float: none !important; /* Remove when we div based; Minerva is dumb */		margin-left: 0 !important;		margin-right: 0 !important;	}	/* TODO: We might consider making all links wrap at small resolutions and then	 * only introduce nowrap at higher resolutions. Do when we invert the media	 * query.	 */ }

/* forced night mode */ 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 (prefers-color-scheme: dark) { /* automatic mode */ 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; } }