MediaWiki:Common.css
Uit Hackerspace Bitlair
Opmerking: na het publiceren moet je misschien je browsercache legen om de veranderingen te zien.
- Firefox / Safari: houd Shift ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
- Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
- Edge: houd Ctrl ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5.
/* 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;
}
}
#p-logo {
position: relative;
}
/* Space state gerelateerd */
#spacestatus {
width: 80px;
position: absolute;
top: 115px;
left: 80px;
border-radius: 3px;
text-align: center;
box-shadow: rgba(100,100,100,.6) 2px 2px 5px;
transform: rotate(-5deg);
animate: ;
}
#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); }
}
