Zuletzt bearbeitet vor 3 Tagen
von Margit Link-Rodrigue

MediaWiki:Common.css: Unterschied zwischen den Versionen

Zurück zur Versionsgeschichte
Versionsgeschichte interaktiv durchsuchen
← Zum vorherigen Versionsunterschied
Margit Link-Rodrigue (Diskussion | Beiträge)
IMS_approve, Administratoren
9.354 Bearbeitungen
Keine Bearbeitungszusammenfassung
Margit Link-Rodrigue (Diskussion | Beiträge)
IMS_approve, Administratoren
9.354 Bearbeitungen
Keine Bearbeitungszusammenfassung
 
(41 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* BS5 */
/*WCAG 1.4.3 discernable links*/
.mw-body-content a:not([class*='oo-ui-']), [class^='mw-content-'] a:not([class*='oo-ui-'])
{text-decoration:underline dotted; text-underline-offset:4px;text-decoration-thickness: 1px; text-decoration-color:grey}
 
/*MW overrides */
.wikitable {background-color:#fff}
.wikitable  tr  th {background-color:#f1f3f9}
figure[typeof~='mw:File/Thumb'].mw-halign-center, figure[typeof~='mw:File/Frame'].mw-halign-center {
    margin: 2em auto;
}
.mw-body-content li {margin-bottom:0.6em;}
/*Main Page banner */
#mpbanner {margin-top:-55px;}
h1#mpbanner-byline {font-size:1.8em; color:#3e5389;line-height: 1em; padding-top: 20px;}
#mpbanner-title {font-size:3.4rem; color:#4b80eb; line-height:1.2em; font-weight: 900;letter-spacing: 1px; display:block}
#mpbsv {color:#4666cd}
 
/*Main Page general */
.mpbs5 .section-featured h2 {font-size:1.2em; margin:0 0 1em 0;border-bottom:none;color:#555}
 
#startpage.mpbs5 .sectionflexcontainer>div h2 {padding:20px 15px 5px 15px}
 
 
/*Softwarekatalog*/
/*Softwarekatalog*/
  table.casablanca.swc tbody tr, table.casablanca.swc th {
  table.casablanca.swc tbody tr, table.casablanca.swc th {
Zeile 23: Zeile 45:
}
}


/* Hide PDF Exclude Tags*/
.hf-nsheader .pdfcreator-excludestart,
.hf-nsheader .pdfcreator-excludeend,
.hf-nsfooter .pdfcreator-excludestart,
.hf-nsfooter .pdfcreator-excludeend {
display: none;
}


/*move hf-footer closer to the bottom of the page by adjusting necessary margins */
/*Quiz */
#main {
/*Quiz*/
    padding-bottom:1em;
.quiz .question{margin-bottom:3em;}
}
.questionText{font-weight:700;margin-bottom:1.2em;}
/*ordered lists */
.question .header{background:#fff0e1;padding:1px 6px;}
article ol ol {
span.questionText{display:block;}
    list-style-type: lower-alpha;
.question td{background:#f6f6f6;border-bottom:2px solid #fff;padding:8px 6px 6px;}
}
.question th{background:#f6f6f6;border-bottom:2px solid #fff;padding:8px 6px 6px;}
.hf-nsfooter {
.quiz table{width:100%;}
    margin-top:3em;
.quizQuestions .question .sign{width:26px;}
}
.quiz table.settings{margin-left:30px!important;}
.thumbborder {
.mw-content-ltr .quiz .question .border{border-width:0 0 0 12px !important;}
    border:1px solid #d3d5da
.quiz .margin.right{background-color:#8ed27d!important;}
}
.quiz .margin.NA{background-color:#337ecc!important;}
/*TOC #content .toc {
.quiz .margin.wrong{background-color:#ff5c64!important;}
    width:100%;
.quiz .question .border.right{border-color:#8ed27d!important;}
    background:#f1f3f9;
.quiz .question .border.NA{border-color:#337ecc!important;}
    font-size:1em
.quiz .question .border.wrong{border-color:#ff5c64!important;}
}
.quiz .question .check.right{outline:3px solid #8ed27d!important;}
#content .toc li {
.quiz .question .check.NA{outline:3px solid #337ecc!important;}
    padding:3px;
.quiz .question .check.wrong{outline:3px solid #ff5c64!important;}
}
.quizForm input[value="Submit"]{background:#36c;border:none;color:#FFF;margin-right:10px;margin-left:30px;padding:6px 12px;}
#content .toc li:hover {
.quizForm input:hover[value="Submit"]{background:#2551aa;}
    background:white;
.quizForm input[value="Reset"]{background:#a4a4a4;border:none;color:#FFF;margin-right:10px;padding:6px 12px;}
    outline-bottom:1px solid #f1f3f9;
.quizForm input:hover[value="Reset"]{background:#858585;}
}
.quiz .correction{background-color:#ffe4c9;display:block;font-weight:700;margin:10px 0 30px 28px;padding:20px;}
#content .toctitle {
 
    text-align:left;
 
    border-bottom:2px solid #fff;
/** Template downloads **/
    padding:2px
.cards {display:flex; flex-wrap:wrap; justify-content: space-between; gap:20px}
}
.cards > div {margin-left:5px; margin-right:5px; flex-basis:290px; margin-bottom:50px; border-top: 1px solid #f0f0f0; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
*/
    transition: all .3s cubic-bezier(.25,.8,.25,1); cursor: pointer; text-align:center}
/*external Video thumbs*/
.cards > div:hover {
.youtubelink div.thumbinner {
     box-shadow: 0 6px 8px rgba(0,0,0,.10),0 10px 10px rgba(0,0,0,.10);
    border: 1px solid #d5d5d5;
    background-color: #f1f3f9;
    border-radius:8px;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(207,207,207,1);
    -moz-box-shadow: 3px 3px 3px 0px rgba(207,207,207,1);
    box-shadow: 3px 3px 3px 0px rgba(207,207,207,1);
}
.youtubelink .thumbcaption {
    font-weight:bold;
    margin-top:8px
}
.youtubelink a.external {
    padding-top: 2px;
    display: inline-block;
}
/*Standard content table bg color */
table.contenttable thead tr, table.contenttable th {
    background-color: #e9e9ee;
    vertical-align:top
}
table.contenttable td {
    vertical-align:top
}
/*pdf noexport without highlighting*/
.bs-universalexport-exportexclude {
    background-color:transparent;
    border:none;
}
/*Discussions and attachments currently not in use in the helpdesk, therfore hiding for no */
.icon-bluespice-logo:before {
    font-family: 'icomoon' !important;
    content: "\e910";
}
/*hide spans from templates in TOC text .toctext span {
    display:none!important
}
*/
/* bootstrap icons in blue and big */
.bi-big {
    font-size: 2rem;
    color: #2b80ea
}
/*images in a list*/
#content li figure, #content li .floatnone, #content li img:first-child, #content li .thumb, content li .thumb img:first-child {
    margin-top:1.5em;
    margin-bottom:1.5em;
}
#content li.ve-ce-branchNode .thumb img:first-child, #content li.ve-ce-branchNode figure img:first-child, #content li.ve-ce-branchNode img.ve-ce-chimera {
    margin-top:0;
}
#content li .thumb {
    margin-bottom:0
}
#data-after-content {
    display: none;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    padding: 0.8em 0.4em;
}
span.newicon {
    vertical-align: super;
    background: #64b334;
    margin-left: 3px;
    font-size: 0.8em;
    padding: 1px 4px 2px 4px;
    border-radius: 50%;
    color: #ffffff;
}
.flexbox{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:stretch;
    align-content:stretch;
}
.flexbox div{
    margin:5px;
    padding:2px 8px;
    text-align:center;
    background:#ececec
}
.center > div.thumb {
    margin-top:2em
}
#content .toctitle h2 {
    margin-right: 1em;
    display: inline;
    font-size: 1.4rem;
}
.qtip {
    font-size: 1em;
    line-height: 1.4em;
}
/*Related links */
h2#relatedinfo {
    border-left: solid 4px #d8d8d9;
    background:#f1f3f9;
    color: #868585;
    margin-top: 3rem;
    margin-bottom:0 !important;
    padding: 20px 10px 2px 30px;
}
.relatedtopics {
    display:flex;
    flex-wrap: wrap;
    border-left: solid 4px #d8d8d9;
    background:#f1f3f9;
    padding: 2em !important;
    margin:0 !important;
}
.relatedtopics .col{
    flex-basis: 50%;
    flex-grow: 1;
    flex-shrink: 1;
}
/*Themen*/
.flexbox.themenhd div {
    background:#fff;
    border:1px solid #d8d8d9;
    padding:10px 20px;
    flex-basis:24%;
    text-align:left
}
.flexbox.themenhd div [class*=" bi-"]::before {
     font-size: 1.6em;
    vertical-align: middle;
    background-color: #fff;
    padding: 6px;
    border-radius: 50%;
}
}
.flexbox.themenhd div [class*=" bi-"]::before {
.cards a.image img {max-width:600px}
    font-size:2em;
.cards .screenshot {width:300px;height:200px; overflow:hidden; border-top:14px solid #eee; border-bottom:14px solid #eee}
    vertical-align:middle;
#content #bodyContent .cards h2 {margin:10px; padding:0; font-size:1.1rem; font-color:#444; border:none; text-align:center}
    background-color:#f1f3f9;
.cards h2 .mw-editsection {display:none}
    padding: 10px;
.cards .text {font-size:0.85rem; padding:20px 10px; text-align:center; font-weight:bold;}
#mw-content-text text a:not(.new), [class^="mw-content-"] .text a:not(.new), #mw-content-text .text a:link:not(.new), [class^="mw-content-"] .text a:link:not(.new), #mw-content-text .text a:not(.new):visited, [class^="mw-content-"] .text a:not(.new):visited, #mw-content-text .text a:link:not(.new):visited, [class^="mw-content-"] .text a:link:not(.new):visited
{color:#444;}
.cards .emptycard, .cards > div.emptycard:hover
{border: 0;
box-shadow: none;}
@media only screen and (max-width: 768px)
{.cards > div {flex-basis:98%; }
.cards .screenshot {width:auto; text-align:center}
}
}
.themenhd div a {
.getButton {
    display:block
}
.themenhd div:hover {
    background:rgb(233,233,238,0.5)
}
ul.smw-format.ul-format.alltopics-col {
    column-count: 3;
}
/*Tours */
.nextstep {
     display: inline-block;
     display: inline-block;
     padding: 6px;
    background-color: #4CAF50;
     background: #36c;
    border: none;
     border-radius: 2px;
    color: white;
    color: #ffffff;
     padding: 8px 20px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 0 0 10px 0;
    -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
     border-radius: 8px;}
 
#mw-content-text .getButton a
{color:#ffffff!important;}
.getButton:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
color:'f5f5f5';
}
}
#mw-content-text .nextstep a:not(.new), [class^="mw-content-"] .nextstep a:not(.new), #mw-content-text .nextstep a:link:not(.new), [class^="mw-content-"] .nextstep a:link:not(.new) {
.getButton:active {
    color: #ffffff;
position:relative;
    font-weight: bold;
top:1px;
}
}
#mw-content-text .nextstep a:not(.new):hover, #mw-content-text .nextstep a:link:not(.new):hover, [class^="mw-content-"] .nextstep a:link:not(.new):hover {
.getButton a:before {font-family: 'fontawesome';
    color: #efefef;
content: '\f019 ';
font-size: 1.3em;
vertical-align: middle;
margin-right: 10px;
}
}
.nextstep a:not(.new)::after, .nextstep a:link:not(.new)::after {
 
    content: " \25B6";
.cart a:before {font-family: 'fontawesome';
content: '\f217 ';
}
}
/*Main page*/
 
.flexbox-portal div > h2 span::before {
.downloadarea {
    vertical-align: text-bottom;
text-align:center;
    size:1.1em;
display: inline-block;
float: right;
margin: 0 0 20px 40px;
padding: 10px;
background: #efefef;
background: linear-gradient(270deg, rgb(240, 240, 240) 0%, rgb(224, 224, 224) 52%, rgb(240, 240, 240) 100%);
}
}
.mw-parser-output .flexbox-portal.col3 > div:nth-child(3n) {
.downloadarea p {margin:0}
    margin-right:0 !important
@media only screen and (max-width: 768px)
{.cards > div {flex-basis:98%; }
}
}
#maintopics ul {
.oo-ui-panelLayout-framed {border: 0;}
    list-style: none!important;
.oo-ui-tabSelectWidget-framed {border-bottom: 1px solid #d3d5da;}
}
 
#maintopics li {
 
    padding-bottom:0.6em!important;
/*404 system message badaccess-groups*/
    margin-left: 12px!important;
#system404-error {text-align:center;}
}
#system404-error div.floatnone a.image img {padding:0; margin:0;}
#mpbanner {
#system404-error hr {
    margin-top:-55px;
     margin-top: 0px;
    background:#fff url(/w/nsfr_img_auth.php/f/fa/BlueSpice-Demo_Header.jpg) -90px no-repeat;
     margin-bottom: 2rem;
    background-size: 1000px 122px;
}
h1#mpbanner-byline {
    font-size:1.8em;
    color:#3e5389;
    line-height: 1em;
    padding-top: 20px;
}
#mpbanner-title {
    font-size:3.4rem;
    color:#3e5389;
    line-height:1.2em;
    font-weight: 900;
    letter-spacing: 1px;
    display:block
}
#maintopics h2 span::before {
    vertical-align: text-bottom;
    padding-bottom: 2px;
}
/** Cards **/
.cards {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    gap:20px
}
.cards > div {
    flex-basis:290px;
    margin-bottom:50px;
    border-top: 1px solid #f0f0f0;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
    text-align:center
}
.cards > div:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
}
.cards a.image img {
    max-width:600px
}
.cards .screenshot {
    width:300px;
    height:200px;
    overflow:hidden;
    border-top:14px solid #eee;
    border-bottom:14px solid #eee
}
#content #bodyContent .cards h2 {
     margin:10px;
    padding:0;
    font-size:1.1rem;
    font-color:#444;
    border:none;
    text-align:center
}
.cards h2 .mw-editsection {
     display:none
}
.cards .text {
    font-size:0.85rem;
    padding:20px 10px;
    text-align:center;
    font-weight:bold;
}
#mw-content-text text a:not(.new), [class^="mw-content-"] .text a:not(.new), #mw-content-text .text a:link:not(.new), [class^="mw-content-"] .text a:link:not(.new), #mw-content-text .text a:not(.new):visited, [class^="mw-content-"] .text a:not(.new):visited, #mw-content-text .text a:link:not(.new):visited, [class^="mw-content-"] .text a:link:not(.new):visited {
    color:#444;
}
.cards .emptycard, .cards > div.emptycard:hover {
     border: 0;
     border: 0;
    box-shadow: none;
    max-width: 600px;
    border-top: 3px dotted #ddd;
}
}
@media only screen and (max-width: 768px) {
 
    .cards > div {
/*Quick Search */
        flex-basis:98%;
#bs-extendedsearch-box .bs-extendedsearch-autocomplete-popup {overflow-y:scroll; max-height:750px}
    }
.bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-item {background:#f1f3f9; margin:0 10px 6px 0; border-radius:4px;}
    .cards .screenshot {
#bs-extendedsearch-box .bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary .bs-extendedsearch-autocomplete-popup-primary-item:hover {background:#fff}
        width:auto;
.oo-ui-icon-articleRedirect {background-size:80%}
        text-align:center
.bs-extendedsearch-autocomplete-popup-item-header-redirect a {
    }
     width: 85%!important;
}
     font-size: 0.9em
.getButton {
    display: inline-block;
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 0 0 10px 0;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 8px;
}
#mw-content-text .getButton a:not(.new), [class^="mw-content-"] .getButton a:not(.new), #mw-content-text .getButton a:link:not(.new), [class^="mw-content-"] .getButton a:link:not(.new), #mw-content-text .getButton a:not(.new):visited, [class^="mw-content-"] a:not(.new):visited, #mw-content-text .getButton a:link:not(.new):visited, [class^="mw-content-"] .getButton a:link:not(.new):visited {
    color:#ffffff;
}
.getButton:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    color:'f5f5f5';
}
.getButton:active {
    position:relative;
    top:1px;
}
.getButton a:before {
    font-family: 'fontawesome';
    content: '\f019 ';
    font-size: 1.3em;
    vertical-align: middle;
    margin-right: 10px;
}
.cart a:before {
    font-family: 'fontawesome';
    content: '\f217 ';
}
.downloadarea {
    text-align:center;
    display: inline-block;
    float: right;
    margin: 0 0 20px 40px;
    padding: 10px;
    background: #efefef;
    background: linear-gradient(270deg, rgb(240, 240, 240) 0%, rgb(224, 224, 224) 52%, rgb(240, 240, 240) 100%);
}
.downloadarea p {
    margin:0
}
@media only screen and (max-width: 768px) {
    .cards > div {
        flex-basis:98%;
    }
}
.oo-ui-panelLayout-framed {
    border: 0;
}
.oo-ui-tabSelectWidget-framed {
    border-bottom: 1px solid #d3d5da;
}
/*HP Aktuelles */
#aktuelles {
    background: rgba(201, 224, 143, .3);
    padding:10px;
    margin:20px 0
}
#aktuelles h2::before {
    font-family:'fontawesome';
    font-size:0.8em;
    content:'\f02e';
    color: #64b334;
    margin-right:10px
}
#aktuelles h2 {
    margin: 8px 0 8px 24px;
    color: #454545;
    font-size: 1.4em;
    border-bottom: none;
}
#aktuelles table {
    margin: 0 8px 15px 37px
}
#aktuelles td {
    padding:3px 10px
}
table.padded td, table.padded th {
    padding:8px
}
/*Fixed table header */
.scrolltable table.jquery-tablesorter th.headerSort {
    background-position: 20px 112px;
}
.table-scroll{
    /*width:100%;
    */
    display: block;
    empty-cells: show;
    /* Decoration */
    border-spacing: 0;
    border: 1px solid;
}
.table-scroll thead{
    background-color: #f1f1f1;
    position:relative;
    display: block;
    width:100%;
    overflow-y: scroll;
}
.table-scroll tbody{
    /* Position */
    display: block;
    position:relative;
    width:100%;
    overflow-y:scroll;
    /* Decoration */
    border-top: 1px solid rgba(0,0,0,0.2);
    max-height: 50vh;
}
.table-scroll tr{
    width: 100%;
    display:flex;
}
.table-scroll th{
    writing-mode:vertical-lr;
    font-weight:normal;
}
.table-scroll td,.table-scroll th{
    flex-grow: 2;
    display: block;
    padding: 5px;
    text-align: right;
    border-right: 1px solid #ccc;
    width:60px
}
.table-scroll td {
    text-align: center;
}
.table-scroll th {
    text-align: right;
}
/* Other options */
.table-scroll td:first-child, .table-scroll th:first-child{
    flex-basis:200px;
    flex-grow:0;
    text-align:left;
    writing-mode: unset;
}
.widefirst td:first-child,.widefirst th:first-child{
    flex-basis:500px;
}
.table-scroll tbody tr:nth-child(2n){
    background-color: rgba(130,130,170,0.1);
}
/*Feature-Boxen auf HP */
.sectionflex .featurebox {
    padding:0!important
}
#mw-content-text .sectionflex .featurebox h2 {
    border:0;
    margin-bottom:0!important
}
.featurebox a {
    color:#444 !important;
    display:block;
    padding:4px
}
.featurebox a:hover {
    text-decoration:none !important
}
.featurebox:focus, .featurebox:hover {
    background:#fafafa;
    border: 1px solid #d4d4da!important
}
#bodyContent .featurebox .sectionanchors-button {
    display:none !important
}
.featurebox span[class*=fas] {
    margin-bottom:0.5em
}
.featurebox .mw-headline-number {
    display:none
}
/*Quiz*/
.quiz .question{
    margin-bottom:3em;
}
.questionText{
    font-weight:700;
    margin-bottom:1.2em;
}
.question .header{
    background:#fff0e1;
    padding:1px 6px;
}
span.questionText{
    display:block;
}
.question td{
    background:#f6f6f6;
    border-bottom:2px solid #fff;
    padding:8px 6px 6px;
}
.question th{
    background:#f6f6f6;
    border-bottom:2px solid #fff;
    padding:8px 6px 6px;
}
.quiz table{
    width:100%;
}
.quizQuestions .question .sign{
    width:26px;
}
.quiz table.settings{
    margin-left:30px!important;
}
.mw-content-ltr .quiz .question .border{
    border-width:0 0 0 12px !important;
}
.quiz .margin.right{
    background-color:#8ed27d!important;
}
.quiz .margin.NA{
    background-color:#337ecc!important;
}
.quiz .margin.wrong{
     background-color:#ff5c64!important;
}
.quiz .question .border.right{
    border-color:#8ed27d!important;
}
.quiz .question .border.NA{
    border-color:#337ecc!important;
}
.quiz .question .border.wrong{
    border-color:#ff5c64!important;
}
.quiz .question .check.right{
    outline:3px solid #8ed27d!important;
}
.quiz .question .check.NA{
    outline:3px solid #337ecc!important;
}
.quiz .question .check.wrong{
    outline:3px solid #ff5c64!important;
}
.quizForm input[value="Submit"]{
    background:#36c;
    border:none;
    color:#FFF;
    margin-right:10px;
    margin-left:30px;
    padding:6px 12px;
}
.quizForm input:hover[value="Submit"]{
    background:#2551aa;
}
.quizForm input[value="Reset"]{
    background:#a4a4a4;
    border:none;
    color:#FFF;
    margin-right:10px;
    padding:6px 12px;
}
.quizForm input:hover[value="Reset"]{
    background:#858585;
}
.quiz .correction{
    background-color:#ffe4c9;
    display:block;
     font-weight:700;
    margin:10px 0 30px 28px;
    padding:20px;
}
.bi {
    display: inline-block;
    vertical-align: -0.125em;
}
}
/* Styles for section cards */
/* Styles for section cards */
.sectionflex {
.sectionflex {display: flex; flex-wrap: wrap; justify-content:space-between; gap:20px}
    display: flex;
.sectionflex.col1 > div {flex-basis:100%; padding:10px 20px; }
    flex-wrap: wrap;
.sectionflex.col2 > div {flex-basis:48%; padding:10px 20px; }
    justify-content:space-between;
.sectionflex.col3 > div {flex-basis:32%; padding:10px 20px;}
    gap:20px
.sectionflex.col4 > div {flex-basis:23%; padding:10px 20px;}
}
.sectionflex > div.empty {border:none; background:none}
.sectionflex.col1 > div {
#mw-content-text .sectionflex > div h2 {margin:0 0 1em 0; font-size:1.3em}
    flex-basis:100%;
#mw-content-text .sectionflex > div h3 {margin:0 0 1em; font-size:1.2em}  
    padding:10px 20px;
.sectionflex.frame > div {border: 1px solid #e7e7e7}
}
.sectionflex.background> div {background: #f1f3f9}
.sectionflex.col2 > div {
.sectionflex .ve-ce-branchNode-slug, .sectionflex span.mw-editsection {display:none}
    flex-basis:48%;
.sectionflex.linked a {display:block}
    padding:10px 20px;
.sectionflex.centered > div {text-align:center;}
}
 
.sectionflex.col3 > div {
 
    flex-basis:32%;
.pdfcreator-page-content .embedvideo {
    padding:10px 20px;
display:none;
}
.sectionflex.col4 > div {
    flex-basis:23%;
    padding:10px 20px;
}
.sectionflex > div.empty {
    border:none;
    background:none
}
#mw-content-text .sectionflex > div h2 {
    margin:0 0 1em 0;
    font-size:1.3em
}
#mw-content-text .sectionflex > div h3 {
    margin:0 0 1em;
    font-size:1.2em
}
.sectionflex.frame > div {
    border: 1px solid #e7e7e7
}
.sectionflex.background> div {
    background: #f1f3f9
}
.sectionflex .ve-ce-branchNode-slug, .sectionflex span.mw-editsection {
    display:none
}
.sectionflex.linked a {
    display:block
}
.sectionflex.centered > div {
    text-align:center;
}
/*Feature-Box auf HP*/
.sectionflex .featurebox {
    padding:0!important
}
#mw-content-text .sectionflex .featurebox h2 {
    border:0;
    margin-bottom:0!important
}
.featurebox a {
    color:#444 !important;
    display:block;
    padding:4px
}
.featurebox a:hover {
    text-decoration:none !important
}
.featurebox:focus, .featurebox:hover {
    background:#fafafa;
    border: 1px solid #d4d4da!important
}
#bodyContent .featurebox .sectionanchors-button {
    display:none !important
}
.featurebox span[class*=fas] {
    margin-bottom:0.5em
}
}
/*All topics */
/*Themen*/
/*Themen*/
.sectionflex.themenhd div [class*=" bi-"]::before {
.sectionflex.themenhd div [class*=" bi-"]::before {font-size: 1.6em; vertical-align: middle; padding: 6px; border-radius: 50%;}
    font-size: 1.6em;
.sectionflex.themenhd div [class*=" bi-"]::before {font-size:2em; vertical-align:middle; background-color:#f1f3f9; padding: 10px; }
    vertical-align: middle;
.sectionflex.themenhd.background div [class*=" bi-"]::before {font-size:2em; vertical-align:middle; background-color:#fff; padding: 10px; }
    padding: 6px;
.themenhd div a {display:block}
    border-radius: 50%;
.themenhd div:hover {background:rgb(233,233,238,0.5)}
}
 
.sectionflex.themenhd div [class*=" bi-"]::before {
 
    font-size:2em;
/* bootstrap icons in blue and big */
    vertical-align:middle;
.bi-big, .fa-big {font-size: 2rem; color: #2b80ea}
    background-color:#f1f3f9;
 
    padding: 10px;
ul.smw-format.ul-format.alltopics-col {column-count: 3;}
}
@media (max-width: 767px) {.sectionflex.col2 > div, .sectionflex.col3 > div {flex-basis:100%; margin-top:2em}}
.sectionflex.themenhd.background div [class*=" bi-"]::before {
 
    font-size:2em;
    vertical-align:middle;
    background-color:#fff;
    padding: 10px;
}
.themenhd div a {
    display:block
}
.themenhd div:hover {
    background:rgb(233,233,238,0.5)
}
ul.smw-format.ul-format.alltopics-col {
    column-count: 3;
}
@media (max-width: 767px) {
    .sectionflex.col2 > div, .sectionflex.col3 > div {
        flex-basis:100%;
        margin-top:2em
    }
}
/*Präsentationen*/
* {
    -webkit-print-color-adjust: exact !important;
    /* Chrome, Safari */
    color-adjust: exact !important;
    /*Firefox*/
}
.bs-data-after-content, .mw-lingo-tooltip {
    display:none
}
.slideNav {
    font-size:1rem
}
.slideNext::after {
    font-family:"fontawesome";
    content:"\f061";
    color:blue;
    margin-left: 5px;
}
.slidePrevious::before {
    font-family:"fontawesome";
    content:"\f060";
    color:blue;
    margin-right:5px;
}
.slideHd h1 {
    border-bottom: 1px solid #e5e5e5;
}
.main-footer {
    display:none;
}
.slideBoxes {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}
.slideBoxes > div {
    width: 45%;
    color: #242424;
    background-color: #f2f2f2;
    border-radius: 20px;
    padding: 4px 30px;
    margin: 15px;
    justify-content:center;
}
.slideBoxes > div.empty {
    background:none;
}
.slideBoxes.hdOnly > div.haslink {
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
}
.slideBoxes.hdOnly > div.haslink:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
}
.slideBoxes.hdOnly > div {
    padding:10px;
}
.slideBoxes.col3 > div {
    width:30%;
}
.slideBoxes.col1 > div {
    width:90%;
}
#content #bodyContent .slideBoxes h2 {
    font-size:1.375rem;
    border-bottom: 0px;
    padding-bottom: 0;
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight:bold;
    color: #242424;
    position:relative;
}
#content #bodyContent #mw-content-text .slideBoxes h2 {
    padding-left:68px;
    display:block;
    min-height:2em;
}
#content #bodyContent #mw-content-text .slideBoxes.noicon h2 {
    padding-left:0;
}
#content #bodyContent #mw-content-text .slideBoxes h2 a {
    color: #242424 !important;
}
#content #bodyContent .slideBoxes p {
    margin-top:0.5em;
    font-size:1.2em;
}
.slideBoxes .fas,.slideBoxes .fab, .slideBoxes .fa {
    margin-right: 20px;
    vertical-align: sub;
    font-size:1.7em;
    margin-left:-56px;
}
.slidetext, .slidetext p, .slidetext div, .slidetext h3 {
    font-size:1.3rem;
}
#slidecollection {
    width:100%;
}
#slidecollection .slideNav {
    display:none;
}
#slidecollection .slide {
    padding-top:30px;
    background:url('https://de.wiki.bluespice.com/w/nsfr_img_auth.php/6/60/BlueSpice_Logo_v2020-steel-150.png')top right no-repeat !important;
    background-size:50px;
}
.collapsers h2 {
    background:#e7e7e7;
    border:0;
    padding:10px;
    color:#333
}
/*Referenz Seiten */
/*Referenz Seiten */
.extension-infobox {
.extension-infobox {width:25em;font-size:90%;background-color:#f1f3f9;color:black;margin-bottom:0.5em;margin-left:1em;padding:0.2em;float:right;clear:right;text-align:left;}
    width:25em;
.extension-infobox-header{text-align:center;background-color:#2e6096;padding:8px; color:#ffffff;}
    font-size:90%;
.extension-infobox-headertext{font-size:larger;color:#FFFFFF;}
    background-color:#f1f3f9;
.extension-infobox-description{font-weight:normal!important;text-align:left;background-color:#f1f3f9;padding:20px 10px 20px 10px!important;}
    color:black;
.extension-infobox-first-row{vertical-align:top;padding:20px 10px 0 10px;}
    margin-bottom:0.5em;
.extension-infobox-row{vertical-align:top;padding:0 10px;}
    margin-left:1em;
.extension-infobox-last-row{vertical-align:top;padding:0 10px 20px 10px;}
    padding:0.2em;
.extension-infobox-helppage{font-weight:normal;text-align:center;vertical-align:top;padding-left:10px;padding-top:10px;padding-bottom:10px;background-color:#eeeeee;}
    float:right;
.extension-infobox.fullwidth {width:100%; float:none; font-size:1em; margin-left:0;}
    clear:right;
.extension-infobox.fullwidth th {text-align:right; }
    text-align:left;
.extension-infobox-header, .extension-infobox-helppage {text-align:center !important; font-size:1.1em}
}
.extension-infobox.fullwidth th, .extension-infobox.fullwidth td {padding:8px;width:100px; border: 1px solid #ffffff;}
.extension-infobox-header{
.extension-infobox.fullwidth td {width:300px; }
    text-align:center;
.extension-infobox-helppage { background-color: #eaecf0;}
    background-color:#2e6096;
 
    padding:8px;
.flexbox {
    color:#ffffff;
     display: flex;
}
     flex-direction: row;
.extension-infobox-headertext{
    flex-wrap: wrap;
    font-size:larger;
    justify-content: flex-start;
    color:#FFFFFF;
     align-items: stretch;
}
    align-content: stretch;
.extension-infobox-description{
    font-weight:normal!important;
    text-align:left;
    background-color:#f1f3f9;
    padding:20px 10px 20px 10px!important;
}
.extension-infobox-first-row{
    vertical-align:top;
    padding:20px 10px 0 10px;
}
.extension-infobox-row{
    vertical-align:top;
    padding:0 10px;
}
.extension-infobox-last-row{
    vertical-align:top;
    padding:0 10px 20px 10px;
}
.extension-infobox-helppage{
    font-weight:normal;
    text-align:center;
    vertical-align:top;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#eeeeee;
}
.extension-infobox.fullwidth {
    width:100%;
    float:none;
    font-size:1em;
    margin-left:0;
}
.extension-infobox.fullwidth th {
    text-align:right;
}
.extension-infobox-header, .extension-infobox-helppage {
    text-align:center !important;
    font-size:1.1em
}
.extension-infobox.fullwidth th, .extension-infobox.fullwidth td {
    padding:8px;
    width:100px;
    border: 1px solid #ffffff;
}
.extension-infobox.fullwidth td {
    width:300px;
}
.extension-infobox-helppage {
    background-color: #eaecf0;
}
#content #bodyContent #importdata h3 {
     margin:1em 0 1.4em;
}
#importdata .flexbox {
     justify-content: space-between;
    margin-top: 2em;
}
#mw-content-text #importdata .flexbox h3, [class^="mw-content-"] #importdata .flexbox h3 {
     background:#d8d8d9;
    margin:0 0 12px 0;
    padding:8px;
    font-size:1em !important;
    font-weight:bold
}
}


  #importdata .mw li {
#content #bodyContent #importdata h3 {margin:1em 0 1.4em;}
    margin-left:0;
#importdata .flexbox {justify-content: space-between; margin-top: 2em;}
    list-style-type:none;
#mw-content-text #importdata .flexbox h3, [class^="mw-content-"] #importdata .flexbox h3 {background:#d8d8d9; margin:0 0 12px 0; padding:8px; font-size:1em !important; font-weight:bold}
    padding-left:30px;
#importdata .mw li {margin-left:0;list-style-type:none; padding-left:30px; background: no-repeat left 1px top 3px / 18px url('/w/nsfr_img_auth.php/c/c6/MediaWiki-2020-small-icon.svg');}
    background: no-repeat left 1px top 3px / 18px url('/w/nsfr_img_auth.php/c/c6/MediaWiki-2020-small-icon.svg');
#importdata .bs li {margin-left:0;list-style-type:none; padding-left:30px; background: no-repeat left 2px top 4px / 15px url('/w/nsfr_img_auth.php/c/c4/Bluespice_Icon.svg');}
}
#importdata .flexbox div {background:#f1f3f9; text-align:left; margin:0; flex-basis:33%; padding:0}
#importdata .bs li {
#importdata table.wikitable > tr > th, #importdata table.wikitable > * > tr > th, table.wikitable.reference > tr > th, .importdata .wikitable.reference > * > tr > th {background-color: #eaecf0;text-align: left;padding:8px; border: 1px solid #ffffff}
    margin-left:0;
#importdata table.wikitable > tr > td, #importdata table.wikitable > * > tr > td, #importdata table.wikitable.reference > tr > td, #importdata table.wikitable.reference > * > tr > td {padding:8px; border: 1px solid #ffffff;}
    list-style-type:none;
#importdata div .inner {padding:8px 12px}
    padding-left:30px;
#importdata .bs p {font-size: 0.9rem; margin-left: 2.1em; display:list-item;}
    background: no-repeat left 2px top 4px / 15px url('/w/nsfr_img_auth.php/c/c4/Bluespice_Icon.svg');
}
#importdata .flexbox div {
    background:#f1f3f9;
    text-align:left;
    margin:0;
    flex-basis:33%;
    padding:0
}
#importdata table.wikitable > tr > th, #importdata table.wikitable > * > tr > th, table.wikitable.reference > tr > th, .importdata .wikitable.reference > * > tr > th {
    background-color: #eaecf0;
    text-align: left;
    padding:8px;
    border: 1px solid #ffffff
}
#importdata table.wikitable > tr > td, #importdata table.wikitable > * > tr > td, #importdata table.wikitable.reference > tr > td, #importdata table.wikitable.reference > * > tr > td {
    padding:8px;
    border: 1px solid #ffffff;
}
#importdata div .inner {
    padding:8px 12px
}
#importdata .bs p {
    font-size: 0.9rem;
    margin-left: 2.1em;
    display:list-item;
}
/*404 system message badaccess-groups*/
#system404-error {
    text-align:center;
}
#system404-error div.floatnone a.image img {
    padding:0;
    margin:0;
}
#system404-error hr {
    margin-top: 0px;
    margin-bottom: 2rem;
    border: 0;
    max-width: 600px;
    border-top: 3px dotted #ddd;
}
#content .toc li {
    margin-bottom: 0.1em;
}
/* Icon in boxes on reference pages */
.questionmark-icon::before {
    content: '\f059';
    font-family: 'fontawesome';
    color:#6f6969;
    vertical-align: -0.1em;
}
/*revert font size in Quick Search - original title info should be smaller */
.bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary {
    font-size: 0.95rem;
}
.bs-extendedsearch-result-original-title label {
    font-size:0.8rem;
}
/*Accessibility form*/
div[data-form="Pagedraft:AccessibilityReport"] .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
    width:12em !important;
    text-align:right;
    padding-right:0 !important;
    border-bottom:1px solid #d0cece
}
div[data-form="Pagedraft:AccessibilityReport"] .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
    width:40em !important
}
/*popImg template */
.tippy-content-container .thumbinner a > img {
    width: 100%;
}
/*Number footnotes separately */
#mw-content-text .references ::marker {
    content: " ";
}
#mw-content-text ol.references {
    counter-reset:ref;
    list-style-type:none;
}
#mw-content-text ol.references li:before{
    counter-increment:ref;
    content:counter(ref) ". ";
    float: left;
    margin-right: 1em;
}
#mw-content-text ol > li li {
    margin-left:-0.3em;
}
.tabs {
    list-style-type: none;
    margin:0!important;
    border-bottom: 1px solid #e9e9ee;
}
.tabs li {
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    padding: 11px 20px;
    border-radius:4px 4px 0 0;
    border: 1px solid #e9e9ee;
    border-bottom:0;
    margin:0
}
.tabs li:hover {
    background: #f2f3f9;
}
.tabs li.current {
    background: #f2f3f9;
    border:none;
    padding: 10px 20px;
}
.cards.startpages {
    gap:28px
}
.cards.startpages div {
    width:350px;
}
.cards.startpages .screenshot {
    width:100%;
    height:420px
}
/*page forms*/
#pfForm .createboxInput,#pfForm input {
    width:auto;
}
/*Quick Search */
.bs-extendedsearch-autocomplete-popup.compact .bs-extendedsearch-autocomplete-popup-primary {
    font-size: 1em;
    width: 100%;
    padding-bottom: 5px;
    text-align:left;
    overflow: hidden;
    border-bottom:10px solid #f1f3f9;
    border-top:0
}
.bs-extendedsearch-autocomplete-popup.compact .bs-extendedsearch-autocomplete-popup-primary .bs-extendedsearch-autocomplete-popup-primary-item {
    padding: 6px;
    height: fit-content;
    max-height: unset!important;
    background:#f1f3f9;
    margin:3px;
}
#bs-extendedsearch-box .bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary .bs-extendedsearch-autocomplete-popup-primary-item .bs-extendedsearch-autocomplete-popup-primary-item-header {
    width: 100%;
    color:#444;
    font-size:1.1em;
}
.bs-extendedsearch-result-original-title {
    font-size:0.85em
}
/*temporary language switcher*/
.ddlistwrapper {
    display:inline-block;
    padding:8px 10px 4px 10px!important;
    text-align:right;
    background:#f1f3f9;
    vertical-align:middle;
    float:right
}
.ddlist .dropdown-menu {
    left: 2px!important;
}
/*table type Content*/
table.contenttable thead tr, table.contenttable th {
    background-color: #f1f3f9;
    border: 1px solid #d3d5da;
    font-weight:400;
}
/*Glossar als Tabelle formatieren */
#glossar h2 {
    font-size:1.4em;
    margin:0
}
#glossar dl {
    border: 1px solid #d8d8d9;
    display: grid;
    grid-template-columns: 200px 1fr;
}
#glossar dt, #glossar dd {
    border-bottom: 1px solid #aeaeae;
    padding: 8px;
    margin:0;
}
#glossar dt:last-of-type, #glossar dd:last-of-type {
    border-bottom: none;
}
#glossar dt{
    font-weight: bold;
}
#glossar dd {
    border-left: 1px solid #aeaeae;
    margin-left: 0;
}
/* TOC auf der Glossar-Seite als Sprunglinks anzeigen.*/
.page-Glossar .tocnumber {
    display:none
}
/*hide numbering if set*/
.page-Glossar .toctext {
    padding-left:10px;
}
/*adds left-padding if no numbers are shown*/
.page-Glossar .toctitle {
    display:none
}
/*hide title if set*/
.page-Glossar #toc {
    background:#efefef
}
.page-Glossar ul > li.toclevel-1 {
    display:inline-block
}
.page-Glossar ul ul {
    display:none
}
.page-Glossar ul > li.toclevel-1:after {
    content:'|';
    padding-left:10px
}
.page-Glossar ul > li.toclevel-1:last-child:after {
    content:'';
    padding-left:10px
}
.page-Glossar .toc {
    width:100%;
}
.bs-extendedsearch-result-container.redirect {
    display: none;
}
#content .toc {
    margin-top:1em
}
#mw-content-text li {
    margin-top:0.6em;
    margin-bottom:1em
}
#content .toc {
    margin-top:1em
}
#content .toc li {
    margin-top:0.2em;
    margin-bottom:0.4em
}
/*Hompeage BS5*/
.mpbs5 #mpbanner-title {
    color:#4b80eb
}
.mpbs5 h1#mpbanner-byline {
    color:#555
}
.mpbs5 #mpbsv {
    color:#4666cd
}
.mpbs5 #aktuelles {
    background: #5d80ec1a
}
.mpbs5 #aktuelles h2::before {
    color: #445389;
}
#startpage.mpbs5 .sectionflexcontainer>div h2 {
    padding:20px 15px 5px 15px
}
.mpbs5 .section-featured h2 {
    font-size:1.2em;
    margin:0 0 1em 0;
    border-bottom:none;
    color:#555
}
.mpbs5 .sectionflexcontainer .bi::before {
    margin-right:10px;
}
.mpbs5 .sectionflexcontainer > div {
    padding:0!important
}
.mpbs5 .sectionflexcontainer .content {
    padding:20px
}
.mpbs5 .bghp {
    display:block;
    height:150px;
    padding:0;
    margin:0;
}
.mpbs5 #bg-admins {
    background:url('/w/nsfr_img_auth.php/8/84/pexels-yankrukov-7693107.jpg') no-repeat;
    background-size:cover
}
.mpbs5 #bg-users {
    background:url('/w/nsfr_img_auth.php/c/cf/pexels-canvastudio-3277806.jpg') no-repeat;
    background-size:cover
}
.mpbs5 #bg-topics {
    background:url('/w/nsfr_img_auth.php/9/93/BlueSpice-MediaWiki_Solutions_Losungen.jpg') no-repeat;
    background-size:cover
}
.mpbs5 #bg-setup {
    background:url('/w/nsfr_img_auth.php/b/b4/pexels-djordje-petrovic-590080-2102416.jpg') no-repeat;
    background-size:cover
}
/*Featurebox */
.sectionflexcontainer > div.featurebox h2 {
    font-size: 1.2em;
    border-bottom: none;
    margin: 0;
}
.mpbs5 .featurebox {
    border-radius:8px;
    box-shadow: 0px 5px 12px -3px rgba(0,0,0,0.1);
    padding:0
}
#startpage.mpbs5 .sectionflexcontainer > div.featurebox h3 {
    padding:0;
    margin:0;
    font-size:1.1em
}
#startpage.mpbs5 .sectionflexcontainer .featurebox {
    padding:10px 10px 10px 50px!important;
    position:relative
}
.mpbs5 .featurebox:hover {
    border :1px solid #747474!important
}
.mpbs5 .featurebox.icon:before {
    Font-family:'fontawesome', 'bootstrap-icons';
    position:absolute;
    left:10px;
    top:20%;
    font-size:2.2em;
    color:#d6d6d6
}
.mpbs5 #bg-pagelinks:before {
    content:'\f0c1';
}
.mpbs5 #bg-bpmn:before {
    content:'\f0e8';
}
.mpbs5 #bg-pdfexport:before {
    content:'\f1c1';
}
.mpbs5 #bg-ai:before {
    content:'\f6b1';
    font-size:2.4em
}
.mpbs5 #bg-blog:before {
    content:'\f075';
}
.mpbs5 #bg-collabpads:before {
    content:'\f0c0';
}
#mw-content-text .getButton a:not(.new), [class^="mw-content-"] .getButton a:not(.new), #mw-content-text .getButton a:link:not(.new), [class^="mw-content-"] .getButton a:link:not(.new), #mw-content-text .getButton a:not(.new):visited, [class^="mw-content-"] a:not(.new):visited, #mw-content-text .getButton a:link:not(.new):visited, [class^="mw-content-"] .getButton a:link:not(.new):visited {
    color: #505bc7;
}

Aktuelle Version vom 12. August 2025, 13:56 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/*WCAG 1.4.3 discernable links*/
.mw-body-content a:not([class*='oo-ui-']), [class^='mw-content-'] a:not([class*='oo-ui-'])
{text-decoration:underline dotted; text-underline-offset:4px;text-decoration-thickness: 1px; text-decoration-color:grey}

/*MW overrides */
.wikitable {background-color:#fff}
.wikitable  tr  th {background-color:#f1f3f9}
figure[typeof~='mw:File/Thumb'].mw-halign-center, figure[typeof~='mw:File/Frame'].mw-halign-center {
    margin: 2em auto;
}
.mw-body-content li {margin-bottom:0.6em;}
 /*Main Page banner */
#mpbanner {margin-top:-55px;}
h1#mpbanner-byline {font-size:1.8em; color:#3e5389;line-height: 1em; padding-top: 20px;}
#mpbanner-title {font-size:3.4rem; color:#4b80eb; line-height:1.2em; font-weight: 900;letter-spacing: 1px; display:block}
#mpbsv {color:#4666cd}

 /*Main Page general */
.mpbs5 .section-featured h2 {font-size:1.2em; margin:0 0 1em 0;border-bottom:none;color:#555}

#startpage.mpbs5 .sectionflexcontainer>div h2 {padding:20px 15px 5px 15px}


/*Softwarekatalog*/
 table.casablanca.swc tbody tr, table.casablanca.swc th {
    color:#333
}
 table.casablanca.swc thead tr, table.casablanca tbody th.swc {
    background:#e9e9ee
}
a.pdfcreator-export {
    background: #efefef;
    padding: 10px;
    border-radius: 6px;
    float: right;
    font-weight: bold;
}

a.pdfcreator-export:before {
    font-family: 'bootstrap-icons';
    content: '\F1B9';
    vertical-align: -0.3em;
    padding-right: 0.5em;
}

/* Hide PDF Exclude Tags*/
.hf-nsheader .pdfcreator-excludestart,
.hf-nsheader .pdfcreator-excludeend,
.hf-nsfooter .pdfcreator-excludestart,
.hf-nsfooter .pdfcreator-excludeend {
	display: none;
}

/*Quiz */
/*Quiz*/
.quiz .question{margin-bottom:3em;}
.questionText{font-weight:700;margin-bottom:1.2em;}
.question .header{background:#fff0e1;padding:1px 6px;}
span.questionText{display:block;}
.question td{background:#f6f6f6;border-bottom:2px solid #fff;padding:8px 6px 6px;}
.question th{background:#f6f6f6;border-bottom:2px solid #fff;padding:8px 6px 6px;}
.quiz table{width:100%;}
.quizQuestions .question .sign{width:26px;}
.quiz table.settings{margin-left:30px!important;}
.mw-content-ltr .quiz .question .border{border-width:0 0 0 12px !important;}
.quiz .margin.right{background-color:#8ed27d!important;}
.quiz .margin.NA{background-color:#337ecc!important;}
.quiz .margin.wrong{background-color:#ff5c64!important;}
.quiz .question .border.right{border-color:#8ed27d!important;}
.quiz .question .border.NA{border-color:#337ecc!important;}
.quiz .question .border.wrong{border-color:#ff5c64!important;}
.quiz .question .check.right{outline:3px solid #8ed27d!important;}
.quiz .question .check.NA{outline:3px solid #337ecc!important;}
.quiz .question .check.wrong{outline:3px solid #ff5c64!important;}
.quizForm input[value="Submit"]{background:#36c;border:none;color:#FFF;margin-right:10px;margin-left:30px;padding:6px 12px;}
.quizForm input:hover[value="Submit"]{background:#2551aa;}
.quizForm input[value="Reset"]{background:#a4a4a4;border:none;color:#FFF;margin-right:10px;padding:6px 12px;}
.quizForm input:hover[value="Reset"]{background:#858585;}
.quiz .correction{background-color:#ffe4c9;display:block;font-weight:700;margin:10px 0 30px 28px;padding:20px;}


/** Template downloads **/
.cards {display:flex; flex-wrap:wrap;  justify-content: space-between; gap:20px}
.cards > div {margin-left:5px; margin-right:5px; flex-basis:290px; margin-bottom:50px; border-top: 1px solid #f0f0f0; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1); cursor: pointer; text-align:center}
.cards > div:hover {
    box-shadow: 0 6px 8px rgba(0,0,0,.10),0 10px 10px rgba(0,0,0,.10);
}
.cards a.image img {max-width:600px}
.cards .screenshot {width:300px;height:200px; overflow:hidden; border-top:14px solid #eee; border-bottom:14px solid #eee}
#content #bodyContent .cards h2 {margin:10px; padding:0; font-size:1.1rem; font-color:#444; border:none; text-align:center}
.cards h2 .mw-editsection {display:none}
.cards .text {font-size:0.85rem; padding:20px 10px; text-align:center; font-weight:bold;}
#mw-content-text text a:not(.new), [class^="mw-content-"] .text a:not(.new), #mw-content-text .text a:link:not(.new), [class^="mw-content-"] .text a:link:not(.new), #mw-content-text .text a:not(.new):visited, [class^="mw-content-"] .text a:not(.new):visited, #mw-content-text .text a:link:not(.new):visited, [class^="mw-content-"] .text a:link:not(.new):visited 
{color:#444;}
.cards .emptycard, .cards > div.emptycard:hover 
{border: 0;
box-shadow: none;}
@media only screen and (max-width: 768px)
{.cards > div {flex-basis:98%; }
.cards .screenshot {width:auto; text-align:center}	
	
}
.getButton {
    display: inline-block;
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 0 0 10px 0;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 8px;}

#mw-content-text .getButton a
{color:#ffffff!important;}
.getButton:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
color:'f5f5f5';
}
.getButton:active {
	position:relative;
	top:1px;
}
.getButton a:before {font-family: 'fontawesome';
content: '\f019 ';
font-size: 1.3em;
vertical-align: middle;
margin-right: 10px;
}

.cart a:before {font-family: 'fontawesome';
content: '\f217 ';
}

.downloadarea {
text-align:center;
display: inline-block;
float: right;
margin: 0 0 20px 40px;
padding: 10px;
background: #efefef;
background: linear-gradient(270deg, rgb(240, 240, 240) 0%, rgb(224, 224, 224) 52%, rgb(240, 240, 240) 100%);
}
.downloadarea p {margin:0}
@media only screen and (max-width: 768px)
{.cards > div {flex-basis:98%; }
}
.oo-ui-panelLayout-framed {border: 0;}
.oo-ui-tabSelectWidget-framed {border-bottom: 1px solid #d3d5da;}


/*404 system message badaccess-groups*/
#system404-error {text-align:center;}
#system404-error div.floatnone a.image img {padding:0; margin:0;}
#system404-error hr {
    margin-top: 0px;
    margin-bottom: 2rem;
    border: 0;
    max-width: 600px;
    border-top: 3px dotted #ddd;
}

/*Quick Search */
#bs-extendedsearch-box .bs-extendedsearch-autocomplete-popup {overflow-y:scroll; max-height:750px}
.bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-item {background:#f1f3f9; margin:0 10px 6px 0; border-radius:4px;}
#bs-extendedsearch-box .bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary .bs-extendedsearch-autocomplete-popup-primary-item:hover {background:#fff}
.oo-ui-icon-articleRedirect {background-size:80%}
.bs-extendedsearch-autocomplete-popup-item-header-redirect a {
    width: 85%!important;
    font-size: 0.9em
}

/* Styles for section cards */
.sectionflex {display: flex; flex-wrap: wrap; justify-content:space-between; gap:20px}
.sectionflex.col1 > div {flex-basis:100%; padding:10px 20px; }
.sectionflex.col2 > div {flex-basis:48%; padding:10px 20px; }
.sectionflex.col3 > div {flex-basis:32%; padding:10px 20px;}
.sectionflex.col4 > div {flex-basis:23%; padding:10px 20px;}
.sectionflex > div.empty {border:none; background:none}
#mw-content-text .sectionflex > div h2 {margin:0 0 1em 0; font-size:1.3em}
#mw-content-text .sectionflex > div h3 {margin:0 0 1em; font-size:1.2em}    
.sectionflex.frame > div {border: 1px solid #e7e7e7}
.sectionflex.background> div {background: #f1f3f9}
.sectionflex .ve-ce-branchNode-slug, .sectionflex span.mw-editsection {display:none}
.sectionflex.linked a {display:block}
.sectionflex.centered > div {text-align:center;}


.pdfcreator-page-content .embedvideo {
	display:none;
}

/*All topics */
/*Themen*/
.sectionflex.themenhd div [class*=" bi-"]::before {font-size: 1.6em; vertical-align: middle; padding: 6px; border-radius: 50%;}
.sectionflex.themenhd  div [class*=" bi-"]::before {font-size:2em; vertical-align:middle; background-color:#f1f3f9; padding: 10px; }
.sectionflex.themenhd.background  div [class*=" bi-"]::before {font-size:2em; vertical-align:middle; background-color:#fff; padding: 10px; }
.themenhd div a {display:block}
.themenhd div:hover {background:rgb(233,233,238,0.5)}


/* bootstrap icons in blue and big */
.bi-big, .fa-big {font-size: 2rem; color: #2b80ea}

ul.smw-format.ul-format.alltopics-col {column-count: 3;}
@media (max-width: 767px) {.sectionflex.col2 > div, .sectionflex.col3 > div {flex-basis:100%; margin-top:2em}}

/*Referenz Seiten */
.extension-infobox {width:25em;font-size:90%;background-color:#f1f3f9;color:black;margin-bottom:0.5em;margin-left:1em;padding:0.2em;float:right;clear:right;text-align:left;}
.extension-infobox-header{text-align:center;background-color:#2e6096;padding:8px; color:#ffffff;}
.extension-infobox-headertext{font-size:larger;color:#FFFFFF;}
.extension-infobox-description{font-weight:normal!important;text-align:left;background-color:#f1f3f9;padding:20px 10px 20px 10px!important;}
.extension-infobox-first-row{vertical-align:top;padding:20px 10px 0 10px;}
.extension-infobox-row{vertical-align:top;padding:0 10px;}
.extension-infobox-last-row{vertical-align:top;padding:0 10px 20px 10px;}
.extension-infobox-helppage{font-weight:normal;text-align:center;vertical-align:top;padding-left:10px;padding-top:10px;padding-bottom:10px;background-color:#eeeeee;}
.extension-infobox.fullwidth {width:100%; float:none;  font-size:1em; margin-left:0;}
.extension-infobox.fullwidth th {text-align:right; }
.extension-infobox-header, .extension-infobox-helppage {text-align:center !important; font-size:1.1em}
.extension-infobox.fullwidth th, .extension-infobox.fullwidth td {padding:8px;width:100px; border: 1px solid #ffffff;}
.extension-infobox.fullwidth td {width:300px; }
.extension-infobox-helppage { background-color: #eaecf0;}

.flexbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

#content #bodyContent #importdata h3 {margin:1em 0 1.4em;}
#importdata .flexbox {justify-content: space-between; margin-top: 2em;}
#mw-content-text #importdata .flexbox h3, [class^="mw-content-"] #importdata .flexbox h3 {background:#d8d8d9; margin:0 0  12px 0; padding:8px; font-size:1em !important; font-weight:bold}
#importdata .mw li {margin-left:0;list-style-type:none; padding-left:30px; background:  no-repeat left 1px top 3px / 18px url('/w/nsfr_img_auth.php/c/c6/MediaWiki-2020-small-icon.svg');}
#importdata .bs li {margin-left:0;list-style-type:none; padding-left:30px; background:  no-repeat left 2px top 4px / 15px url('/w/nsfr_img_auth.php/c/c4/Bluespice_Icon.svg');}
#importdata .flexbox div {background:#f1f3f9; text-align:left; margin:0; flex-basis:33%; padding:0}
#importdata table.wikitable > tr > th, #importdata table.wikitable > * > tr > th,  table.wikitable.reference > tr > th, .importdata .wikitable.reference > * > tr > th {background-color: #eaecf0;text-align: left;padding:8px; border: 1px solid #ffffff}
#importdata  table.wikitable > tr > td, #importdata  table.wikitable > * > tr > td, #importdata  table.wikitable.reference > tr > td, #importdata  table.wikitable.reference > * > tr > td {padding:8px;  border: 1px solid #ffffff;}
#importdata div .inner {padding:8px 12px}
#importdata .bs p {font-size: 0.9rem; margin-left: 2.1em; display:list-item;}

Cascading Style Sheets. Eine Computersprache für die Gestaltung digitaler, vorwiegend webbasierter Dokumente.

Abgerufen von „https://de.wiki.bluespice.com/w/index.php?title=MediaWiki:Common.css&oldid=14981“