Vorlage:UNITE-Entwicklung/style.css
Zur Navigation springen
Zur Suche springen
.unite-ent-1 {
text-align: center;
border-radius: 0.5em;
display: grid;
grid-template-columns: 1fr;
padding: 3px;
gap: 3px;
width: 30%;
margin: auto;
}
.unite-ent-2 {
text-align: center;
border-radius: 0.5em;
display: grid;
grid-template-columns: 1fr min-content 1fr;
padding: 3px;
gap: 3px;
width: 50%;
margin: auto;
}
.unite-ent-3 {
text-align: center;
border-radius: 0.5em;
display: grid;
grid-template-columns: 1fr min-content 1fr min-content 1fr;
padding: 3px;
gap: 3px;
width: 80%;
margin: auto;
}
.unite-ent-4 {
text-align: center;
border-radius: 0.5em;
display: grid;
grid-template-columns: 1fr min-content 1fr min-content 1fr min-content 1fr;
padding: 3px;
gap: 3px;
margin: auto;
}
.unite-ent-1 .unite-entwicklung-box, .unite-ent-2 .unite-entwicklung-box, .unite-ent-3 .unite-entwicklung-box, .unite-ent-4 .unite-entwicklung-box {
box-shadow: 1px 1px 2px #525252;
display: grid;
gap: 3px;
padding: 3px;
border-radius: 0.5em;
}
.unite-ent-1 .unite-entwicklung-box div:nth-child(2), .unite-ent-2 .unite-entwicklung-box div:nth-child(2), .unite-ent-3 .unite-entwicklung-box div:nth-child(2), .unite-ent-4 .unite-entwicklung-box div:nth-child(2) {
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
background: #FFFFFF;
border-radius: 0.5em;
padding: 3px;
}
.unite-ent-1 .unite-entwicklung-box div:nth-child(3), .unite-ent-2 .unite-entwicklung-box div:nth-child(3), .unite-ent-3 .unite-entwicklung-box div:nth-child(3), .unite-ent-4 .unite-entwicklung-box div:nth-child(3) {
display: flex;
justify-content: center;
align-items: center;
background: #FFFFFF;
border-radius: 0.5em;
padding: 3px;
}
.unite-ent-2 .unite-entwicklung-formwechsel, .unite-ent-3 .unite-entwicklung-formwechsel, .unite-ent-4 .unite-entwicklung-formwechsel {
display: grid;
grid-template-rows: 50px 1fr 50px;
min-width: 135px;
}
.unite-ent-2 .unite-entwicklung-formwechsel a:not(.new), .unite-ent-2 .unite-entwicklung-formwechsel a:visited:not(.new), .unite-ent-3 .unite-entwicklung-formwechsel a:not(.new), .unite-ent-3 .unite-entwicklung-formwechsel a:visited:not(.new), .unite-ent-4 .unite-entwicklung-formwechsel a:not(.new), .unite-ent-4 .unite-entwicklung-formwechsel a:visited:not(.new) {
color: #000000;
}
.unite-ent-2 .unite-entwicklung-entwicklung, .unite-ent-3 .unite-entwicklung-entwicklung, .unite-ent-4 .unite-entwicklung-entwicklung {
display: flex;
justify-content: center;
align-items: center;
}
.unite-ent-2 .unite-entwicklung-formwechsel div, .unite-ent-3 .unite-entwicklung-formwechsel div, .unite-ent-4 .unite-entwicklung-formwechsel div {
display: flex;
justify-content: center;
align-items: center;
}
/* @media only screen and (max-width: 720px) {
.unite-ent-1 {
width: 50%;
}
.unite-ent-2 {
width: 70%;
}
.unite-ent-3 {
width: 90%;
}
}
@media only screen and (max-width: 630px) {
.unite-ent-4 {
width: 50%;
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 480px) {
.unite-ent-1, .unite-ent-2, .unite-ent-3, .unite-ent-4 {
width: 70%;
grid-template-columns: 1fr;
}
.unite-ent-2 .unite-entwicklung-entwicklung, .unite-ent-3 .unite-entwicklung-entwicklung, .unite-ent-4 .unite-entwicklung-entwicklung {
transform: rotate(90deg);
margin: 0.5em 0 0.5em 0;
}
.unite-ent-2 .unite-entwicklung-formwechsel, .unite-ent-3 .unite-entwicklung-formwechsel, .unite-ent-4 .unite-entwicklung-formwechsel {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
margin: 0.5em 0 0.5em 0;
}
.unite-ent-2 .unite-entwicklung-formwechsel div:first-child, .unite-ent-3 .unite-entwicklung-formwechsel div:first-child, .unite-ent-4 .unite-entwicklung-formwechsel div:first-child {
transform: rotate(270deg);
}
.unite-ent-2 .unite-entwicklung-formwechsel div:nth-child(3), .unite-ent-3 .unite-entwicklung-formwechsel div:nth-child(3), .unite-ent-4 .unite-entwicklung-formwechsel div:nth-child(3) {
transform: rotate(270deg);
}
} */
/* [[Kategorie:Vorlage:Non-Wikitext]] */