MediaWiki:Common.css: Unterschied zwischen den Versionen

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

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

            

}