Difference between revisions of "MediaWiki:Common.css"
From Conceptual Reconstructionism Project
Thaumasnot (talk | contribs) |
Thaumasnot (talk | contribs) |
||
| Line 56: | Line 56: | ||
.meta-progress { | .meta-progress { | ||
--gauge-fill: 0; | --gauge-fill: 0; | ||
display: block; | display: inline-block; | ||
position: absolute; | position: absolute; | ||
width: var(--gauge-fill); | width: var(--gauge-fill); | ||
| Line 68: | Line 68: | ||
.meta-progress.active { | .meta-progress.active { | ||
opacity: 35%; | opacity: 35%; | ||
transition: width, 0.05s linear; | |||
} | } | ||
Revision as of 21:07, 19 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;
font-style:italic;
color: #505050;
}
.meta.ref: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: var(--gauge-fill);
height: 100%;
background-color: cornflowerblue;
opacity: 0%;
border: thin dashed darkblue;
transition: opacity, 0.5s easeOut;
}
.meta-progress.active {
opacity: 35%;
transition: width, 0.05s linear;
}