Common.css

Revision as of 15:36, 17 October 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. */
#toc { 
	max-width: 600px; 
	 margin: 3em 0;
}
#toc h2 {
	border-bottom: 0;
	margin-top: 1rem;
}
#content #bodyContent .toc .toctitle h2 {
    display: inline-block;
    padding-right: 1em;
    width: 80%;
}
.mw-editsection { 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 p {margin-top: 1rem;
}
.bs-layout-container-banner img {
	max-width: 100%;
	height: auto;
}

.bs-layout-box .bs-layout-box-image img {
	height: auto;
}

/*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;
}


/* 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;
}

/* Vorlage Portal*/


.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; padding: 0 1em 1em 1em; background: #f4f4f4;}

@media only screen and ( max-width: 500px )
{
#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;}
}

/* Infoboxes*/
.infobox {
	padding: 1px 1.5em;
	margin: 2em 0;
}
.infobox p {
	padding: 0;
	margin: 0;
}
.boxlabel {	
	font-weight:bold;
	padding-right:0.5em;
}
.note {
border-left: solid 4px #3498db;
}
.tip {
border-left: solid 4px #f2c412;
}
.warning {
border-left: solid 4px #c23c2b;
}
.relatedtopics {
border-left: solid 4px #b6babd;
background:#eaecf0;
 padding-bottom: 40px;
}
.relatedtopics h2
{
color: #868585;
margin-top: 5px;
}