MediaWiki:Common.css: verschil tussen versies
Naar navigatie springen
Naar zoeken springen
k (Recht) |
k (Animatie) |
||
| Regel 42: | Regel 42: | ||
/* Space state gerelateerd */ | /* Space state gerelateerd */ | ||
| + | @keyframes zooms { | ||
| + | 0% { | ||
| + | transform: scale(1.0) rotate(0deg); | ||
| + | } | ||
| + | 50% { | ||
| + | transform: scale(2.0) rotate(-5deg); | ||
| + | } | ||
| + | 100% { | ||
| + | transform: scale(1.0) rotate(0deg); | ||
| + | } | ||
| + | } | ||
| + | |||
#spacestatus { | #spacestatus { | ||
width: 80px; | width: 80px; | ||
| Regel 57: | Regel 69: | ||
background: lime; | background: lime; | ||
color: black; | color: black; | ||
| + | animation: zooms 2s linear 1 1s; | ||
} | } | ||
Versie van 13 nov 2018 13:07
.mw-body {
background-color: rgba(255,255,255,0.7);
}
body {
background-color: white !important;
background-image: url('https://hackalot.nl/images/thumb/4/49/Looping_wallpaper_mirrored.png/596px-Looping_wallpaper_mirrored.png')
}
#mw-page-base {
background-image: linear-gradient(#f6f6f6 50%, rgba(255,255,255,0) 100%);
}
.infobox {
background: #EEEEEE;
float: right;
border-collapse: collapse;
}
.infobox_title, .infobox_header {
background: #CCCCCC;
}
.infobox th {
padding: 0 10px;
}
/*
.infobox {
background: url("https://hackalot.nl/images/3/33/Infobox_repeat.png");
}
.infobox_title {
background: url(https://hackalot.nl/images/3/31/Infobox_top.png) #FFFFFF;
height: 37px;
vertical-align: bottom;
line-height: 20px;
}
.infobox_header {
background: url(https://hackalot.nl/images/c/cc/Infobox_repeat_dark.png);
}
*/
/* Space state gerelateerd */
@keyframes zooms {
0% {
transform: scale(1.0) rotate(0deg);
}
50% {
transform: scale(2.0) rotate(-5deg);
}
100% {
transform: scale(1.0) rotate(0deg);
}
}
#spacestatus {
width: 80px;
position: relative;
top: -20px;
left: 40px;
border-radius: 3px;
text-align: center;
box-shadow: rgba(100,100,100,.6) 2px 2px 5px;
/* transform: rotate(-5deg); */
}
#spacestatus.open {
opacity: 1;
background: lime;
color: black;
animation: zooms 2s linear 1 1s;
}
#spacestatus.open:before {
content: "open!";
}
#spacestatus.closed {
opacity: 1;
background: lightgray;
color: black;
}
#spacestatus.closed:before {
content: "gesloten";
}