You are viewing an old version of this page. Return to the latest version.
Common.css
-
- Last edited 4 years ago by MLR
-
-
- No status information
Revision as of 10:57, 17 September 2020 by Mlink-rodrigue (talk | contribs)
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
pre {margin:2em 0;}
hr {height: 1px;border: 0;color: #ddd;background-color: #ddd;}
#content #bodyContent .mw-parser-output > ul, #content #bodyContent .mw-parser-output > ol {
margin-left: 2em;
}
#content #bodyContent ul > li:not(.ve-ce-branchNode), #content #bodyContent ol > li:not(.ve-ce-branchNode) {
list-style-position: inherit;
}
.mw-redirectedfrom {display:none;}
#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;
}
#content #bodyContent h3 {
font-size: 1.2rem;
margin-top: 2.5rem;
margin-bottom: 2rem;
}
#content #bodyContent h4 {
font-size: 1rem;
margin: 2rem 0;
}
#content #bodyContent ol > li {
margin-bottom: 1rem;
}
#content #bodyContent .toc {
background-color: #efefef;
margin: 0 0 3rem 0;
border:0;
}
#content #bodyContent .narrowtoc
{max-width: 600px;}
#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%;
}
#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;}
#content #bodyContent p {margin-top: 1rem;}
#content #bodyContent .infobox p {margin:0}
#content #bodyContent .infobox-basic
{
background:#efefef;
padding:15px;
}
#content #bodyContent .dpl-3col td {width:33%;}
#content #bodyContent .simpleportal2-col,#content #bodyContent .simpleportal2-col-last
{padding:
10px;}
#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;
}
#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;}
#content #bodyContent ol > li {
margin-top: 1em;
margin-bottom: 1em;
}
#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;
}
#content #bodyContent ul > li {
margin-bottom: 0.5rem;
}
/* Vorlage SimplePortal2*/
.portal-bannerbox
{background:#efefef;
overflow: auto;
width: 100%;
}
#content #bodyContent .portal-bannerbox {padding:30px; margin-bottom: 30px;}
#content #bodyContent .portal-bannerbox img {margin-right:45px;}
#content #bodyContent .portal-bannerbox h1 {display:inline-block; margin: 18px 0 0.5em 0; font-size:1.6em; font-weight:bold;}
#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;}
#content #bodyContent .simpleportal2-col {flex-grow: 1; flex-shrink: 0; flex-basis: 260px; margin-right: 2em;}
#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;}
#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;
}
.page-Help_categories #content #bodyContent div.floatleft
{float:none;}
/* Categories */
#content #bodyContent .cathd .floatleft {margin-right:10px;}
#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 */
#content #bodyContent .mw-category-generated h3, #content #bodyContent .mw-category-generated p {display:none;}
@media only screen and ( max-width: 600px )
{
#content #bodyContent .portal-bannerbox {text-align:center}
#content #bodyContent .portal-bannerbox img {margin-right:0;margin:1rem;}
#content #bodyContent .portal-bannerbox div.floatleft {float: none;}
#content #bodyContent .simpleportal2-col {margin: 0 0 1rem 0; flex-basis:100%;}
#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;}*/
#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*/
#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 #bodyContent #system404-error p {margin:0; padding:0;}
#system404-errormessage {text-align:center;}
#content #bodyContent #system404-errormessage p {margin:0; padding:0.5rem;}
/***Custom TOC levels - Template TOC ***/
#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;}
#content #bodyContent .toclimit-2 .toclevel-3, #content #bodyContent .toclimit-2 .toclevel-4,#content #bodyContent .toclimit-2 .toclevel-5 {display:none;}
#content #bodyContent .toclimit-3 .toclevel-4, #content #bodyContent .toclimit-3 .toclevel-5 {display:none;}
/*Training Presentations */
.slideexclude {
display: inline;
}
#presentation .slideexclude {
display: none;
}
/*#presentation .flex-slide img {
height: 100%;
min-width: 0;
max-width: 100%;}
*/
#presentation .slide-hd {display:none;}
#content #bodyContent #presentation .flex-slide > div
{flex-grow:1;
flex-shrink:0;
flex-basis: 100%;
margin:0;
padding:0;
}
#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;
}
#content #bodyContent #presentation h2 {
font-size: 18px;
border-bottom: 3pt dotted #ccc;
padding-bottom: 6pt;
margin-top: 4pt;
margin-bottom: 30pt;
color: #333;
}
#content #bodyContent #presentation h3 {
font-size: 1.4rem;
margin-top: 1.5rem;
margin-bottom: 2rem;
margin-left: 0.5rem;
border-bottom: 1px solid #aaa;
}
#content #bodyContent #presentation ul > li {
margin-left: 0em;
font-size: 1.4rem;
margin-top: 1.2rem;
margin-bottom: 0.1875rem;
}
#content #bodyContent #presentation .agenda ol > li {
margin-left: 40px;
font-size: 1.4rem;
}
#content #bodyContent #presentation p {font-size:1.4rem;}
#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;
}
#content #bodyContent img
{
max-width:18cm;
}
#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;
}
#content #bodyContent #presentation
{
margin:0;
}
#content #bodyContent #presentation .flex-slide {
page-break-after: always;
width:100%;
}
#content #bodyContent #presentation .flex-slide-last {
page-break-after:avoid;
width:100%;
}
#content #bodyContent #presentation .flex-slide > div.slide-content,
#content #bodyContent #presentation .flex-slide-last > div.slide-content
{
padding: 10pt 30pt;
}
#content #bodyContent #presentation .slide-hd {
display:block;
border-bottom: 8px solid #929292;
padding-top: 0;
margin-bottom: 0;
height: 72pt;
}
#content #bodyContent #presentation .slide-hd-text{
font-size: 20pt;
display: block;
text-align: right;
height: 70pt;
padding-top: 30pt;
padding-right:20pt;
color:#666666;
}
#content #bodyContent #presentation .slide-hd img{
width:90%;
height:90%;
padding-top:6pt;
}
#content #bodyContent #presentation h2 {
font-size: 18pt;
border-bottom: 3pt dotted #ccc;
padding-bottom: 6pt;
margin-top: 4pt;
margin-bottom: 30pt;
color: #333;
}
#content #bodyContent #presentation h3 {
margin-top: 0pt;
margin-bottom: 20pt;
margin-left: 5pt;
border-bottom: 1px solid #aaa;
font-size: 16pt;
font-weight:bold;
}
#content #bodyContent #presentation .flex-container > div.slidecol
{border-left:2px solid #969696;
margin: 5pt 8pt;
padding: 6pt 8pt;
border-radius:0;
}
#content #bodyContent #presentation ul > li {
margin-left: 0;
margin-top: 20pt;
margin-bottom: 10pt;
line-height: 20pt;
}
#content #bodyContent #presentation li > ul > li {
font-size:16pt;
margin-bottom: 0em;
margin-top: 8pt;
}*/
}
end print
#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;
}
#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";}
#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);
}
#content #bodyContent .filter1 h2
{display:inline;}
.filter:after {
content: "";
display: block;
clear: both;
}
.checkmark:before{
font-family: "entypo" !important;
content: "\e97d";
}
#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;}
#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; }
#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;}
#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;
}
/** Videos **/
.youtube {
position: relative;
margin: 0 0 0 30px;
}
.youtube:before {
position: absolute;
left: -24px;
font-family: "entypo" !important;
content: "\ea80";
color:red;
font-size: 1.3em;
}
.time {
float: right;
font-size: 0.9em;
padding: 5px;
}
.shadow img
{box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);}
.mw-parser-output .flexwrapper .center .floatnone img {
margin: 1em 0 0 0;
}
.video-desc {
font-size: 0.9em;
padding: 5px;
}
/**Topics index**/
ul.smw-format.ul-format.alltopics-col {
column-count: 3;
}
/*template gallery */
.flexitem2
{
flex:0 1 300px;
margin:14px 0;
text-align:center;
}
.shadow2
{box-shadow:0 1px 4px 0 rgba(0,0,0,0.2);
flex:0 1 300px;
height: 200px;
margin-bottom:8px;
}
.shadow2 img {width:100%;}