Common.css

Revision as of 11:41, 18 November 2019 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;
}
#contentSub {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 .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%;
}
.bs-universalexport-exportexclude {

    background-color: #EBECEC;
    display: block;
    padding: 1px 30px 30px 30px;
}
.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 .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;}

.backgroundbox {background:#ffd67f; padding:12px;}
.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;
}

.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 {
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 */
#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.scroll thead tr:after {	content: '';	overflow-y: scroll;	visibility: hidden;}
table.scroll thead th {	flex: 1 auto;	display: block;}
table.scroll tbody {	display: block;	width: 100%;	overflow-y: auto;	height: auto;	max-height: 600px;}
table.scroll thead tr,table.scroll tbody tr {	display: flex;}
table.scroll tbody tr td {	flex: 1 auto;	word-wrap: break;}
table.scroll thead tr {writing-mode: vertical-rl;  text-orientation: sideways;}
/*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;}
}
/* Infoboxes*/
.infobox {
	padding: 10px;
	margin: 2em 0;
}

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

.notification-note {
border-left: solid 4px #3498db;
}
.notification-tip {
border-left: solid 4px #f2c412;
}
.notification-warning {
border-left: solid 4px #c23c2b;
}
.notification-example {
border-left: solid 4px #00b241;
}
/*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;}

.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
{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;	
}
#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: 0;
}
*, ::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 #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 #content #bodyContent 
{
	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 */