Difference between revisions of "MediaWiki:Common.css"

Revision as of 13:38, 21 October 2019 (view source)

Mlink-rodrigue (talk | contribs)

m

← Older edit

Revision as of 13:52, 21 October 2019 (view source)

Mlink-rodrigue (talk | contribs)

Newer edit →

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

}

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

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

.page-Setup_Portal #content #bodyContent .simpleportal2-col {

   padding: 10px;
   border: 1px solid #ccc;

} /* Infoboxes*/ .infobox { padding: 1px 1.5em; margin: 2em 0; }

content #bodyContent .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; } .backgroundbox {background-color:#FFD67F;}

.relatedtopics { border-left: solid 4px #b6babd; background:#eaecf0;

padding-bottom: 40px;

} .relatedtopics h2 { color: #868585; margin-top: 5px; }

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

}

/* 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;
        
        }
        
        /* 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;
        
        }
        
        
        
        
        
        /* 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;}
        
        
        
        
        
        /* 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; padding: 0 1em 1em 1em; background: #f4f4f4;}
        
        
        
        .page-Setup_Portal #content #bodyContent .simpleportal2-col {
        
            padding: 10px;
        
            border: 1px solid #ccc;
        
        }
        
        /* Infoboxes*/
        
        .infobox {
        
        	padding: 1px 1.5em;
        
        	margin: 2em 0;
        
        }
        
        #content #bodyContent .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;
        
        }
        
        .backgroundbox {background-color:#FFD67F;}
            
            
            
            .relatedtopics {
        
        border-left: solid 4px #b6babd;
        
        background:#eaecf0;
        
         padding-bottom: 40px;
        
        }
        
        .relatedtopics h2
        
        {
        
        color: #868585;
        
        margin-top: 5px;
        
        }
        
        
        
        
        
        /*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;}
        
        	
        
        }

User

Wiki

Participate

Topics

Documentation

General Books

Difference between revisions of "MediaWiki:Common.css"

Manage page

Associated links

Export

Toolbox

QR code

Mode

Page information

Page assignments