Common.css
Hinweis: Leeren Sie nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Extras → Internetspuren löschen … → Individuelle Auswahl → Den kompletten Cache löschen
/* 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;
}