Zuletzt bearbeitet vor 9 Monaten
von Redaktion

Vorlage:Bannerbox und MediaWiki:Common.css: Unterschied zwischen den Seiten

(Unterschied zwischen Seiten)
VisuellWikitext
(Autogenerated)
 
Keine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
<includeonly><templatestyles src="Bannerbox/styles.css" /><div class="bannerbox {{{boxbgicon|}}}" style="align-items:start;{{#ifeq:{{{imagealign|}}}|right|flex-direction:row-reverse;|flex-dirction:row;}}{{#if:{{{boxbgcolor|}}}|background:{{{boxbgcolor}}};|}}{{#if:{{{boxpadding|}}}|padding:{{{boxpadding|0px}}};}}">
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
{{#if:{{{banner-image|}}}|<div class="banner-image">[[File:{{{banner-image}}}{{!}}{{#if:{{{image-width|}}}|{{{image-width}}}x{{{image-width}}}px|200x200px}}{{!}}link=]]</div>|}}<div class="banner-content" style="padding:{{#if:{{{contentpadding|}}}|{{{contentpadding}}}"|10px}}>{{#if:{{{banner-title|}}}|<div class="banner-title"><div class="bannerhd" style="margin-top:0; {{#if:{{{titlesize|}}}|font-size:{{{titlesize}}};|font-size:1.6em;}}{{#if:{{{titlecolor|}}}|color:{{{titlecolor}}};|}}">{{{banner-title}}}</div></div>|}}{{#if:{{{banner-text|}}}|<div class="banner-text" style="{{#if:{{{textcolor|}}}|color:{{{textcolor}}};|}}{{#if:{{{textsize|}}}|font-size:{{{textsize}}};|}}">{{{banner-text}}}</div>|}}</div></div></includeonly><noinclude>
/*@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');*/
This template creates an intro banner on a page. The banner should contain an image (optional), a title and 2-3 lines of text.
 
<templatedata>
 
{
/*temporary language switcher*/
"params": {
.ddlistwrapper {display:inline-block; padding:8px 10px 4px 10px!important; text-align:right; background:#f1f3f9; vertical-align:middle; float:right}
"boxbgcolor": {
.ddlist .dropdown-menu {left: 2px!important;}
"label": {
 
"en": "Background color (optional)",
/* link color is for some reason not standard blue - settint to standard blue*/
"de": "Hintergrundfarbe der Box (optional)"
#mw-content-text a:not([class*="oo-ui-"]), [class^="mw-content-"] a:not([class*="oo-ui-"]), #mw-content-text a:visited:not([class*="oo-ui-"]), [class^="mw-content-"] a:visited:not([class*="oo-ui-"]) {color:#3e5389}
},
 
"description": {
 
"en": "Default is grey (#f1f3f9). Replace with any hex value, (e.g. #ffffe6)",
/*sorting icon in tables sometimes needs more padding on the right to not run into the text */
"de": "Standard ist grau (#f1f3f9). Kann mit beliebigem Hex-Wert ersetzt werden (z.B. #ffffe6)"
.mw-parser-output table.wikitable>tr>th, .mw-parser-output table.wikitable>tr>td, .mw-parser-output table.wikitable>*>tr>th, .mw-parser-output table.wikitable>*>tr>td {
},
    padding-right: 1em!important;
"type": "string",
"suggested": true,
"default": {
"en": "#efefef",
"de": "#efefef"
}
},
"boxpadding": {
"label": {
"en": "Padding of the container box (optional)",
"de": "Abstand des Inhalts zur Box"
},
"description": {
"en": "Sets the padding for the box. Default is 0.",
"de": "Setzt den Abstand in Pixeln, Standard ist 0"
},
"example": {
"en": "10px (default is 0)",
"de": "10px (Standard ist 0)"
},
"suggested": true,
"autovalue": ""
},
"contentpadding": {
"label": {
"en": "Content padding (optional)",
"de": "Textabstand"
},
"description": {
"en": "Padding around text. Default is 10px.",
"de": "Abstand um den Text. Standard ist 10px."
},
"type": "number",
"example": {
"en": "20px",
"de": "20px"
},
"suggested": true
},
"banner-image": {
"description": {
"en": "Image name, without the File: prefix, but with namespace prefix (if it exists)",
"de": "Bildname, ohne das Datei-Präfix, aber mit Namensraum-Präfix (falls es existiert)"
},
"label": {
"en": "Banner image (optional)",
"de": "Bannergrafik (optional)"
},
"example": {
"en": "myimage.png",
"de": "meinbild.png"
},
"suggested": true
},
"image-width": {
"label": {
"en": "Image width",
"de": "Bildbreite"
},
"description": {
"en": "Width in pixels. Default setting is 200",
"de": "Breite in Pixel. Standard ist 200"
},
"suggested": true,
"default": {
"de-formal": "200"
},
"example": {
"de": "z.B. 300 (Standard ist 200)",
"en": "e.g., 300 (default is 200)"
}
},
"imagealign": {
"label": {
"en": "Image alignment",
"de": "Bildposition"
},
"example": {
"en": "left, right",
"de": "left, right"
},
"default": {
"en": "left",
"de": "left"
},
"suggested": true,
"description": "Links oder rechts in der Box"
},
"banner-title": {
"type": "string",
"suggested": true,
"label": {
"en": "Heading",
"de": "Überschrift"
},
"description": "Box heading"
},
"titlesize": {
"label": {
"en": "Heading size",
"de": "Größe der Überschrift"
},
"example": {
"en": "2em, 15px",
"de": "2em,  15px"
},
"default": {
"en": "1.6em",
"de": "1.6em"
},
"suggested": true
},
"titlecolor": {
"label": {
"en": "Heading color",
"de": "Farbe der Überschrift"
},
"description": "Color of the heading. ",
"example": {
"en": "#ffffff",
"de": "#ffffff"
},
"suggested": true
},
"banner-text": {
"label": {
"en": "Text",
"de": "Text"
},
"description": {
"en": "1-3 lines of text",
"de": "1-3 Zeilen Text"
},
"type": "content",
"suggested": true
},
"textcolor": {
"label": {
"en": "Text color",
"de": "Textfarbe"
},
"example": {
"en": "#000000",
"de": "#000000"
},
"suggested": true
},
"textsize": {
"label": {
"en": "Text size",
"de": "Textgröße"
},
"example": {
"en": "12px, 1em",
"de": "12px, 1em"
},
"default": {
"en": "1.3em",
"de": "1.3em"
},
"suggested": true
},
"boxbgicon": {
"label": {
"en": "Background icon",
"de": "Hintergrundicon"
},
"suggested": true
}
},
"paramOrder": [
"banner-image",
"image-width",
"imagealign",
"banner-title",
"titlesize",
"titlecolor",
"banner-text",
"textsize",
"textcolor",
"contentpadding",
"boxpadding",
"boxbgcolor",
"boxbgicon"
]
}
}
</templatedata>
/*homepage iconnav top */
</noinclude>
.imgcard.homepage  {justify-content:space-between; flex-wrap:nowrap;}
.imgcard.small.homepage > div {width:30%!important; outline:1px solid #e7e7e7; background:none}
.imgcard.homepage > div:hover {background:#f1f3f9}
 
/*Simple flex-container */
.flexbox-portal {display: flex; flex-direction: row;flex-wrap: wrap;justify-content: space-between; align-items: stretch;align-content: stretch; gap:20px}
.flexbox-portal > div {width: 48.5%; padding: 10px 20px; margin-bottom: 18px;border: 1px solid #cdcdcd;}
#mw-content-text .flexbox-portal div h2 {font-size: 1.3em;border-bottom: none; margin-top: 0;padding: 10px;}
#use_cases .flexbox-portal div h2 {padding-left: 0;}
.flexbox-portal h1 .mw-editsection, .flexbox-portal h2 .mw-editsection, .flexbox-portal h3 .mw-editsection, .flexbox-portal h4 .mw-editsection, .flexbox-portal h5 .mw-editsection, .flexbox-portal h6 .mw-editsection
{display:none;}
.rss dd {display:none;}
.rss dt {font-weight:normal;margin-bottom:1.2em;}
/*mw-ui-button link*/
.mw-ui-button.mw-ui-progressive a {color:#ffffff !important}
 
/*Main page*/
#mpbanner {background:#fff url(/w/nsfr_img_auth.php/f/fa/BlueSpice-Demo_Header.jpg) -90px no-repeat; padding-bottom: 20px; background-size: 1000px 122px;}
#mpbanner-byline {font-size:1.8em; color:#3e5389;line-height: 0.8rem; padding-top: 20px;}
#mpbanner-title {font-size:3.1em; color:#3e5389; line-height:1.2em; font-weight: 900;letter-spacing: 1px;}
.mp  {font-size: 1.2em;line-height: 1.5em; margin: 12px 0;}
.badge {display: inline-block;min-width: 16px;padding: 6px 9px;border-radius: 5px;font-size: 16px;text-align: center;background: #2b80ea;
color: #fefefe;margin-left: 0; margin-right:6px}
.badge-hp {display: inline-block;min-width: 16px;padding: 2px 4px 2px 8px;border-radius: 5px;font-size: 16px;text-align: center;background: #fdc300;
color: #fefefe; margin-left: 0; margin-right:6px}
#use_cases [class*=" bi-"]::before {vertical-align: -0.2em;font-size: 1.1em;}
 
/*image-zooms*/
.screenshot {width: 100%; height: 200px;overflow: hidden;}
 
/*Content nav*/
.navContainer .pageNext {float:right}
.navContainer::after {content: ""; display: block; clear: both;}
.navContainer .badge {padding: 4px;font-size: 12px;padding: 3px 7px;font-family:"helvetica"}
#content .navContainer .badge a, #content .navContainer .badge a:visited {color:white !important;}
 
.rss dd {display:none;}
.rss dt {font-weight:normal;margin-bottom:1.2em;}
 
 
/*Headertabs*/
#headertabs .oo-ui-panelLayout-framed {border:0;}
#headertabs .oo-ui-menuLayout-menu {border-bottom: 1px solid #d3d5da}
 
/*Global templates */
.infolink {float:right; display:inline; font-size: 14px;margin-left: 20px;}
 
/*Onboarding Form */
div[data-form="Onboarding"] .oo-ui-fieldLayout-header, div[data-form="Onboarding"] .forms-form-view-layout .view-label {width:20%!important; font-weight:bold}
div[data-form="Onboarding"] .oo-ui-fieldLayout .oo-ui-fieldLayout-field {width: 65% !important;}
div[data-form="Onboarding"] label.forms-section {background:#e9e9ee; padding:3px 12px}
div[data-form="Onboarding"]  .forms-form-edit-layout, div[data-form="Onboarding"]  .forms-form-view-layout  {padding:10px; border-bottom:1px solid #e9e9ee}
div[data-form="Onboarding"] .oo-ui-multioptionWidget-selected .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {background-color: #3366cc;border-color: #3366cc;}
.oo-ui-checkboxMultioptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {color: #444;}
 
/*evplayer right-alignment text wrap*/
div.embedvideo.ev_right {margin-left: 15px;}

Version vom 30. Juni 2023, 17:26 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/*@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');*/


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

/* link color is for some reason not standard blue - settint to standard blue*/
#mw-content-text a:not([class*="oo-ui-"]), [class^="mw-content-"] a:not([class*="oo-ui-"]), #mw-content-text a:visited:not([class*="oo-ui-"]), [class^="mw-content-"] a:visited:not([class*="oo-ui-"]) {color:#3e5389}


/*sorting icon in tables sometimes needs more padding on the right to not run into the text */
.mw-parser-output table.wikitable>tr>th, .mw-parser-output table.wikitable>tr>td, .mw-parser-output table.wikitable>*>tr>th, .mw-parser-output table.wikitable>*>tr>td {
    padding-right: 1em!important;
}
/*homepage iconnav top */
.imgcard.homepage   {justify-content:space-between; flex-wrap:nowrap;}
.imgcard.small.homepage > div {width:30%!important; outline:1px solid #e7e7e7; background:none}
.imgcard.homepage > div:hover {background:#f1f3f9}

/*Simple flex-container */
.flexbox-portal {display: flex;	flex-direction: row;flex-wrap: wrap;justify-content: space-between;	align-items: stretch;align-content: stretch; gap:20px}
.flexbox-portal > div {width: 48.5%; padding: 10px 20px; margin-bottom: 18px;border: 1px solid #cdcdcd;}
#mw-content-text .flexbox-portal div h2 {font-size: 1.3em;border-bottom: none; margin-top: 0;padding: 10px;}
#use_cases .flexbox-portal div h2 {padding-left: 0;}
.flexbox-portal h1 .mw-editsection, .flexbox-portal h2 .mw-editsection, .flexbox-portal h3 .mw-editsection, .flexbox-portal h4 .mw-editsection, .flexbox-portal h5 .mw-editsection, .flexbox-portal h6 .mw-editsection
{display:none;}
.rss dd {display:none;}
.rss dt {font-weight:normal;margin-bottom:1.2em;}
/*mw-ui-button link*/
.mw-ui-button.mw-ui-progressive a {color:#ffffff !important}

/*Main page*/
#mpbanner {background:#fff url(/w/nsfr_img_auth.php/f/fa/BlueSpice-Demo_Header.jpg) -90px no-repeat; padding-bottom: 20px; background-size: 1000px 122px;}
#mpbanner-byline {font-size:1.8em; color:#3e5389;line-height: 0.8rem; padding-top: 20px;}
#mpbanner-title {font-size:3.1em; color:#3e5389; line-height:1.2em; font-weight: 900;letter-spacing: 1px;}
.mp  {font-size: 1.2em;line-height: 1.5em; margin: 12px 0;}
.badge {display: inline-block;min-width: 16px;padding: 6px 9px;border-radius: 5px;font-size: 16px;text-align: center;background: #2b80ea;
color: #fefefe;margin-left: 0; margin-right:6px}
.badge-hp {display: inline-block;min-width: 16px;padding: 2px 4px 2px 8px;border-radius: 5px;font-size: 16px;text-align: center;background: #fdc300;
color: #fefefe; margin-left: 0; margin-right:6px}
#use_cases [class*=" bi-"]::before {vertical-align: -0.2em;font-size: 1.1em;}

/*image-zooms*/
.screenshot {width: 100%; height: 200px;overflow: hidden;}

/*Content nav*/
.navContainer .pageNext {float:right}
.navContainer::after {content: ""; display: block; clear: both;}
.navContainer .badge {padding: 4px;font-size: 12px;padding: 3px 7px;font-family:"helvetica"}
#content .navContainer .badge a, #content .navContainer .badge a:visited {color:white !important;}

.rss dd {display:none;}
.rss dt {font-weight:normal;margin-bottom:1.2em;}


/*Headertabs*/
#headertabs .oo-ui-panelLayout-framed {border:0;}
#headertabs .oo-ui-menuLayout-menu {border-bottom: 1px solid #d3d5da}

/*Global templates */
.infolink {float:right; display:inline; font-size: 14px;margin-left: 20px;}

/*Onboarding Form */
div[data-form="Onboarding"] .oo-ui-fieldLayout-header, div[data-form="Onboarding"] .forms-form-view-layout .view-label {width:20%!important; font-weight:bold}
div[data-form="Onboarding"] .oo-ui-fieldLayout .oo-ui-fieldLayout-field {width: 65% !important;}
div[data-form="Onboarding"] label.forms-section {background:#e9e9ee; padding:3px 12px}
div[data-form="Onboarding"]  .forms-form-edit-layout, div[data-form="Onboarding"]  .forms-form-view-layout  {padding:10px; border-bottom:1px solid #e9e9ee}
div[data-form="Onboarding"] .oo-ui-multioptionWidget-selected .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {background-color: #3366cc;border-color: #3366cc;}
.oo-ui-checkboxMultioptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {color: #444;}

/*evplayer right-alignment text wrap*/
div.embedvideo.ev_right {margin-left: 15px;}
Abgerufen von „https://de.demo.bluespice.com/w/index.php?title=Vorlage:Bannerbox&oldid=3568“
Keine Kategorien vergebenBearbeiten

Diskussionen