MediaWiki:Common.css

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ table.bs-correct-table-width { width: auto !important; max-width: 660px !important; word-wrap: normal; word-break: normal; }

pre {

     margin:2em 0;
  }

hr { height: 1px; border: 0; color: #ddd; background-color: #ddd; }

1. content #bodyContent .mw-parser-output > ul, #content #bodyContent .mw-parser-output > ol {

   margin-left: 2em;

}

1. content #bodyContent ul > li:not(.ve-ce-branchNode), #content #bodyContent ol > li:not(.ve-ce-branchNode) {

   list-style-position: inherit;

} .mw-redirectedfrom {display:none;}

1. content #bodyContent h2 {

   font-size: 1.375rem;
  	border-bottom: 1px solid rgb(174, 174, 174);

padding-bottom: 2px;

   margin-top: 2.5rem;
   margin-bottom: 2rem;

}

1. content #bodyContent h3 {

   font-size: 1.2rem;
   margin-top: 2.5rem;
   margin-bottom: 2rem;

}

1. content #bodyContent h4 {

   font-size: 1rem;
   margin: 2rem 0;

}

1. content #bodyContent ol > li {

   margin-bottom: 1rem;

}

1. content #bodyContent .toc {

background-color: #efefef; margin: 0 0 3rem 0; border:0; }

1. content #bodyContent .narrowtoc

{max-width: 600px;}

1. content #bodyContent .toc .toctitle h2 {

   display: inline-block;
   font-size: 1.4rem;
   border-bottom: 1px solid rgb(174,174,174);

margin-top: 12px; margin-bottom: 20px;

   padding-right: 1em;
   padding-bottom: 2px;
   width: 80%;

}

1. n-User-manual > i:nth-child(1)::before, #n-Admin-manual > i:nth-child(1)::before, #n-Benutzerhandbuch > i:nth-child(1)::before, #n-Adminhandbuch > i:nth-child(1)::before{

   content: '\e948';
   font-family: 'entypo';

}

.bs-social-entity-output-List .bs-social-entity-title h3::before {
   content: '\e941';
   font-family: 'icomoon';

}

.bs-social-entity-output-List .bs-social-entity-right {margin:0; padding:0;}

.bs-social-entity-output-List .bs-social-entity-right a {padding-left:10px;}

.mw-editsection { display: none; }

.mw-category-generated .redirect-in-category {font-style:normal;}

1. content #bodyContent p {margin-top: 1rem;

}

1. content #bodyContent .infobox p {margin:0

}

1. content #bodyContent .infobox-basic

{
	background:#efefef; 
    padding:15px; 
}

1. content #bodyContent .dpl-3col td {width:33%;}
2. content #bodyContent .simpleportal2-col,#content #bodyContent .simpleportal2-col-last

{padding: 10px; }

1. mw-content-text .simpleportal2-col img, #mw-content-text .simpleportal2-col-last img {margin:0; padding: 0;}

.bs-layout-container-banner img { max-width: 100%; height: auto; }

1. content #bodyContent .simpleportal2-col .floatleft, #content #bodyContent .simpleportal2-col-last .floatleft {

   margin-right: 10px;

}

.bs-layout-box .bs-layout-box-image img { height: auto; } /* CustomMenu */ .bs-custom-menu-header-container { background-color: #6f6969; font-size: 1rem; } .bs-custom-menu-header-container .bs-custom-menu.header li.contains-children.level-1 .child-menu {

   background-color: #6f6969;

} /*Special:AllPages ERM12866 */ body.ns-special .mw-allpages-body { columns: 32em 2; -moz-columns: 32em 2; -webkit-columns: 32em 2; } /* Mainpage */ .bs-background-color-secondary {

   background-color: #efefef;

}

.bs-layout-container-banner img { max-width: 100%; height: auto; }

.mw-body-content ol li li { list-style-type: lower-alpha; }

1. content #bodyContent ol > li {

   margin-top: 1em;
   margin-bottom: 1em;

}

1. content #bodyContent ol > li li{

   margin-top: 0.5em;
   margin-bottom: 0.5em;

} .mw-parser-output .center .floatnone img { margin: 2em 0; } .mw-parser-output img.ve-ce-nail, .mw-parser-output img.ve-ce-nail-pre-open { margin:0; } .blsp-hint {

                 border: 1px solid #c8c8c8;
 background-image: url("https://de.wiki.bluespice.com/wiki/Datei:Hinweis.jpg");
 background-size: 60px 55px;

            

}

1. content #bodyContent ul > li {

   margin-bottom: 0.5rem;

}

/* Vorlage SimplePortal2*/

.portal-bannerbox {background:#efefef;

overflow: auto;
width: 100%;

}

1. content #bodyContent .portal-bannerbox {padding:30px; margin-bottom: 30px;}
2. content #bodyContent .portal-bannerbox img {margin-right:45px;}
3. content #bodyContent .portal-bannerbox h1 {display:inline-block; margin: 18px 0 0.5em 0; font-size:1.6em; font-weight:bold;}
4. content #bodyContent .portal-bannerbox .floatright, #content #bodyContent .portal-bannerbox .floatleft {margin:0;}

#content #bodyContent .portal-bannerbox .portal-shortquote {font-size:1.5em; font-weight:100}
#content #bodyContent .simpleportal2-col h2,  #content #bodyContent  .simpleportal2-col-last h2 {font-size: 1.3em; margin-top: 1rem;

margin-bottom: 1.5rem;padding-bottom: 6px;}

1. content #bodyContent .simpleportal2-col {flex-grow: 1; flex-shrink: 0; flex-basis: 260px; margin-right: 2em;}
2. content #bodyContent .simpleportal2-col-last {flex-grow: 1; flex-shrink: 0; flex-basis: 140px; background: #f4f4f4;}

.page-Setup_Portal #content #bodyContent .simpleportal2-col { padding: 10px; border: 1px solid #ccc;} .page-Setup_Portal #content #bodyContent .simpleportal2-col-last { padding: 10px;}

.notification-backgroundbox {background:#ffd67f; padding:12px;} .notification-backgroundbox .boxlabel {display:none;}

1. content #bodyContent h2#relatedinfo

{border-left: solid 4px #b6babd; background:#eaecf0; color: #868585; margin-top: 3rem; margin-bottom:0 !important; padding: 20px 10px 2px 30px; } .bs-social-entity.bs-social-entity-output-List .bs-social-entity-right .bs-social-entity-title h3 {

   font-size: inherit !important;}

.relatedtopics { display:flex; flex-wrap: wrap; border-left: solid 4px #b6babd; background:#eaecf0; padding: 2em !important; margin:0 !important; } .relatedtopics .col { flex-basis: 50%;

 flex-grow: 1;
 flex-shrink: 1;

}

/* Banner - Wikivoyage - Used to test MediaWiki/Homepage redesign/Preview */

.banner-image { position: relative; overflow: hidden; max-width: 1000px; height: auto; margin-bottom: .6em; } .banner-image img { max-width: 100%; height: auto; width: auto; } .banner-box { position: absolute; z-index: 2; margin-top: 2.5em; color: white; min-width: 20em; text-shadow: black 0.3em 0.3em 1em,black -0.1em -0.1em 1em; } .banner-box-wide { width: 80% } .banner-box-left { left: 5%; text-align: left; } .banner-box-right { right: 5%; text-align: right; } .banner-box .name { font-size: 3em; white-space: nowrap; line-height: 1.2em; } .banner-box .type { font-size: 2em; line-height: 1.2em; } /* Alert formatting */

body.mediawiki .wrapper .bs-content.container #siteNotice .alert-success, body.mediawiki.x-body .wrapper .bs-content.container #siteNotice .alert-success { background-color: #fff;

   color:#3c763d;

} body.mediawiki .wrapper .bs-content.container #siteNotice .alert-danger, body.mediawiki.x-body .wrapper .bs-content.container #siteNotice .alert-danger { background-color: #fff;

   color:#b73a3a;

} .alert { background-color:#fff; padding: 0; margin: 0; border: none; text-align: right;}

.alert-success, .alert-danger {

   background:none;
   border:none;

} /*Flex*/ .flex-container { display: -webkit-flex; /* Safari */

 -webkit-flex-wrap: wrap; /* Safari 6.1+ */
 display: flex;  
 flex-wrap: wrap;

}

.page-Help_categories #content #bodyContent .simpleportal2-col, .page-Helpdesk_Kategorien #content #bodyContent .simpleportal2-col { width:22%; flex-grow:0; flex-shrink:0; flex-basis: 222px; border: 1px solid #ccc; width: 200px; margin: 10px 15px 10px 0; padding:12px; } /* Categories */

1. content #bodyContent .cathd .floatleft {margin-right:10px;}
2. content #bodyContent .cathd h1 {line-height: 1.4;}

.CategoryTreeTag {line-height:1.6rem;} .CategoryTreeLabelPage {font-style:normal;}

/*transclusion for training presentations*/ .slideexclude {

   display: inline;

} /*Fixed table header */

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;

}

.table-scroll tbody tr:nth-child(2n){

 background-color: rgba(130,130,170,0.1);

}

/*Category page */

1. content #bodyContent .mw-category-generated h3, #content #bodyContent .mw-category-generated p {display:none;}

@media only screen and ( max-width: 600px ) {

1. content #bodyContent .portal-bannerbox {text-align:center}
2. content #bodyContent .portal-bannerbox img {margin-right:0;margin:1rem;}
3. content #bodyContent .portal-bannerbox div.floatleft {float: none;}
4. content #bodyContent .simpleportal2-col {margin: 0 0 1rem 0; flex-basis:100%;}
5. content #bodyContent .simpleportal2-last {margin: 0 0 1rem 0; flex-basis:100%;}

.page-Help_categories #content #bodyContent .simpleportal2-col {margin: 0 0 1rem 0; flex-basis:100%;} body .wrapper .content-wrapper .bs-content.container #content {overflow-x: auto;margin: 1rem;} /*.panel .list-group a.list-group-item, .bs-panel .list-group a.list-group-item {border-bottom: 1px solid #5c6ca8; font-size:1rem;}*/

1. content #bodyContent p {font-size: 1rem; line-height: 1.7rem;}

} /*end mobile only */ /* Infoboxes*/ .infobox { padding: 10px; margin: 2em 0; }

.boxlabel { font-weight:bold; padding-right:0.5em; }

.notification-note { border-left: solid 4px #3498db; background:#d9edf7; } .notification-tip { border-left: solid 4px #f2c412; background:#FFF5C9; } .notification-warning { border-left: solid 4px #c23c2b; background: #f2dede } .notification-important { border-left: solid 4px #ffa406; background: #fedb9c; } .notification-example { border-left: solid 4px #00b241; background: #dff0d8; } /*404 system message badaccess-groups*/

1. system404-error {text-align:center;}
2. system404-error div.floatnone a.image img {padding:0; margin:0;}
3. system404-error hr {

   margin-top: 0px;
   margin-bottom: 2rem;
   border: 0;
   max-width: 600px;
   border-top: 3px dotted #ddd;

}

1. content #bodyContent #system404-error p {margin:0; padding:0;}
2. system404-errormessage {text-align:center;}
3. content #bodyContent #system404-errormessage p {margin:0; padding:0.5rem;}

/***Custom TOC levels - Template TOC ***/

1. content #bodyContent .toclimit-1 .toclevel-2, #content #bodyContent .toclimit-1 .toclevel-3,#content #bodyContent .toclimit-1 .toclevel-4,#content #bodyContent .toclimit-1 .toclevel5 {display:none;}
2. content #bodyContent .toclimit-2 .toclevel-3, #content #bodyContent .toclimit-2 .toclevel-4,#content #bodyContent .toclimit-2 .toclevel-5 {display:none;}
3. content #bodyContent .toclimit-3 .toclevel-4, #content #bodyContent .toclimit-3 .toclevel-5 {display:none;}

/***Books ***/ .ns-3020 .bs-page-before-header, .ns-3020 .bs-page-categories,.ns-3020 .bs-page-edit,.ns-3020 .bs-page-info-element, .ns-3020 [title ^= "UserManual:De:"], .ns-3020 .bs-data-after-content, .ns-3020 #relatedinfo, .ns-3020 .relatedtopics, div[datarecord-id="1"], div[datarecord-id="3"] {display:none;} .ns-3020 #content #bodyContent a.new, .ns-3020 #content #bodyContent a:link.new, .ns-3020 #content #bodyContent a:link:link.new {color:#333333;}

/*Training Presentations */ .slideexclude {

   display: inline;	

}

1. presentation .slideexclude {

   display: none;	

} /*#presentation .flex-slide img { height: 100%; min-width: 0; max-width: 100%;}

• /

1. presentation .slide-hd {display:none;}

1. content #bodyContent #presentation .flex-slide > div

{flex-grow:1; flex-shrink:0; flex-basis: 100%; margin:0; padding:0; }

1. content #bodyContent #presentation .flex-container > div.slidecol {

flex-grow:1; flex-shrink:0; flex-basis: 222px; margin: 10px 15px 10px 0; padding:12px; border-radius: 25px; background-color: #efefef; }

1. content #bodyContent #presentation h2 {

   font-size: 18px;
   border-bottom: 3pt dotted #ccc;
   padding-bottom: 6pt;
   margin-top: 4pt;
   margin-bottom: 30pt;
   color: #333;

}

1. content #bodyContent #presentation h3 {

   font-size: 1.4rem;
   margin-top: 1.5rem;
   margin-bottom: 2rem;
   margin-left: 0.5rem;
   border-bottom: 1px solid #aaa;

}

1. content #bodyContent #presentation ul > li {

margin-left: 0em;

   font-size: 1.4rem;
   margin-top: 1.2rem;
   margin-bottom: 0.1875rem;

}

1. content #bodyContent #presentation .agenda ol > li {

   margin-left: 40px;
   font-size: 1.4rem;

}

1. content #bodyContent #presentation p {font-size:1.4rem;}
2. content #bodyContent #presentation pre, #content #bodyContent #presentation code {font-size: 1.2rem; color: #444;}

@media print { @page {

 size: A4 landscape;
 margin: 1cm;

} /*

• , ::before, ::after {color: #333 !important; font-size:12pt;}

body.mediawiki.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper, body.mediawiki.x-body.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper, .mw-parser-output .center .floatnone img{

   padding-top: 0;
   margin-top:0;

}

1. content #bodyContent img

{ max-width:18cm; }

1. content #bodyContent #presentation {

   margin-left:12pt;
   padding:0;
   font-size:16pt;

} body.mediawiki .wrapper .bs-content.container, body.mediawiki.x-body .wrapper .bs-content.container {max-width:100%; padding:0; }

1. content #bodyContent #presentation

{ margin:0; }

1. content #bodyContent #presentation .flex-slide {

page-break-after: always; width:100%; }

1. content #bodyContent #presentation .flex-slide-last {

page-break-after:avoid; width:100%; }

1. content #bodyContent #presentation .flex-slide > div.slide-content,
2. content #bodyContent #presentation .flex-slide-last > div.slide-content

{ padding: 10pt 30pt;

}

1. content #bodyContent #presentation .slide-hd {

display:block;

   border-bottom: 8px solid #929292;
   padding-top: 0;
   margin-bottom: 0;
   height: 72pt;

}

1. content #bodyContent #presentation .slide-hd-text{

   font-size: 20pt;
   display: block;
   text-align: right;
   height: 70pt;
   padding-top: 30pt;
   padding-right:20pt;
   color:#666666;

}

1. content #bodyContent #presentation .slide-hd img{

   width:90%;
   height:90%;
   padding-top:6pt;

}

1. content #bodyContent #presentation h2 {

   font-size: 18pt;
   border-bottom: 3pt dotted #ccc;
   padding-bottom: 6pt;
   margin-top: 4pt;
   margin-bottom: 30pt;
   color: #333;

}

1. content #bodyContent #presentation h3 {

   margin-top: 0pt;
   margin-bottom: 20pt;
   margin-left: 5pt;
   border-bottom: 1px solid #aaa;
   font-size: 16pt; 
font-weight:bold;

}

1. content #bodyContent #presentation .flex-container > div.slidecol

{border-left:2px solid #969696;

   margin: 5pt 8pt;
   padding: 6pt 8pt;
   border-radius:0;

}

1. content #bodyContent #presentation ul > li {

   margin-left: 0;
   margin-top: 20pt;
   margin-bottom: 10pt;

line-height: 20pt; }

1. content #bodyContent #presentation li > ul > li {

font-size:16pt;

   margin-bottom: 0em;
   margin-top: 8pt;

}*/ } end print

1. content #bodyContent #mw-content-text div .print {display:none;}

@font-face {

 font-family: 'fontawesome';
 src:  url('/extensions/BlueSpiceFoundation/resources/fontawesome/fontawesome.eot?bgaorv');
 src:  url('/extensions/BlueSpiceFoundation/resources/fontawesome/fontawesome.eot?bgaorv#iefix') format('embedded-opentype'),
   url('/extensions/BlueSpiceFoundation/resources/fontawesome/fontawesome.ttf?bgaorv') format('truetype'),
   url('/extensions/BlueSpiceFoundation/resources/fontawesome/fontawesome.woff?bgaorv') format('woff'),
   url('/extensions/BlueSpiceFoundation/resources/fontawesome/fontawesome.svg?bgaorv#fontawesome') format('svg');
 font-weight: normal;
 font-style: normal;

}

1. content #bodyContent [class|="icontent"] {

 /* use !important to prevent issues with browser extensions that change fonts */
 font-family: 'fontawesome !important';
 /*! speak: none; */
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 /* Better Font Rendering =========== */
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;

} .icon-arrow-circle-right:before {content: "\f0a9";}

1. content #bodyContent .filter1 img, #content #bodyContent .filter1 a.image img{

/*shape-outside: polygon(0px 0px, 600px 0px, 600px 569px, 194px 567px);*/ clip-path: polygon(0px 0px, 600px 0px, 600px 569px, 194px 567px); -webkit-clip-path: polygon(0px 0px, 600px 0px, 600px 569px, 194px 567px); }

1. content #bodyContent .filter1 h2

{display:inline;} .filter:after {

 content: "";
 display: block;
 clear: both;

}

.checkmark:before{

 font-family: "entypo" !important;
 content: "\e97d";

}

1. content #bodyContent .scrolltable .x-panel-body

{ height:400px !important; overflow:scroll; }

/**Tabellen für Portalseiten **/ 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:#787878; color:#FFF;} .twhite td {background-color:#FFF;}

.tgrey th {background-color:#A0A8BD; color:#FFF;} .tgrey td {background-color:#E6E7EB;}

.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 } .dot { height: 35px; width: 35px; background-color:#FFB100; border-radius: 50%; display: inline-block; padding-top: 0.5em; font-weight: bold; margin: 4px 10px 10px; }

.mwe-popups-settings-icon {display:none;}

/** Portalseite 2-spaltig ***/ .flexwrapper { display: flex; flex-direction: row; flex-wrap:wrap; justify-content: space-between; align-items: stretch; align-content: stretch; }

1. content #bodyContent .flex-spalte-1 {

   -webkit-flex:1 1 650px;
   -ms-flex: 1 1 650px;
   flex: 1 1 650px;
   -webkit-align-self: auto;
   -ms-flex-item-align: auto;
   align-self: auto;
   }

1. content #bodyContent .flex-spalte-2 {

   -webkit-flex: 1 1 200px;
   -ms-flex: 1 1 200px;
   flex: 1 1 200px;
   -webkit-align-self: auto;
   -ms-flex-item-align: auto;
   align-self: auto;
   margin-left: 30px;

}

1. content #bodyContent .flexwrapper h2 {

font-size: 1.3em;

   margin-top: 12px;

} .sidebox { padding:15px; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3); background-color: #f0f2f6;

   margin-bottom:15px;

}

/** cropped image **/ img.responsive {width:100%;height:auto;} .crop { max-height: 80px; overflow: hidden; }

/* Icon in boxes on reference pages */ .questionmark-icon::before {

  content: '\f059';
  font-family: 'fontawesome';
  color:#6f6969;

}

/* Infoboxes on extension pages */ .extension-infobox { width: 25em; font-size: 90%; background-color: #f5f5f5; 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:#506bb1; padding:8px; }

.extension-infobox-headertext { font-size: larger; color: #FFFFFF; }

.extenstion-infobox-description { font-weight:normal!important; text-align: left; background-color:#eeeeee; 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; }