Difference between revisions of "MediaWiki:Common.css"
From Conceptual Reconstructionism Project
Thaumasnot (talk | contribs) |
Thaumasnot (talk | contribs) |
||
Line 128: | Line 128: | ||
display: none; | display: none; | ||
align-items: center; | align-items: center; | ||
margin: 0.2em 0; | |||
} | } | ||
Line 140: | Line 141: | ||
.audio-player .track-menu { | .audio-player .track-menu { | ||
text-align: center; | |||
} | } | ||
Line 156: | Line 156: | ||
.audio-player .track-menu div.selected { | .audio-player .track-menu div.selected { | ||
font-size: 0.7em; | |||
color: white; | color: white; | ||
background-color: black; | background-color: black; | ||
} | } |
Revision as of 23:48, 20 December 2021
/* CSS placed here will be applied to all skins */ @media only screen and (min-width: 400px) { #bodyContent { margin: 0 auto; width: 70%; } } #p-logo { visibility: hidden; } #footer-poweredbyico { display: none; } .boxed-message { text-align: center; padding: 0 2em; border: 1px solid silver; margin: 1.5em 0; } :target { background-color: deepskyblue; transition: all 1s linear; scroll-margin-top: 150px; } .meta { position: relative; display: inline-block; font-style:italic; color: #505050; } .meta:hover { color: salmon; cursor: pointer; text-decoration: underline; } .meta-def { position: relative; left: -0.1em; font-weight: bold; font-style: italic; font-size: 0.7em; vertical-align: sub; } .meta-def a { color: black; } .meta-progress { --gauge-fill: 0; display: inline-block; position: absolute; width: 0; height: 100%; background-color: cornflowerblue; opacity: 0%; border: thin dashed darkblue; transition: opacity 0.5s ease-out 0s, width 0.5s steps(1) 0s; } .meta-progress.active { width: var(--gauge-fill); opacity: 35%; transition: width 0.05s linear 0s; } .meta-menu { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .meta-menu > div { padding: 0.2em 1em; } .meta-menu div { color: black; font-style: normal; text-decoration: none; } .meta-menu > div:hover { background-color: #ddd; cursor: pointer; } .meta:hover .meta-menu, .context-menu-anchor:hover .meta-menu { display: block; } .meta-menu { font-size: 0.8em; } .context-menu-anchor { display: inline-block; } .context-menu-anchor:hover { cursor: pointer; } /********************** Music reconstruction **********************/ .audio-player { position: sticky; top: 0; background-color: rgba(255, 255, 255, 0.8); z-index: 2; } .audio-player figure { display: none; align-items: center; margin: 0.2em 0; } .audio-player figure.active { display: flex; } .audio-player figcaption { font-size: 0.65em; margin: 1em; } .audio-player .track-menu { text-align: center; } .audio-player .track-menu div { display: inline-block; font-size: 0.6em; height: 2em; width: 2em; border-radius: 50%; border: 2px solid black; transition: background-color 1s ease-out 0s; cursor: pointer; } .audio-player .track-menu div.selected { font-size: 0.7em; color: white; background-color: black; }