(Die Seite wurde neu angelegt: „.limit-line-length { max-width: 65em; margin: 0 auto; } .in-row {} .in-row>div { display: inline-block; } .box, .full-box { box-sizing: border-box; padding: 1em; margin-bottom: 0.5em; →width: calc( 100% / 3 - 2.2em);: min-width: 5em; min-height: 5em; →max-width: 30em;: box-shadow: .5em .5em 1em rgba(0, 0, 0, .3); } .full-box { padding: 0; } .negativ { background-color: navy; color: #FFF; }…“) |
K (1 Version importiert) |
(kein Unterschied)
|
Aktuelle Version vom 30. Oktober 2024, 19:43 Uhr
.limit-line-length {
max-width: 65em;
margin: 0 auto;
}
.in-row {}
.in-row>div {
display: inline-block;
}
.box,
.full-box {
box-sizing: border-box;
padding: 1em;
margin-bottom: 0.5em;
/*width: calc( 100% / 3 - 2.2em);*/
min-width: 5em;
min-height: 5em;
/*max-width: 30em;*/
box-shadow: .5em .5em 1em rgba(0, 0, 0, .3);
}
.full-box {
padding: 0;
}
.negativ {
background-color: navy;
color: #FFF;
}
.negativ a {
color: #FFF;
text-decoration: underline;
}
.fluid-image img,
.fluid-image figure-inline,
.fluid-image figure-inline>a {
max-width: 100%;
height: auto;
}
@media screen and (max-width:599px) {
.full-width-small-down {
float: none;
margin: 1em 0;
width: 100%;
max-width: none;
background-color: #FFFFAA;
}
}
@media screen and (min-width:600px) {
.float-right-medium-up {
float: right;
margin-right: 0;
}
}