MediaWiki:Common.css: verschil tussen versies
Naar navigatie springen
Naar zoeken springen
k (Animatie) |
k (Terug naar 'gesloten/deelnemers') |
||
(14 tussenliggende versies door 2 gebruikers niet weergegeven) | |||
Regel 55: | Regel 55: | ||
#spacestatus { | #spacestatus { | ||
− | width: | + | width: 100px; |
position: relative; | position: relative; | ||
top: -20px; | top: -20px; | ||
− | left: | + | left: 30px; |
border-radius: 3px; | border-radius: 3px; | ||
text-align: center; | text-align: center; | ||
Regel 67: | Regel 67: | ||
#spacestatus.open { | #spacestatus.open { | ||
opacity: 1; | opacity: 1; | ||
− | + | /* background: lime;*/ | |
− | color: black; | + | background: #834e98; |
+ | /* color: black;*/ | ||
+ | color: white; | ||
animation: zooms 2s linear 1 1s; | animation: zooms 2s linear 1 1s; | ||
} | } | ||
#spacestatus.open:before { | #spacestatus.open:before { | ||
− | + | /* content: "open!";*/ | |
+ | content: "deelnemers"; | ||
} | } | ||
Regel 85: | Regel 88: | ||
content: "gesloten"; | content: "gesloten"; | ||
} | } | ||
+ | |||
+ | #hoofdbanner { | ||
+ | width: 50%; | ||
+ | margin: auto; | ||
+ | background-color:rgba(175, 255, 175, 0.5); | ||
+ | text-align: center; | ||
+ | border: 2px solid green; | ||
+ | border-radius: 5px; | ||
+ | padding: 1em; | ||
+ | padding-top:0.25em; | ||
+ | box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5); | ||
+ | } | ||
+ | |||
+ | #hoofdbanner .mw-headline { | ||
+ | color: darkgreen; | ||
+ | } | ||
+ | |||
+ | #hoofdbanner .mw-editsection { | ||
+ | display:none!important; | ||
+ | } | ||
+ | |||
+ | .AssumeContainer { | ||
+ | max-width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | /* Font magic */ | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'hackalot'; | ||
+ | src: url('/hackalot.woff'); | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | [class*='icon-']:before{ | ||
+ | display: inline-block; | ||
+ | font-family: 'hackalot'; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | line-height: 1; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | -moz-osx-font-smoothing: grayscale | ||
+ | } | ||
+ | .icon-hackalot:before{content:'\E000';} | ||
+ | .icon-gitlab:before{content:'\E001';} | ||
+ | |||
+ | html, | ||
+ | body { | ||
+ | font-family:sans-serif,hackalot; | ||
+ | } |
Versie van 27 nov 2021 21:04
.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: 100px; position: relative; top: -20px; left: 30px; 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;*/ background: #834e98; /* color: black;*/ color: white; animation: zooms 2s linear 1 1s; } #spacestatus.open:before { /* content: "open!";*/ content: "deelnemers"; } #spacestatus.closed { opacity: 1; background: lightgray; color: black; } #spacestatus.closed:before { content: "gesloten"; } #hoofdbanner { width: 50%; margin: auto; background-color:rgba(175, 255, 175, 0.5); text-align: center; border: 2px solid green; border-radius: 5px; padding: 1em; padding-top:0.25em; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5); } #hoofdbanner .mw-headline { color: darkgreen; } #hoofdbanner .mw-editsection { display:none!important; } .AssumeContainer { max-width: 100%; height: auto; } /* Font magic */ @font-face { font-family: 'hackalot'; src: url('/hackalot.woff'); font-weight: normal; font-style: normal; } [class*='icon-']:before{ display: inline-block; font-family: 'hackalot'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-hackalot:before{content:'\E000';} .icon-gitlab:before{content:'\E001';} html, body { font-family:sans-serif,hackalot; }