Zuletzt bearbeitet vor einem Tag
von Xineohp1506

Vorlage:Banner/styles.css: Unterschied zwischen den Versionen

(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;
    }
}