Vorlage:Masters Missionsbingo/style.css
Zur Navigation springen
Zur Suche springen
.masters-missionsbingo {
border: 4px solid #74d9eb;
border-radius: 0.75em;
background-color: #238eb2;
width: 100%;
box-sizing: border-box;
text-align: center;
margin-bottom: 10px;
display: flex;
gap: 2px;
flex-direction: column;
padding: 2px;
}
.masters-missionsbingo__missionen {
display: grid;
gap: 4px;
padding: 4px;
grid-template-columns: repeat(3, 1fr);
}
.masters-missionsbingo__missionen > div {
border: 2px solid #74d9eb;
border-radius: 0.5em;
background-color: #74d9eb;
box-sizing: border-box;
padding: 2px;
display: grid;
grid-template-rows: 2em auto auto;
gap: 2px;
}
.masters-missionsbingo__missionen > div > div:first-child {
display: grid;
gap: 2px;
grid-template-columns: 2em auto;
}
.masters-missionsbingo__missionen > div > div:first-child > div {
background-color: white;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: center;
}
.masters-missionsbingo__missionen > div > div:first-child > div:first-child {
border-radius: 100%;
}
.masters-missionsbingo__missionen > div > div:first-child > div:last-child {
border-radius: 0.25em;
}
.masters-missionsbingo__missionen > div > div:not(:first-child) {
background-color: white;
border-radius: 0.25em;
padding: 2px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media only screen and (max-width:600px) {
.masters-missionsbingo__missionen {
grid-template-columns: 100%;
}
}
.masters-missionsbingo__reihentabelle {
margin: 10px auto 10px auto;
border: 4px solid #74d9eb;
border-radius: 0.75em;
text-align: center;
background-color: #238eb2;
min-width: 400px;
}
.masters-missionsbingo__reihentabelle th {
color: white;
padding: 2px;
}
.masters-missionsbingo__reihentabelle td {
background: white;
padding: 2px;
}
.masters-missionsbingo__reihentabelle tr:last-child td:first-child {
border-radius: 0 0 0 0.5em;
}
.masters-missionsbingo__reihentabelle tr:last-child td:last-child {
border-radius: 0 0 0.5em 0;
}
.masters-missionsbingo__reihentabelle > tbody > tr > td:last-child {
display: flex;
flex-direction: column;
}
/*@media only screen and (max-width:450px) {
.masters-missionsbingo__reihentabelle {
width: 100%;
min-width: auto;
}
}*/
/* [[Kategorie:Vorlage:Non-Wikitext]] */