Difference between revisions of "MediaWiki:Common.css"
From Conceptual Reconstructionism Project
Thaumasnot (talk | contribs) |
Thaumasnot (talk | contribs) |
||
Line 99: | Line 99: | ||
.meta:hover .meta-menu { | .meta:hover .meta-menu { | ||
display: block; | display: block; | ||
} | |||
.meta-menu { | |||
font-size: 0.8em; | |||
} | |||
.context-menu-anchor { | |||
display: inline-block; | |||
} | |||
.context-menu-anchor:hover { | |||
cursor: pointer; | |||
} | } | ||
Line 120: | Line 132: | ||
font-size: 0.65em; | font-size: 0.65em; | ||
margin: 1em; | margin: 1em; | ||
} | } |
Revision as of 21:44, 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:hover .meta-menu div { color: black; font-style: normal; text-decoration: none; } .meta-menu > div:hover { background-color: #ddd; cursor: pointer; } .meta: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: flex; align-items: center; } .audio-player figcaption { font-size: 0.65em; margin: 1em; }