MediaWiki:Common.css: Unterschied zwischen den Versionen
| (8 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; | ||
| + | } | ||