MediaWiki:Common.css and Manual:Extension/ContentDroplets/Examples: Difference between pages

(Difference between pages)
No edit summary
 
No edit summary
Tag: 2017 source edit
 
Line 1: Line 1:
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
{{TOClimit|limit=1|nonum=1|notitle=1|noborder=0|fontlarge=0|inline=1}}
==Lists==
<div class="sectionflex col3 frame">
<div>
=== Statistics ===
<bs:whoisonlinepopup /> (<bs:whoisonlinecount />)
* Number of characters: <bs:countcharacters mode="chars" />
* Number of files: <bs:countfiles />
* Number of pages: <bs:countarticles />
* Number of users: <bs:countusers />
</div>
<div>
===Booklist===
<bs:booklist filter="author1:Margit Link-Rodrigue" />
</div>
<div>
===Links to this page===
<whatlinkshere count="5" period="-" sort="time" showns="0" />
</div>
<div>
===Members in group===
<bs:userlist groups="sysop" count="10" />
</div>
<div>
===Most visited pages===
<bs:toplist count="6" period="-" />
</div>
<div>
===Data query===
<dataquery modified="+" format="ul" count="6" namespaces="Manual" />
</div>
<div>
===Recent Changes===
<recentchanges count="6" period="-" sort="time" showns="0" />
</div>
<div>
===Subpages===
{{Subpages|parentnamespace=Manual|parentpage=Extension/ContentDroplets|cols=no|bullets=yes}}
</div>
<div>
===My last visited pages===
<bs:pagesvisited count="6" maxtitlelength="30" order="time" />
</div>
<div>
===My watchlist===
<bs:watchlist count="6" maxtitlelength="30" order="time" />
</div>
</div>
==Visual formatting==
<div class="sectionflex col3 frame">
<div>
===Button===
{{ButtonLink|external=no|target=Main Page|label=My page 1|format=blue}}&nbsp;{{ButtonLink|external=no|target=Main Page|label=My page 2|format=red}}&nbsp;{{ButtonLink|external=no|target=Main Page|label=My page 3|format=white}}
</div>
<div>
===Modal button===
{{ModalDialog|title=Legal notice|btnLabel=Google.com|body=You are leaving this website. We are not responsible for any content beyond this point.


/*Standard content table bg color */
[https://google.com Visit google.com]|bgcolor=blue|footer=}}
table.contenttable thead tr, table.contenttable th {background-color: #e9e9ee; vertical-align:top}
</div>
table.contenttable td {vertical-align:top}
<div>
===Circled number===
{{CircledNumber|bgColor=#3e5389|fgColor=white|number=1}} Preheat oven to 425°F


{{CircledNumber|bgColor=#3e5389|fgColor=white|number=2}} Mix all the ingredients


/*pdf noexport without highlighting*/
{{CircledNumber|bgColor=#3e5389|fgColor=white|number=3}} Bake for 40 minutes
.bs-universalexport-exportexclude {
    background-color:transparent;
    border:none;
}


/*Discussions and attachments currently not in use in the helpdesk, therfore hiding for no */
{{CircledNumber|bgColor=#3e5389|fgColor=white|number=4}} Take out and let cool 30 mintes
.icon-bluespice-logo:before {
    font-family: 'icomoon' !important;
    content: "\e910";
}


/*hide spans from templates in TOC text
{{CircledNumber|bgColor=#3e5389|fgColor=white|number=5}} Eat
.toctext span {display:none!important}*/
</div>
</div>


/* bootstrap icons in blue and big */
== Form fields ==
.bi-big {font-size: 2rem; color: #2b80ea}
===Create page===
{{CreateInput|alignment=left|buttonlabel=Create status report|preload=Template:PT Status report|placeholder=Enter page name|prefix=Status report/}}
<br>
<div class="sectionflex col3 frame" style="clear:both">
<div>
===Section filter example 1===
<containerfilter></containerfilter>


/*images in a list*/
#content li figure, #content li .floatnone, #content li  img:first-child, #content li .thumb, content li .thumb img:first-child
{
    margin-top:1.5em; margin-bottom:1.5em;
}
#content li.ve-ce-branchNode .thumb img:first-child, #content li.ve-ce-branchNode figure img:first-child, #content li.ve-ce-branchNode img.ve-ce-chimera {
    margin-top:0;
}
#content li .thumb {
    margin-bottom:0
}


{| class="wikitable"
|+
!City
!Country
|-
|Munich
|Germany
|-
|Hamburg
|Germany
|-
|Vienna
|Austria
|-
|Salzburg
|Austria
|}
</div>
<div>
===Section filter example 2===
<containerfilter selector=".mylist li"/>


#data-after-content {display: none;}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {padding: 0.8em 0.4em;}
span.new::after { content: 'neu!'; vertical-align: super; background: #64b334; margin-left: 3px;font-size: 10px;padding: 2px 5px; border-radius: 50%;
color:#ffffff;}
.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}
.center > div.thumb {margin-top:2em}
#content .toctitle h2 {margin-right: 1em; display: inline;font-size: 1.4rem;}
.qtip {font-size: 1em;line-height: 1.4em;}


/*Related links */
<div class="mylist">
h2#relatedinfo
* Apple, pear, orange
{border-left: solid 4px #d8d8d9;
* Apple
background:#f1f3f9;
* Orange
color: #868585;
* Orange, grape
margin-top: 3rem;
* Grape
margin-bottom:0 !important;
</div>
padding: 20px 10px 2px 30px;
</div>
}
.relatedtopics {
display:flex;
flex-wrap: wrap;
border-left: solid 4px #d8d8d9;
background:#f1f3f9;
padding: 2em !important;
margin:0  !important;
}
.relatedtopics .col{flex-basis: 50%; flex-grow: 1; flex-shrink: 1;}


/*Themen*/
<div class="regensburg">
.flexbox.themenhd div {background:#fff; border:1px solid #d8d8d9; padding:10px 20px; flex-basis:24%; text-align:left}
<p></p>
.flexbox.themenhd div [class*=" bi-"]::before {font-size: 1.6em; vertical-align: middle;background-color: #fff; padding: 6px; border-radius: 50%;}
</div>
.flexbox.themenhd  div [class*=" bi-"]::before {font-size:2em; vertical-align:middle; background-color:#f1f3f9; padding: 10px; }
.themenhd div a {display:block}
.themenhd div:hover {background:rgb(233,233,238,0.5)}
ul.smw-format.ul-format.alltopics-col {column-count: 3;}


/*Tours */
.nextstep {display: inline-block;padding: 6px;background: #36c;border-radius: 2px;color: #ffffff;font-weight: bold;}
#mw-content-text .nextstep a:not(.new), [class^="mw-content-"] .nextstep a:not(.new), #mw-content-text .nextstep a:link:not(.new), [class^="mw-content-"] .nextstep a:link:not(.new) {
    color: #ffffff;    font-weight: bold;}
#mw-content-text .nextstep a:not(.new):hover, #mw-content-text .nextstep a:link:not(.new):hover, [class^="mw-content-"] .nextstep a:link:not(.new):hover {
    color: #efefef;}
.nextstep a:not(.new)::after, .nextstep a:link:not(.new)::after {content: " \25B6";}


/*Main page*/
===Progress===
.flexbox-portal div > h2 span::before {vertical-align: text-bottom; size:1.1em;}
Inspector
.mw-parser-output .flexbox-portal.col3 > div:nth-child(3n) {margin-right:0 !important}
{| class="wikitable"
#maintopics ul {list-style: none!important;}
!setting
#maintopics li {padding-bottom:0.6em!important;margin-left: 12px!important;}
!value
#mpbanner {margin-top:-55px; background:#fff url(/w/nsfr_img_auth.php/f/fa/BlueSpice-Demo_Header.jpg) -90px no-repeat; background-size: 1000px 122px;}
!description
h1#mpbanner-byline {font-size:1.8em; color:#3e5389;line-height: 1em; padding-top: 20px;}
|-
#mpbanner-title {font-size:3.4rem; color:#3e5389; line-height:1.2em; font-weight: 900;letter-spacing: 1px; display:block}
|Base count
#maintopics h2 span::before {vertical-align: text-bottom;padding-bottom: 2px;}
|5
 
|number of items that are counted to reach 100%
/** Cards **/
|-
.cards {display:flex; flex-wrap:wrap;  justify-content: space-between; gap:20px}
|Base item
.cards > div {flex-basis:290px; margin-bottom:50px; border-top: 1px solid #f0f0f0; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
|Is:
    transition: all .3s cubic-bezier(.25,.8,.25,1); cursor: pointer; text-align:center}
|prefix that specifies the progress item. If you do not provide a base item, the progress item could be to unspecific
.cards > div:hover {
|-
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
|Progress item
}
|closed
.cards a.image img {max-width:600px}
|item that will be counted towards the base count
.cards .screenshot {width:300px;height:200px; overflow:hidden; border-top:14px solid #eee; border-bottom:14px solid #eee}
|-
#content #bodyContent .cards h2 {margin:10px; padding:0; font-size:1.1rem; font-color:#444; border:none; text-align:center}
|Width
.cards h2 .mw-editsection {display:none}
|300
.cards .text {font-size:0.85rem; padding:20px 10px; text-align:center; font-weight:bold;}
|width in pixels
#mw-content-text text a:not(.new), [class^="mw-content-"] .text a:not(.new), #mw-content-text .text a:link:not(.new), [class^="mw-content-"] .text a:link:not(.new), #mw-content-text .text a:not(.new):visited, [class^="mw-content-"] .text a:not(.new):visited, #mw-content-text .text a:link:not(.new):visited, [class^="mw-content-"] .text a:link:not(.new):visited
|}'''Output'''<div><bs:statistics:progress basecount="5" progressitem="closed" width="300" baseitem="Statecheck:" /></div><br />
{color:#444;}
*This is my topic 1 (Statecheck:open)
.cards .emptycard, .cards > div.emptycard:hover
*This is my topic 2 (Statecheck:closed)
{border: 0;
*This is my topic 3 (Statecheck:closed)
box-shadow: none;}
*This is my topic 4 (Statecheck:closed)
@media only screen and (max-width: 768px)
*This is my topic 5 (Statecheck:closed)
{.cards > div {flex-basis:98%; }
===Pros and cons===
.cards .screenshot {width:auto; text-align:center}
{{ProConList|title-advantages=Advantages|title-disadvantages=Disadvantages|advantages=* affordable
* well-known
}
* easily accessible|disadvantages=* somewhat dated look and feel
.getButton {
* not customizable
    display: inline-block;
* GDPR compliance unclear}}
    background-color: #4CAF50;
===Tip Message===
    border: none;
{{Textbox|boxtype=tip|header=|text=This is a tip message.|icon=yes}}
    color: white;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 0 0 10px 0;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 8px;}
 
#mw-content-text .getButton a:not(.new), [class^="mw-content-"] .getButton  a:not(.new), #mw-content-text .getButton  a:link:not(.new), [class^="mw-content-"] .getButton  a:link:not(.new), #mw-content-text .getButton a:not(.new):visited, [class^="mw-content-"] a:not(.new):visited, #mw-content-text .getButton a:link:not(.new):visited, [class^="mw-content-"] .getButton a:link:not(.new):visited
{color:#ffffff;}
.getButton:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
color:'f5f5f5';
}
.getButton:active {
position:relative;
top:1px;
}
.getButton a:before {font-family: 'fontawesome';
content: '\f019 ';
font-size: 1.3em;
vertical-align: middle;
margin-right: 10px;
}
 
.cart a:before {font-family: 'fontawesome';
content: '\f217 ';
}
 
.downloadarea {
text-align:center;
display: inline-block;
float: right;
margin: 0 0 20px 40px;
padding: 10px;
background: #efefef;
background: linear-gradient(270deg, rgb(240, 240, 240) 0%, rgb(224, 224, 224) 52%, rgb(240, 240, 240) 100%);
}
.downloadarea p {margin:0}
@media only screen and (max-width: 768px)
{.cards > div {flex-basis:98%; }
}
.oo-ui-panelLayout-framed {border: 0;}
.oo-ui-tabSelectWidget-framed {border-bottom: 1px solid #d3d5da;}
 
 
 
/*HP Aktuelles */
#aktuelles {background: rgba(201, 224, 143, .3); padding:10px; margin:20px 0}
#aktuelles h2::before {font-family:'fontawesome'; font-size:0.8em; content:'\f02e'; color: #64b334; margin-right:10px}
#aktuelles h2 {margin: 8px 0 8px 24px; color: #454545; font-size: 1.4em; border-bottom: none; }
#aktuelles table {margin: 0 8px 15px 37px}
#aktuelles td {padding:3px 10px}
 
 
table.padded td, table.padded th {padding:8px}
 
/*Quiz*/
.quiz .question{margin-bottom:3em;}
.questionText{font-weight:700;margin-bottom:1.2em;}
.question .header{background:#fff0e1;padding:1px 6px;}
span.questionText{display:block;}
.question td{background:#f6f6f6;border-bottom:2px solid #fff;padding:8px 6px 6px;}
.question th{background:#f6f6f6;border-bottom:2px solid #fff;padding:8px 6px 6px;}
.quiz table{width:100%;}
.quizQuestions .question .sign{width:26px;}
.quiz table.settings{margin-left:30px!important;}
.mw-content-ltr .quiz .question .border{border-width:0 0 0 12px !important;}
.quiz .margin.right{background-color:#8ed27d!important;}
.quiz .margin.NA{background-color:#337ecc!important;}
.quiz .margin.wrong{background-color:#ff5c64!important;}
.quiz .question .border.right{border-color:#8ed27d!important;}
.quiz .question .border.NA{border-color:#337ecc!important;}
.quiz .question .border.wrong{border-color:#ff5c64!important;}
.quiz .question .check.right{outline:3px solid #8ed27d!important;}
.quiz .question .check.NA{outline:3px solid #337ecc!important;}
.quiz .question .check.wrong{outline:3px solid #ff5c64!important;}
.quizForm input[value="Submit"]{background:#36c;border:none;color:#FFF;margin-right:10px;margin-left:30px;padding:6px 12px;}
.quizForm input:hover[value="Submit"]{background:#2551aa;}
.quizForm input[value="Reset"]{background:#a4a4a4;border:none;color:#FFF;margin-right:10px;padding:6px 12px;}
.quizForm input:hover[value="Reset"]{background:#858585;}
.quiz .correction{background-color:#ffe4c9;display:block;font-weight:700;margin:10px 0 30px 28px;padding:20px;}
 
.bi {
    display: inline-block;
    vertical-align: -0.125em;
}
/* Styles for section cards */
.sectionflex {display: flex; flex-wrap: wrap; justify-content:flex-start; gap:30px}
.sectionflex.col1 > div {flex-basis:100%; padding:10px 20px; }
.sectionflex.col2 > div {flex-basis:48%; padding:10px 20px; }
.sectionflex.col3 > div {flex-basis:31%; padding:10px 20px;}
.sectionflex.col4 > div {flex-basis:23%; padding:10px 20px;}
.sectionflex > div.empty {border:none; background:none}
#mw-content-text .sectionflex > div h2 {margin:0 0 1em 0; font-size:1.3em}
#mw-content-text .sectionflex > div h2 {margin:0 0 1em 0; font-size:1.2em}
.sectionflex.frame > div {border: 1px solid #e7e7e7}
.sectionflex.background> div {background: #f1f3f9}
.sectionflex .ve-ce-branchNode-slug, .sectionflex span.mw-editsection {display:none}
.sectionflex.linked a {display:block}
.sectionflex.centered > div {text-align:center;}
 
/*Themen*/
.sectionflex.themenhd div [class*=" bi-"]::before {font-size: 1.6em; vertical-align: middle; padding: 6px; border-radius: 50%;}
.sectionflex.themenhd  div [class*=" bi-"]::before {font-size:2em; vertical-align:middle; background-color:#f1f3f9; padding: 10px; }
.sectionflex.themenhd.background  div [class*=" bi-"]::before {font-size:2em; vertical-align:middle; background-color:#fff; padding: 10px; }
.themenhd div a {display:block}
.themenhd div:hover {background:rgb(233,233,238,0.5)}
ul.smw-format.ul-format.alltopics-col {column-count: 3;}
@media (max-width: 767px) {.sectionflex.col2 > div, .sectionflex.col3 > div {flex-basis:100%; margin-top:2em}}
 
/*Präsentationen*/
* {
-webkit-print-color-adjust: exact !important;  /* Chrome, Safari */
color-adjust: exact !important;                /*Firefox*/
}
 
.bs-data-after-content, .mw-lingo-tooltip {display:none}
.slideNav {font-size:1rem}
.slideNext::after {font-family:"fontawesome"; content:"\f061"; color:blue; margin-left: 5px;}
.slidePrevious::before {font-family:"fontawesome"; content:"\f060"; color:blue; margin-right:5px;}
.slideHd h1 {border-bottom: 1px solid #e5e5e5;}
.main-footer {display:none;}
.slideBoxes {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}
.slideBoxes > div {
    width: 45%;
    color: #242424;
    background-color: #f2f2f2;
    border-radius: 20px;
    padding: 4px 30px;
    margin: 15px;
    justify-content:center;
}
.slideBoxes > div.empty {background:none;}
.slideBoxes.hdOnly > div.haslink {transition: all .3s cubic-bezier(.25,.8,.25,1); cursor: pointer;}
.slideBoxes.hdOnly > div.haslink:hover {box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);}
.slideBoxes.hdOnly > div {padding:10px;}
.slideBoxes.col3 > div {width:30%;}
.slideBoxes.col1 > div {width:90%;}
#content #bodyContent .slideBoxes h2 {
font-size:1.375rem;
border-bottom: 0px;
padding-bottom: 0;
margin-top: 10px;
margin-bottom: 0px;
font-weight:bold;
color: #242424;
position:relative;
}
#content #bodyContent #mw-content-text .slideBoxes h2 {padding-left:68px; display:block; min-height:2em;}
#content #bodyContent #mw-content-text .slideBoxes.noicon h2 {padding-left:0;}
#content #bodyContent #mw-content-text .slideBoxes h2 a {color: #242424 !important;}
 
#content #bodyContent .slideBoxes p {
margin-top:0.5em;
font-size:1.2em;
}
.slideBoxes .fas,.slideBoxes .fab, .slideBoxes .fa {
    margin-right: 20px;
    vertical-align: sub;
    font-size:1.7em;
    margin-left:-56px;
}
.slidetext, .slidetext p, .slidetext div, .slidetext h3 {font-size:1.3rem;}
#slidecollection {width:100%;}
#slidecollection .slideNav {display:none;}
#slidecollection .slide {padding-top:30px;
background:url('https://de.wiki.bluespice.com/w/nsfr_img_auth.php/6/60/BlueSpice_Logo_v2020-steel-150.png')top right no-repeat !important;
background-size:50px;}
 
.collapsers h2 {background:#e7e7e7; border:0; padding:10px; color:#333}
 
/*Referenz Seiten */
.extension-infobox {width:25em;font-size:90%;background-color:#f1f3f9;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:#2e6096;padding:8px; color:#ffffff;}
.extension-infobox-headertext{font-size:larger;color:#FFFFFF;}
.extension-infobox-description{font-weight:normal!important;text-align:left;background-color:#f1f3f9;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;}
.extension-infobox.fullwidth {width:100%; float:none;  font-size:1em; margin-left:0;}
.extension-infobox.fullwidth th {text-align:right; }
.extension-infobox-header, .extension-infobox-helppage {text-align:center !important; font-size:1.1em}
.extension-infobox.fullwidth th, .extension-infobox.fullwidth td {padding:8px;width:100px; border: 1px solid #ffffff;}
.extension-infobox.fullwidth td {width:300px; }
.extension-infobox-helppage { background-color: #eaecf0;}
#content #bodyContent #importdata h3 {margin:1em 0 1.4em;}
#importdata .flexbox {justify-content: space-between; margin-top: 2em;}
#mw-content-text #importdata .flexbox h3, [class^="mw-content-"] #importdata .flexbox h3 {background:#d8d8d9; margin:0 0  12px 0; padding:8px; font-size:1em !important; font-weight:bold}
#importdata .mw ul, .bs ul {margin:0}
#importdata .mw li {margin-left:0;list-style-type:none; padding-left:30px; background:  no-repeat left 1px top 3px / 18px url('/w/nsfr_img_auth.php/c/c6/MediaWiki-2020-small-icon.svg');}
#importdata .bs li {margin-left:0;list-style-type:none; padding-left:30px; background:  no-repeat left 2px top 4px / 15px url('/w/nsfr_img_auth.php/c/c4/Bluespice_Icon.svg');}
#importdata .flexbox div {background:#f1f3f9; text-align:left; margin:0; flex-basis:33%; padding:0}
#importdata table.wikitable > tr > th, #importdata table.wikitable > * > tr > th,  table.wikitable.reference > tr > th, .importdata .wikitable.reference > * > tr > th {background-color: #eaecf0;text-align: left;padding:8px; border: 1px solid #ffffff}
#importdata  table.wikitable > tr > td, #importdata  table.wikitable > * > tr > td, #importdata  table.wikitable.reference > tr > td, #importdata  table.wikitable.reference > * > tr > td {padding:8px;  border: 1px solid #ffffff;}
#importdata div .inner {padding:8px 12px}
#importdata .bs p {font-size: 0.9rem; margin-left: 2.1em; display:list-item;}
 
 
/*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 .toc li {margin-bottom: 0.1em;}
 
/* Icon in boxes on reference pages */
.questionmark-icon::before {
  content: '\f059';
  font-family: 'fontawesome';
  color:#6f6969;
  vertical-align: -0.1em;
}
 
/*revert font size in Quick Search - original title info should be smaller */
.bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary {
    font-size: 0.95rem;}
.bs-extendedsearch-result-original-title label {font-size:0.8rem;}
 
 
/*Accessibility form*/
div[data-form="Pagedraft:AccessibilityReport"] .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {width:12em !important;  text-align:right; padding-right:0 !important; border-bottom:1px solid #d0cece}
 
div[data-form="Pagedraft:AccessibilityReport"] .oo-ui-fieldLayout-body >  .oo-ui-fieldLayout-field {width:40em !important}
 
 
/*popImg template */
 
  div.tright { margin-left:0;}
.tippy-content-container .thumbinner a > img {width: 100%;}
 
/*Numbered and unordered lists*/
#mw-content-text ol ::marker {
    content: counters(list-item,'.')". ";
}
#mw-content-text ol li::before { 
    content:"\00a0\00a0"
 
}
#mw-content-text ol {
    margin-left:1.4em;
}
#mw-content-text ol ol {
    margin-left:2.6em;
}
/*Number footnotes separately */
#mw-content-text  .references ::marker {
    content: " ";
}
#mw-content-text  ol.references {
    counter-reset:ref; list-style-type:none;
}
#mw-content-text  ol.references li:before{
    counter-increment:ref;
    content:counter(ref) ". ";
    float: left;
    margin-right: 1em;
}
#mw-content-text  ol > li li {
    margin-left:-0.3em;
}
.tabs
{
 
    list-style-type: none;
    margin:0!important;
    border-bottom: 1px solid #e9e9ee;
}
 
    .tabs li
    {  display: inline-block;
        font-size: 1em;
        font-weight: bold;
        padding: 11px 20px;
        border-radius:4px 4px 0 0;
        border: 1px solid #e9e9ee;
        border-bottom:0;
        margin:0
   
    }
 
.tabs li:hover {background: #f2f3f9;}
 
.tabs li.current {background: #f2f3f9; border:none; padding: 10px 20px; }
.cards.startpages {gap:28px}
.cards.startpages div {width:350px;}
.cards.startpages .screenshot {width:100%; height:420px}
 
/*page forms*/
#pfForm .createboxInput,#pfForm input {width:auto;}
 
 
/*Quick Search */
 
.bs-extendedsearch-autocomplete-popup.compact .bs-extendedsearch-autocomplete-popup-primary {
    font-size: 1em;
    width: 100%;
    padding-bottom: 5px;
    text-align:left;
    overflow: hidden;
    border-bottom:10px solid #f1f3f9; border-top:0
}
.bs-extendedsearch-autocomplete-popup.compact .bs-extendedsearch-autocomplete-popup-primary .bs-extendedsearch-autocomplete-popup-primary-item  {
    padding: 6px;
    height: fit-content;
    max-height: unset!important;   
    background:#f1f3f9;
    margin:3px;
}
#bs-extendedsearch-box .bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary .bs-extendedsearch-autocomplete-popup-primary-item .bs-extendedsearch-autocomplete-popup-primary-item-header {
    width: 100%;
    color:#444;
    font-size:1.1em;
}
.bs-extendedsearch-result-original-title {
    font-size:0.85em
}
 
 
/*temporary language switcher*/
.ddlistwrapper {display:inline-block; padding:8px 10px 4px 10px!important; text-align:right; background:#f1f3f9; vertical-align:middle; float:right}
.ddlist .dropdown-menu {left: 2px!important;}
 
/*table type Content*/
table.contenttable thead tr, table.contenttable th {
    background-color: #f1f3f9;
    border: 1px solid #d3d5da;
font-weight:400;
}
 
/*Glossar als Tabelle formatieren */
 
#glossar h2 {font-size:1.4em; margin:0}
#glossar dl {
  border: 1px solid #d8d8d9;
  display: grid;
  grid-template-columns: 200px 1fr;
}
 
#glossar dt,
#glossar dd {
  border-bottom: 1px solid #aeaeae;
  padding: 8px;
  margin:0;
}
 
#glossar dt:last-of-type,
#glossar dd:last-of-type {
  border-bottom: none;
}
 
#glossar dt{
  font-weight: bold;
}
 
#glossar dd {
  border-left: 1px solid #aeaeae;
  margin-left: 0;
}
 
/* TOC auf der Glossar-Seite als Sprunglinks anzeigen.*/
 
.page-Glossar .tocnumber {display:none} /*hide numbering if set*/
.page-Glossar .toctext {padding-left:10px;}  /*adds left-padding if no numbers are shown*/
.page-Glossar .toctitle {display:none} /*hide title if set*/
.page-Glossar #toc {background:#efefef}
.page-Glossar ul >  li.toclevel-1  {display:inline-block}
.page-Glossar  ul  ul {display:none}
.page-Glossar ul > li.toclevel-1:after {content:'|'; padding-left:10px}
.page-Glossar ul > li.toclevel-1:last-child:after {content:''; padding-left:10px}
.page-Glossar .toc {width:100%;}

Revision as of 10:15, 16 August 2023

Lists

Statistics

Who is online? (0)

  • Number of characters:
  • Number of files: 1006
  • Number of pages: 665
  • Number of users: 56

Links to this page

No results found.

Most visited pages

Subpages

My last visited pages

To see pages you have visited, please log in to your account

My watchlist

Watchlist cannot be displayed because no user is logged in

Visual formatting

Modal button

Google.com

Circled number

1 Preheat oven to 425°F

2 Mix all the ingredients

3 Bake for 40 minutes

4 Take out and let cool 30 mintes

5 Eat

Form fields

Create page


Section filter example 1


City Country
Munich Germany
Hamburg Germany
Vienna Austria
Salzburg Austria

Section filter example 2


  • Apple, pear, orange
  • Apple
  • Orange
  • Orange, grape
  • Grape


Progress

Inspector

setting value description
Base count 5 number of items that are counted to reach 100%
Base item Is: prefix that specifies the progress item. If you do not provide a base item, the progress item could be to unspecific
Progress item closed item that will be counted towards the base count
Width 300 width in pixels
Output
100.0%

  • This is my topic 1 (Statecheck:open)
  • This is my topic 2 (Statecheck:closed)
  • This is my topic 3 (Statecheck:closed)
  • This is my topic 4 (Statecheck:closed)
  • This is my topic 5 (Statecheck:closed)

Pros and cons

Advantages Disadvantages
  • affordable
  • well-known
  • easily accessible
  • somewhat dated look and feel
  • not customizable
  • GDPR compliance unclear

Tip Message

This is a tip message.
No categories assignedEdit