Difference between revisions of "MediaWiki:Common.css"
From Conceptual Reconstructionism Project
Thaumasnot (talk | contribs) |
Thaumasnot (talk | contribs) |
||
Line 36: | Line 36: | ||
} | } | ||
.meta | .meta:hover { | ||
color: salmon; | color: salmon; | ||
cursor: pointer; | cursor: pointer; | ||
Line 87: | Line 87: | ||
.meta-menu a { | .meta-menu a { | ||
color: black; | color: black !important; | ||
font-style: normal; | font-style: normal; | ||
text-decoration: none; | text-decoration: none; | ||
Line 100: | Line 100: | ||
display: block; | display: block; | ||
} | } | ||
Revision as of 10:10, 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 a { color: black !important; font-style: normal; text-decoration: none; } .meta-menu > div:hover { background-color: #ddd; cursor: pointer; } .meta:hover .meta-menu { display: block; }