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;

            

}

1. 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%
   }

}

.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;

            

}

1. mw-indicator-languageselector form {

                   display: none !important;

            

}