MediaWiki:Common.css: verschil tussen versies
Uit Hackerspace Bitlair
Created page with "→CSS placed here will be applied to all skins: #spacestatus { position: relative; top: -32px; left: 43px; border-radius: 3px; width: 80px; text-align: center; transform: ..." |
kGeen bewerkingssamenvatting |
||
| (22 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 { | ||
#spacestatus.open { opacity: 1; background: lime; color: black; } | display: none; | ||
#spacestatus.closed { opacity: 1; background: | } | ||
/* 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); } | |||
} | |||
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); }
}