MediaWiki:Common.css: Unterschied zwischen den Versionen
(Created page with "→CSS placed here will be applied to all skins: →Footer-Icons ausblenden: .footer-icons { display:none; }") |
/* CSS placed here will be applied to all skins */
/* Footer-Icons ausblenden */ .footer-icons {
display:none;
}
.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;
}
.languageselector form select {
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%
}
}
/* Warnung für anonyme Benutzer auf Checkliste ausblenden */
- mw-anon-edit-warning {
display:none; }
/* CSS placed here will be applied to all skins */
/* Footer-Icons ausblenden */
.footer-icons {
display:none;
}.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;
}
.languageselector form select {
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%
}
}
/* Warnung für anonyme Benutzer auf Checkliste ausblenden */
#mw-anon-edit-warning {
display:none;
}| (10 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
/* CSS placed here will be applied to all skins */ | /* 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; | ||
| + | } | ||
| + | |||
| + | .languageselector form select { | ||
| + | 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% | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* Warnung für anonyme Benutzer auf Checkliste ausblenden */ | ||
| + | #mw-anon-edit-warning { | ||
| + | display:none; | ||
} | } | ||