MediaWiki:Common.css: verschil tussen versies
Uit Hackerspace Bitlair
kGeen bewerkingssamenvatting Label: Handmatige ongedaanmaking |
kGeen bewerkingssamenvatting |
||
| (4 tussenliggende versies door dezelfde gebruiker niet weergegeven) | |||
| Regel 1: | Regel 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
#mw-indicator-smw-entity-examiner { | |||
display: none; | |||
} | } | ||
/* WIPcam fotos */ | |||
#fotos { | |||
display: flex; | |||
wrap: nowrap; | |||
> a { | |||
display: inline-block; | |||
flex-grow: 1; | |||
} | |||
} | } | ||
# | /* Space state gerelateerd */ | ||
#p-logo { | |||
position: relative; | |||
} | } | ||
#spacestatus { | #spacestatus { | ||
padding: 0 0.25em; | |||
position: | position: absolute; | ||
top: | top: 100px; | ||
left: | left: 50px; | ||
border-radius: 3px; | border-radius: 3px; | ||
text-align: center; | text-align: center; | ||
box-shadow: rgba(100,100,100,.6) 2px 2px 5px; | box-shadow: rgba(100,100,100,.6) 2px 2px 5px; | ||
transform: rotate(-5deg); | transform: rotate(-5deg); | ||
font-size: 1.4em; | |||
} | } | ||
Huidige versie van 3 jan 2026 20:09
/* CSS placed here will be applied to all skins */
#mw-indicator-smw-entity-examiner {
display: none;
}
/* WIPcam fotos */
#fotos {
display: flex;
wrap: nowrap;
> a {
display: inline-block;
flex-grow: 1;
}
}
/* Space state gerelateerd */
#p-logo {
position: relative;
}
#spacestatus {
padding: 0 0.25em;
position: absolute;
top: 100px;
left: 50px;
border-radius: 3px;
text-align: center;
box-shadow: rgba(100,100,100,.6) 2px 2px 5px;
transform: rotate(-5deg);
font-size: 1.4em;
}
#spacestatus.open {
opacity: 1;
background: lime;
color: black;
}
#spacestatus.open:before {
content: "nu open!";
}
#spacestatus.closed {
opacity: 1;
background: lightgray;
color: black;
}
#spacestatus.closed:before {
content: "momenteel gesloten";
}
/* very important */
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}