Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
(189 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. */ | ||
# | #main {padding-bottom:1em;} | ||
/*ordered lists */ | |||
article ol ol {list-style-type: lower-alpha;} | |||
/*hide spans from templates in TOC text | |||
.toctext span {display:none!important}*/ | |||
.thumbborder {border:1px solid #d3d5da} | |||
/*Standard content table bg color */ | |||
table.contenttable thead tr, table.contenttable th {background-color: #e9e9ee; vertical-align:top} | |||
table.contenttable td {vertical-align:top} | |||
.mw-body-content td h2, .mw-body-content td h3 {font-size:1.1em!important; margin-top:0.5em} | |||
/*Wikitext Referenz*/ | |||
.page-Handbuch_Wikitext_Wikitext_Referenz .mw-editsection {display:none} | |||
/*external Video thumbs*/ | |||
.youtubelink div.thumbinner { | |||
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;} | |||
/*pdf noexport without highlighting*/ | |||
.bs-universalexport-exportexclude { | |||
background-color:transparent;} | |||
/* bootstrap icons in blue and big */ | |||
.bi-big {font-size: 2rem; color: #2b80ea} | |||
#data-after-content {display: none;} | |||
table {font-size: var(--content-font-size);} | |||
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {padding: 0.8em 0.4em;} | |||
span.newicon::after { content: 'neu!'; vertical-align: super; background: #64b334; margin-left: 3px;font-size: 10px;padding: 2px 5px; 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{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} | .flexbox div{margin:5px;padding:2px 8px;text-align:center;background:#ececec} | ||
.center > div.thumb {margin-top:2em} | .center > div.thumb {margin-top:2em} | ||
#content .toctitle h2 {margin-right: 1em; display: inline;font-size: 1.4rem;} | #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: #6f6e6e; | |||
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;} | |||
/*Tours */ | /*Tours */ | ||
Zeile 24: | Zeile 72: | ||
.nextstep a:not(.new)::after, .nextstep a:link:not(.new)::after {content: " \25B6";} | .nextstep a:not(.new)::after, .nextstep a:link:not(.new)::after {content: " \25B6";} | ||
/*Main page | /*Main page | ||
.flexbox-portal div > h2 span::before {vertical-align: text-bottom; size:1.1em;} | #mw-content-text .flexbox-portal div > h2 span::before {vertical-align: text-bottom; size:1.1em;} | ||
.mw-parser-output .flexbox-portal.col3 > div:nth-child(3n) {margin-right:0 !important}*/ | |||
#maintopics ul {list-style: none!important;} | #maintopics ul {list-style: none!important;} | ||
#maintopics li {padding-bottom:0.6em!important;margin-left: 12px!important;} | #maintopics li {padding-bottom:0.6em!important;margin-left: 12px!important;} | ||
#mpbanner {background:#fff url(/w/nsfr_img_auth.php/f/fa/BlueSpice-Demo_Header.jpg) -90px no-repeat | #mpbanner {margin-top:-55px; background:#fff url(/w/nsfr_img_auth.php/f/fa/BlueSpice-Demo_Header.jpg) -90px no-repeat; background-size: 1000px 122px;} | ||
#mpbanner-byline {font-size:1.8em; color:#3e5389;line-height: | h1#mpbanner-byline {font-size:1.8em; color:#3e5389;line-height: 1em; padding-top: 20px;} | ||
#mpbanner-title {font-size:3. | #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;} | #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; | |||
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: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%; } | |||
} | |||
.headertabsbox .oo-ui-panelLayout-framed {border: 0;} | |||
.headertabsbox .oo-ui-tabSelectWidget-framed {border-bottom: 1px solid #d3d5da;} | |||
/*HP Aktuelles */ | |||
#aktuelles {background: rgba(201, 224, 143, .3); padding:10px; margin:20px 0} | |||
#aktuelles a {color:#24527F;} | |||
#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} | |||
#aktuelles [class^="bi-"]::before, #aktuelles [class*=" bi-"]::before { | |||
vertical-align: -0.125em; | |||
} | |||
/*Training Handout */ | |||
body.traininghandout {font-family:"Helvetica","Arial", "sans-serif";margin-right:1cm; margin-top:1cm;} | |||
.traininghandout .toc {border:0;} | |||
.traininghandout h1 {visibility:hidden;} | |||
.traininghandout h2, .traininghandout h3, .traininghandout h4 {font-family:"Helvetica","Arial", "sans-serif";} | |||
.traininghandout p {font-size:8pt;} | |||
table.padded td {padding:8px;}/*extra padding in table cells*/ | |||
/* indicate training transclusions in edit mode */ | |||
section ~ div.training.ve-ce-branchNode {background: #fffde2;} | |||
section ~ div.training.anwender.ve-ce-branchNode {background: #f8f9fa;} | |||
section ~ div.training.redakteur.ve-ce-branchNode {background: #c5e8c9;} | |||
section ~ div.training.maintainer.ve-ce-branchNode {background: #e0ecf8;} | |||
section ~ div.training.semantic.ve-ce-branchNode {background: #fff0dd;} | |||
/*sample table designs */ | |||
table.portal {border-spacing: 20px 2px; border-collapse: separate;} | |||
table.portalboxes {border-spacing: 20px; border-collapse: separate;} | |||
table.portal th, table.portal td, table.portalboxes th, table.portalboxes td | |||
{padding:10px; border:0; vertical-align:top;} | |||
.tblue th {background-color:#CADAEA;} | |||
.tblue td {background-color:#E0ECF8;} | |||
.tyellow th {background-color:#F7E1B2;} | |||
.tyellow td {background-color:#E0ECF8;} | |||
.twhite th {background-color:#747474; color:#FFF;} | |||
.twhite td {background-color:#FFF;} | |||
.tgrey th {background-color:#ACB1CF; color:#FFF;} | |||
.tgrey td {background-color:#E6E7EB} | |||
/** cropped image **/ | |||
img.responsive {width:100%;height:auto;} | |||
.crop { max-height: 50px; overflow: hidden; } | |||
/*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); | |||
} | |||
.mediawiki .bi-arrow-right-circle::before {vertical-align: -0.1em!important} | |||
/* 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, .mw-body-content .sectionflex > div h2 {margin:0 0 1em 0!important; font-size:1.3em!important} | |||
.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-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} | |||
/*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)} | |||
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 30px 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 { | |||
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, #content #bodyContent .slideBoxes li { | |||
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;} | |||
/* printstyles for presentation slides note- PDF export not working well, therefore use browser print function*/ | |||
/*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;} | |||
#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 ul, .bs ul {margin:0} | |||
#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;} | |||
/*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.correct{background-color:#8ed27d!important;} | |||
.quiz .margin.NA{background-color:#337ecc!important;} | |||
.quiz .margin.incorrect{background-color:#ff5c64!important;} | |||
.quiz .question .border.correct{border-color:#8ed27d!important;} | |||
.quiz .question .border.NA{border-color:#337ecc!important;} | |||
.quiz .question .border.incorrect{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.incorrect{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;} | |||
/*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-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary .bs-extendedsearch-autocomplete-popup-primary-item { | |||
padding: 5px 5px 5px 8px; | |||
position: relative; | |||
cursor: pointer; | |||
} | |||
.bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary { | |||
font-size: 15px;} | |||
/* Icon in boxes on reference pages */ | |||
.questionmark-icon::before { | |||
content: '\f059'; | |||
font-family: 'fontawesome'; | |||
color:#6f6969; | |||
vertical-align: -0.1em; | |||
} | |||
.bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary { | |||
font-size: 0.95rem;} | |||
.bs-extendedsearch-result-original-title label {font-size:0.8rem;} | |||
/*Fußnoten-Kommentare*/ | |||
.gewa-cite-backlink .reference-text { | |||
display: inline-block; | |||
white-space: nowrap; | |||
width: 10em; | |||
height: 1.4em; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
vertical-align: top; | |||
} | |||
.gewa-cite-backlink.show .reference-text { | |||
width: auto; | |||
overflow: visible; | |||
} | |||
.gewa-cite-backlink-btn { | |||
font-size: 0.8em; | |||
padding: 0 2em; | |||
cursor: pointer; | |||
} | |||
/*Tabs */ | |||
.tab{ | |||
position:relative; | |||
} | |||
.tab li{ | |||
float:left; | |||
overflow:hidden; | |||
list-style-type: none; | |||
display: block; | |||
margin-right:10px; | |||
left:10px; | |||
cursor: pointer; | |||
position: relative; | |||
color: WHITE; | |||
background: #e7e7e7; | |||
} | |||
.tab li a{ | |||
display:block; | |||
text-decoration: none; | |||
color:white; | |||
padding:6px 14px; | |||
} | |||
.tab section{ | |||
z-index:0; | |||
width:100%; | |||
padding:5px 20px; | |||
position: absolute; | |||
top:36px; | |||
background: white; | |||
border:1px solid #e7e7e7; | |||
border-top: 1px solid #a2a2a2; | |||
} | |||
.tab section:first-child{ | |||
z-index:1; | |||
} | |||
.tab li:hover{ | |||
background-color:#efefef; | |||
} | |||
.tab section:target{ | |||
z-index:2; | |||
margin:0; | |||
} | |||
.tab section + li{ | |||
border-bottom:2px solid #e7e7e7; | |||
} | |||
.tab section:target + li { | |||
background-color:#efefef; | |||
border-bottom:1px solid #a2a2a2; | |||
} | |||
/*dpl column layout - avoid header orphans */ | |||
.mw-category-group h3 {break-after:avoid} | |||
.mw-category-group h3 {margin:0 0 0.3em; border-bottom:1px solid #e2e2e2} | |||
.mw-category-group ul {margin-bottom:2em} | |||
/*Galerie Beispiele */ | |||
#mw-content-text .slides img {max-width:650px; border:1px solid #ddd; box-shadow:5px 5px 10px #ddd} | |||
/*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;} | |||
/*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%;} | |||
/*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; | |||
} | |||
.bs-tag-bs_statistics_progress { overflow:hidden;} | |||
/*popup infobox on droplets page */ | |||
.tippy-popper {z-index:1000!important;} | |||
/*embed video overlay*/ | |||
.embedvideo-overlay {position:static} | |||
#maintopics h2 span::before { | |||
margin-left: -6px; | |||
margin-right: 6px; | |||
} | |||
#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} | |||
/*PDF-Seitenumbruch im Anzeigemodus ausblenden | |||
.bs-universalexport-pagebreak {display:none} | |||
.ve-init-mw-desktopArticleTarget-originalContent .bs-universalexport-pagebreak {display:block;}*/ | |||
/* PDF styles */ | |||
.handout ul {margin-bottom:2em} | |||
.handout ul li {margin-top:0.2em;} | |||
.handout .bs-page-content .toc {border:none;} |
Aktuelle Version vom 5. Dezember 2024, 13:52 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
#main {padding-bottom:1em;}
/*ordered lists */
article ol ol {list-style-type: lower-alpha;}
/*hide spans from templates in TOC text
.toctext span {display:none!important}*/
.thumbborder {border:1px solid #d3d5da}
/*Standard content table bg color */
table.contenttable thead tr, table.contenttable th {background-color: #e9e9ee; vertical-align:top}
table.contenttable td {vertical-align:top}
.mw-body-content td h2, .mw-body-content td h3 {font-size:1.1em!important; margin-top:0.5em}
/*Wikitext Referenz*/
.page-Handbuch_Wikitext_Wikitext_Referenz .mw-editsection {display:none}
/*external Video thumbs*/
.youtubelink div.thumbinner {
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;}
/*pdf noexport without highlighting*/
.bs-universalexport-exportexclude {
background-color:transparent;}
/* bootstrap icons in blue and big */
.bi-big {font-size: 2rem; color: #2b80ea}
#data-after-content {display: none;}
table {font-size: var(--content-font-size);}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {padding: 0.8em 0.4em;}
span.newicon::after { content: 'neu!'; vertical-align: super; background: #64b334; margin-left: 3px;font-size: 10px;padding: 2px 5px; 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: #6f6e6e;
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;}
/*Tours */
.nextstep {display: inline-block;padding: 6px;background: #36c;border-radius: 2px;color: #ffffff;font-weight: bold;}
#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) {
color: #ffffff; font-weight: bold;}
#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 {
color: #efefef;}
.nextstep a:not(.new)::after, .nextstep a:link:not(.new)::after {content: " \25B6";}
/*Main page
#mw-content-text .flexbox-portal div > h2 span::before {vertical-align: text-bottom; size:1.1em;}
.mw-parser-output .flexbox-portal.col3 > div:nth-child(3n) {margin-right:0 !important}*/
#maintopics ul {list-style: none!important;}
#maintopics li {padding-bottom:0.6em!important;margin-left: 12px!important;}
#mpbanner {margin-top:-55px; background:#fff url(/w/nsfr_img_auth.php/f/fa/BlueSpice-Demo_Header.jpg) -90px no-repeat; 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;
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: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%; }
}
.headertabsbox .oo-ui-panelLayout-framed {border: 0;}
.headertabsbox .oo-ui-tabSelectWidget-framed {border-bottom: 1px solid #d3d5da;}
/*HP Aktuelles */
#aktuelles {background: rgba(201, 224, 143, .3); padding:10px; margin:20px 0}
#aktuelles a {color:#24527F;}
#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}
#aktuelles [class^="bi-"]::before, #aktuelles [class*=" bi-"]::before {
vertical-align: -0.125em;
}
/*Training Handout */
body.traininghandout {font-family:"Helvetica","Arial", "sans-serif";margin-right:1cm; margin-top:1cm;}
.traininghandout .toc {border:0;}
.traininghandout h1 {visibility:hidden;}
.traininghandout h2, .traininghandout h3, .traininghandout h4 {font-family:"Helvetica","Arial", "sans-serif";}
.traininghandout p {font-size:8pt;}
table.padded td {padding:8px;}/*extra padding in table cells*/
/* indicate training transclusions in edit mode */
section ~ div.training.ve-ce-branchNode {background: #fffde2;}
section ~ div.training.anwender.ve-ce-branchNode {background: #f8f9fa;}
section ~ div.training.redakteur.ve-ce-branchNode {background: #c5e8c9;}
section ~ div.training.maintainer.ve-ce-branchNode {background: #e0ecf8;}
section ~ div.training.semantic.ve-ce-branchNode {background: #fff0dd;}
/*sample table designs */
table.portal {border-spacing: 20px 2px; border-collapse: separate;}
table.portalboxes {border-spacing: 20px; border-collapse: separate;}
table.portal th, table.portal td, table.portalboxes th, table.portalboxes td
{padding:10px; border:0; vertical-align:top;}
.tblue th {background-color:#CADAEA;}
.tblue td {background-color:#E0ECF8;}
.tyellow th {background-color:#F7E1B2;}
.tyellow td {background-color:#E0ECF8;}
.twhite th {background-color:#747474; color:#FFF;}
.twhite td {background-color:#FFF;}
.tgrey th {background-color:#ACB1CF; color:#FFF;}
.tgrey td {background-color:#E6E7EB}
/** cropped image **/
img.responsive {width:100%;height:auto;}
.crop { max-height: 50px; overflow: hidden; }
/*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);
}
.mediawiki .bi-arrow-right-circle::before {vertical-align: -0.1em!important}
/* 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, .mw-body-content .sectionflex > div h2 {margin:0 0 1em 0!important; font-size:1.3em!important}
.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-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}
/*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)}
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 30px 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 {
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, #content #bodyContent .slideBoxes li {
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;}
/* printstyles for presentation slides note- PDF export not working well, therefore use browser print function*/
/*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;}
#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 ul, .bs ul {margin:0}
#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;}
/*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.correct{background-color:#8ed27d!important;}
.quiz .margin.NA{background-color:#337ecc!important;}
.quiz .margin.incorrect{background-color:#ff5c64!important;}
.quiz .question .border.correct{border-color:#8ed27d!important;}
.quiz .question .border.NA{border-color:#337ecc!important;}
.quiz .question .border.incorrect{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.incorrect{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;}
/*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-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary .bs-extendedsearch-autocomplete-popup-primary-item {
padding: 5px 5px 5px 8px;
position: relative;
cursor: pointer;
}
.bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary {
font-size: 15px;}
/* Icon in boxes on reference pages */
.questionmark-icon::before {
content: '\f059';
font-family: 'fontawesome';
color:#6f6969;
vertical-align: -0.1em;
}
.bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary {
font-size: 0.95rem;}
.bs-extendedsearch-result-original-title label {font-size:0.8rem;}
/*Fußnoten-Kommentare*/
.gewa-cite-backlink .reference-text {
display: inline-block;
white-space: nowrap;
width: 10em;
height: 1.4em;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.gewa-cite-backlink.show .reference-text {
width: auto;
overflow: visible;
}
.gewa-cite-backlink-btn {
font-size: 0.8em;
padding: 0 2em;
cursor: pointer;
}
/*Tabs */
.tab{
position:relative;
}
.tab li{
float:left;
overflow:hidden;
list-style-type: none;
display: block;
margin-right:10px;
left:10px;
cursor: pointer;
position: relative;
color: WHITE;
background: #e7e7e7;
}
.tab li a{
display:block;
text-decoration: none;
color:white;
padding:6px 14px;
}
.tab section{
z-index:0;
width:100%;
padding:5px 20px;
position: absolute;
top:36px;
background: white;
border:1px solid #e7e7e7;
border-top: 1px solid #a2a2a2;
}
.tab section:first-child{
z-index:1;
}
.tab li:hover{
background-color:#efefef;
}
.tab section:target{
z-index:2;
margin:0;
}
.tab section + li{
border-bottom:2px solid #e7e7e7;
}
.tab section:target + li {
background-color:#efefef;
border-bottom:1px solid #a2a2a2;
}
/*dpl column layout - avoid header orphans */
.mw-category-group h3 {break-after:avoid}
.mw-category-group h3 {margin:0 0 0.3em; border-bottom:1px solid #e2e2e2}
.mw-category-group ul {margin-bottom:2em}
/*Galerie Beispiele */
#mw-content-text .slides img {max-width:650px; border:1px solid #ddd; box-shadow:5px 5px 10px #ddd}
/*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;}
/*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%;}
/*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;
}
.bs-tag-bs_statistics_progress { overflow:hidden;}
/*popup infobox on droplets page */
.tippy-popper {z-index:1000!important;}
/*embed video overlay*/
.embedvideo-overlay {position:static}
#maintopics h2 span::before {
margin-left: -6px;
margin-right: 6px;
}
#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}
/*PDF-Seitenumbruch im Anzeigemodus ausblenden
.bs-universalexport-pagebreak {display:none}
.ve-init-mw-desktopArticleTarget-originalContent .bs-universalexport-pagebreak {display:block;}*/
/* PDF styles */
.handout ul {margin-bottom:2em}
.handout ul li {margin-top:0.2em;}
.handout .bs-page-content .toc {border:none;}