Quelltext der Seite MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

.oo-ui-icon-languageselector-flag-de ,
.oo-ui-icon-languageselector-flag-de-formal {
    background-image: url( skins/BlueSpiceCalumma/resources/images/common/flags/DE.png ) !important;
}
.oo-ui-icon-languageselector-flag-en {
    background-image: url( skins/BlueSpiceCalumma/resources/images/common/flags/GB.png ) !important;
} 
 
#mw-indicator-languageselector form {
    display: none !important;
}

.sticky {
    z-index: 2
}

.bs-vspace {
    margin-top: 10px;
    margin-bottom: 10px
}

.text-align-left {
    text-align: left
}

.text-align-center {
    text-align: center
}

.text-align-right {
    text-align: right
}

.bs-layout-border-primary {
    border: 2px solid #C4C4C4
}

.bs-background-color-primary {
    background-color: #3e5389;
    color: white
}

.bs-background-color-primary span,.bs-background-color-primary p {
    color: white
}

.bs-background-color-primary span.bs-layout-box-link > a,.bs-background-color-primary span.bs-layout-box-link > a:hover {
    text-decoration: none;
    color: white !important
}

.bs-background-color-secondary {
    background-color: #c9c9c9
}

.bs-layout-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.bs-layout-container.bs-layout-space-between {
    justify-content: space-between
}

.bs-layout-container.bs-layout-space-around {
    justify-content: space-around
}

.bs-layout-container.bs-layout-space-auto {
    justify-content: space-between
}

.bs-layout-container.bs-layout-container-banner {
    width: 100%;
    margin-bottom: 20px
}

.bs-layout-container.bs-layout-container-banner a.image {
    width: 100%
}

.bs-layout-container.bs-layout-container-banner a.image img {
    width: 100%
}

.bs-layout-box {
    padding: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis
}

.bs-layout-box .bs-layout-box-title {
    font-size: 20px
}

.bs-layout-box .bs-layout-box-subtitle {
    font-weight: bold
}

.bs-layout-box .bs-layout-box-image {
    width: 100%
}

.bs-layout-box .bs-layout-box-image img {
    width: 100%
}

.bs-layout-box .bs-layout-box-body {
    padding: 10px
}

.bs-layout-box .bs-layout-box-link.right a {
    float: right
}

.bs-layout-box .bs-layout-box-link.left a {
    float: left
}

.bs-layout-box .bs-layout-box-link.primary a {
    color: white !important
}

.bs-layout-box .bs-layout-box-link.primary a:hvoer {
    text-decoration: none;
    color: white !important
}

.bs-layout-box .bs-layout-box-link.secondary a {
    color: white !important
}

.bs-layout-box .bs-layout-box-link.secondary a:hvoer {
    text-decoration: none;
    color: white !important
}

.bs-layout-box .bs-layout-box-image.right a {
    float: right
}

.bs-layout-box .bs-layout-box-image.left a {
    float: left
}

a.image {
    width: 100%;
    display: block;
    text-align: center
}

a.image img {
    max-width: 100%;
    height: auto
}

@media all and (max-width: 721px) {
    .bs-layout-container.bs-space-auto {
        justify-content:space-evenly
    }

    .bs-layout-container .bs-layout-box {
        min-width: 100%;
        min-height: 100% !important
    }
}

@media all and (min-width: 721px) and (max-width:1000px) {
    .bs-layout-container.bs-space-auto {
        justify-content:space-evenly
    }

    .bs-layout-container .bs-layout-box {
        width: 100%;
        min-height: 100%
    }

    .bs-layout-container.bs-contain-2 .bs-layout-box {
        width: 48%
    }

    .bs-layout-container.bs-contain-2 .bs-layout-box:nth-child(1) {
        margin-right: 1%
    }

    .bs-layout-container.bs-contain-2 .bs-layout-box:nth-child(2) {
        margin-left: 1%
    }

    .bs-layout-container.bs-contain-2.ratio-2-1 .bs-layout-box:nth-child(1) {
        width: 66%;
        margin-right: 1%
    }

    .bs-layout-container.bs-contain-2.ratio-2-1 .bs-layout-box:nth-child(2) {
        width: 32%;
        margin-left: 1%
    }

    .bs-layout-container.bs-contain-2.ratio-1-2 .bs-layout-box:nth-child(1) {
        width: 32%;
        margin-left: 1%
    }

    .bs-layout-container.bs-contain-2.ratio-1-2 .bs-layout-box:nth-child(2) {
        width: 66%;
        margin-right: 1%
    }

    .bs-layout-container.bs-contain-3 .bs-layout-box {
        width: 32%
    }

    .bs-layout-container.bs-contain-3 .bs-layout-box:nth-child(1) {
        margin-right: 1%
    }

    .bs-layout-container.bs-contain-3 .bs-layout-box:nth-child(2) {
        margin-left: 0.5%;
        margin-right: 0.5%
    }

    .bs-layout-container.bs-contain-3 .bs-layout-box:nth-child(3) {
        margin-left: 1%
    }
}

@media all and (min-width: 1001px) {
    .bs-layout-container.bs-space-auto {
        justify-content:space-between
    }

    .bs-layout-container .bs-layout-box {
        width: 100%;
        min-height: 100%
    }

    .bs-layout-container.bs-contain-2 .bs-layout-box {
        width: 48%
    }

    .bs-layout-container.bs-contain-2 .bs-layout-box:nth-child(1) {
        margin-right: 1%
    }

    .bs-layout-container.bs-contain-2 .bs-layout-box:nth-child(2) {
        margin-left: 1%
    }

    .bs-layout-container.bs-contain-2.ratio-2-1 .bs-layout-box:nth-child(1) {
        width: 66%;
        margin-right: 1%
    }

    .bs-layout-container.bs-contain-2.ratio-2-1 .bs-layout-box:nth-child(2) {
        width: 32%;
        margin-left: 1%
    }

    .bs-layout-container.bs-contain-2.ratio-1-2 .bs-layout-box:nth-child(1) {
        width: 32%;
        margin-left: 1%
    }

    .bs-layout-container.bs-contain-2.ratio-1-2 .bs-layout-box:nth-child(2) {
        width: 66%;
        margin-right: 1%
    }

    .bs-layout-container.bs-contain-3 .bs-layout-box {
        width: 32%
    }

    .bs-layout-container.bs-contain-3 .bs-layout-box:nth-child(1) {
        margin-right: 1%
    }

    .bs-layout-container.bs-contain-3 .bs-layout-box:nth-child(2) {
        margin-left: 0.5%;
        margin-right: 0.5%
    }

    .bs-layout-container.bs-contain-3 .bs-layout-box:nth-child(3) {
        margin-left: 1%
    }
}