Cookie consent settingsAccept all
Discussion

Difference between revisions of "MediaWiki:Common.css"

 

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css); /*Fonts nur importieren, wenn Sie Google fonts ab Zeile 7 einbinden wollen*/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,700); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

/*Nav neu */

  1. n-Templates-download span::after {content:'new!'; vertical-align:super; background:#64b334; margin-left:3px; font-size:10px; padding:2px 5px; border-radius: 50%}
  • /

/*HP*/ .bs-layout-container {display:flex; justify-content:Space-between} .bs-contain-3 .bs-layout-box {width:300px; overflow:hidden; }

  1. content #bodyContent .bs-layout-box h2 {font-size:1.3em; margin-top:0.8em}

.bs-layout-box-body{padding:10px 20px} .bs-layout-border-primary {border:1px solid #ddd; padding:20px} .bs-layout-box-title {font-weight:bold; margin:0} .bs-layout-container-banner {display:block}

/*HP Aktuelles */

  1. aktuelles {background: rgba(149, 189, 229, .3); padding:10px}
  2. aktuelles h2::before {font-family:'fontawesome'; font-size:0.8em; content:'\f02e'; color: #64b334; margin-right:10px}
  3. content #bodyContent #aktuelles h2 {margin:4px 0 1.2rem 0 }
  4. aktuelles table.wikitable, #aktuelles table.wikitable > tr > th, table.wikitable > tr > td, #aktuelles table.wikitable > * > tr > th, #aktuelles table.wikitable > * > tr > td {border:0; background:transparent; padding:4px}
  5. aktuelles table.wikitable, #aktuelles table.wikitable tr {border-bottom:1px solid #fff;}

/*Skinning*/

/*Fonts einbinden - müssen über @import definiert worden sein*/

body.mediawiki, body.mediawiki.x-body, #content #bodyContent , #firstHeading {font-family: 'Open Sans',"arial",sans-serif;} /*Content and top menus*/ .panel .list-group a.list-group-item span, .bs-panel .list-group a.list-group-item span, #bs-globalactions a.list-group-item span {font-family: 'Open Sans',"arial",sans-serif;} /*Main navigation*/

.page-Community .fas, .page-Community .fab {font-size: 3em; color: #2b80ea;} pre{margin:2em 0;} hr{height:1px;border:0;color:#ddd;background-color:#ddd;}

  1. content #bodyContent h2 {overflow:hidden}
  2. content #bodyContent .mw-parser-output > ul{margin-left:2em;}
  3. content #bodyContent .mw-parser-output > ol{margin-left:2em;}
  4. content #bodyContent ul > li:not(.ve-ce-branchNode){list-style-position:inherit;}
  5. content #bodyContent ol > li:not(.ve-ce-branchNode){list-style-position:inherit;}

.mw-redirectedfrom{display:none;}

  1. content #bodyContent h2{font-size:1.375rem;border-bottom:1px solid #aeaeae;padding-bottom:2px;margin-top:2.5rem;margin-bottom:2rem;}
  2. content #bodyContent h3{font-size:1.2rem;margin-top:2.5rem;margin-bottom:2rem;}
  3. content #bodyContent h4{font-size:1rem;margin:2rem 0;}
  4. content #bodyContent ol > li{margin-top:1em;margin-bottom:1em;}
  5. content #bodyContent .toc{background-color:#efefef;border:0;margin:0 0 3rem;}
  6. content #bodyContent .narrowtoc{max-width:600px;}
  7. content #bodyContent .toc .toctitle h2{display:inline-block;font-size:1.4rem;border-bottom:1px solid #aeaeae;margin-top:12px;margin-bottom:20px;padding-right:1em;padding-bottom:2px;width:80%;}
  8. bs-bookshelfui-chapter-nav .bs-bookshelfui-book h5{line-height:1.7;}
  9. bs-bookshelfui-chapter-nav h5{line-height:1.7;}
  10. n-User-manual > i:nth-child(1)::before{content:'\e948';font-family:entypo;}
  11. n-Admin-manual > i:nth-child(1)::before{content:'\e948';font-family:entypo;}
  12. n-Semantic-MediaWiki-basics > i:nth-child(1)::before{content:'\e948';font-family:entypo;}

.bs-social-entity-output-List .bs-social-entity-title h3::before{content:'\e941';font-family:icomoon;} .bs-social-entity-output-List .bs-social-entity-right{margin:0;padding:0;} .bs-social-entity-output-List .bs-social-entity-right a{padding-left:10px;} .mw-editsection{display:none;} .mw-category-generated .redirect-in-category{font-style:normal;}

  1. content #bodyContent p{margin-top:1rem;}
  2. content #bodyContent .infobox p{margin:0;}
  3. content #bodyContent .infobox-basic{background:#efefef;font-size:.8rem;padding:15px;}
  4. content #bodyContent .infobox-basic p{font-size:.8rem;}
  5. content #bodyContent [class^="mw-content-"] .infobox-basic ul > li{font-size:.8rem;}
  6. content #bodyContent [class^="mw-content-"] .infobox-basic ol > li{font-size:.8rem;}
  7. content #bodyContent .infobox-basic hr{margin:6px;}
  8. content #bodyContent .dpl-3col td{width:33%;}

.bs-layout-box .bs-layout-box-image img{height:auto;} .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;} body.ns-special .mw-allpages-body{columns:32em 2;-moz-columns:32em 2;-webkit-columns:32em 2;} .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;}

  1. content #bodyContent ol > li li{margin-top:.5em;margin-bottom:.5em;}

.mw-parser-output .center .floatnone img{margin:2em 0;} .mw-parser-output img.ve-ce-nail{margin:0;} .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;}

  1. content #bodyContent ul > li{margin-bottom:.5rem;}
  1. 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;}

.bs-social-entity.bs-social-entity-output-List .bs-social-entity-right .bs-social-entity-title h3{font-size:inherit!important;} .relatedtopics{display:flex;flex-wrap:wrap;border-left:solid 4px #b6babd;background:#eaecf0;margin:0!important;padding:2em!important;} .relatedtopics .col{flex-basis:50%;flex-grow:1;flex-shrink:1;} .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:#FFF;min-width:20em;text-shadow:#000 .3em .3em 1em -.1em -.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;} body.mediawiki .wrapper .bs-content.container #siteNotice .alert-success{background-color:#fff;color:#3c763d;} 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{background-color:#fff;color:#b73a3a;} body.mediawiki.x-body .wrapper .bs-content.container #siteNotice .alert-danger{background-color:#fff;color:#b73a3a;} .alert{background-color:#fff;border:none;text-align:right;margin:0;padding:0;} .alert-success{background:none;border:none;} .alert-danger{background:none;border:none;} .flex-container{-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;} .page-Help_categories #content #bodyContent .flex-container .headerbox{flex-grow:0;flex-shrink:0;flex-basis:222px;border:1px solid #ccc;width:200px;margin:10px 15px 10px 0;padding:12px;} .page-Helpdesk_Kategorien #content #bodyContent .flex-container .headerbox{flex-grow:0;flex-shrink:0;flex-basis:222px;border:1px solid #ccc;width:200px;margin:10px 15px 10px 0;padding:12px;} .page-Help_categories .mw-parser-output .center .floatnone img{margin:0;} .page-Helpdesk_Kategorien .mw-parser-output .center .floatnone img{margin:0;}

  1. content #bodyContent .cathd .floatleft{float:none!important;}
  2. content #bodyContent .cathd h1{line-height:1.4;}

.CategoryTreeTag{line-height:1.6rem;} .CategoryTreeLabelPage{font-style:normal;} .slideexclude{display:inline;} table.jquery-tablesorter th.headerSort{background-position:20px 112px;} .table-scroll{display:block;empty-cells:show;border-spacing:0;border:1px solid;} .table-scroll thead{background-color:#f1f1f1;position:relative;display:block;width:100%;overflow-y:scroll;} .table-scroll tbody{display:block;position:relative;width:100%;overflow-y:scroll;border-top:1px solid rgba(0,0,0,0.2);max-height:50vh;} .table-scroll tr{width:100%;display:flex;} .table-scroll th{writing-mode:vertical-lr;font-weight:400;flex-grow:2;display:block;border-right:1px solid #ccc;width:60px;text-align:right;padding:5px;} .table-scroll td{flex-grow:2;display:block;border-right:1px solid #ccc;width:60px;text-align:center;padding:5px;} .table-scroll td:first-child{flex-basis:200px;flex-grow:0;text-align:left;writing-mode:unset;} .table-scroll th:first-child{flex-basis:200px;flex-grow:0;text-align:left;writing-mode:unset;} .widefirst td:first-child{flex-basis:500px;} .widefirst th:first-child{flex-basis:500px;} .table-scroll tbody tr:nth-child(2n){background-color:rgba(130,130,170,0.1);}

  1. content #bodyContent .mw-category-generated h3{display:none;}
  2. content #bodyContent .mw-category-generated p{display:none;}
  3. system404-error{text-align:center;}
  4. system404-error div.floatnone a.image img{margin:0;padding:0;}
  5. system404-error hr{margin-top:0;margin-bottom:2rem;border:0;max-width:600px;border-top:3px dotted #ddd;}
  6. content #bodyContent #system404-error p{margin:0;padding:0;}
  7. system404-errormessage{text-align:center;}
  8. content #bodyContent #system404-errormessage p{margin:0;padding:.5rem;}
  9. content #bodyContent .toclimit-1 .toclevel-2{display:none;}
  10. content #bodyContent .toclimit-1 .toclevel-3{display:none;}
  11. content #bodyContent .toclimit-1 .toclevel-4{display:none;}
  12. content #bodyContent .toclimit-1 .toclevel5{display:none;}
  13. content #bodyContent .toclimit-2 .toclevel-3{display:none;}
  14. content #bodyContent .toclimit-2 .toclevel-4{display:none;}
  15. content #bodyContent .toclimit-2 .toclevel-5{display:none;}
  16. content #bodyContent .toclimit-3 .toclevel-4{display:none;}
  17. content #bodyContent .toclimit-3 .toclevel-5{display:none;}
  18. presentation .slideexclude{display:none;}
  19. presentation .slide-hd{display:none;}
  20. content #bodyContent #presentation .flex-slide > div{flex-grow:1;flex-shrink:0;flex-basis:100%;margin:0;padding:0;}
  21. content #bodyContent #presentation .flex-container > div.slidecol{flex-grow:1;flex-shrink:0;flex-basis:222px;border-radius:25px;background-color:#efefef;margin:10px 15px 10px 0;padding:12px;}
  22. content #bodyContent #presentation h2{font-size:18px;border-bottom:3pt dotted #ccc;padding-bottom:6pt;margin-top:4pt;margin-bottom:30pt;color:#333;}
  23. content #bodyContent #presentation h3{font-size:1.4rem;margin-top:1.5rem;margin-bottom:2rem;margin-left:.5rem;border-bottom:1px solid #aaa;}
  24. content #bodyContent #presentation ul > li{margin-left:0;font-size:1.4rem;margin-top:1.2rem;margin-bottom:.1875rem;}
  25. content #bodyContent #presentation .agenda ol > li{margin-left:40px;font-size:1.4rem;}
  26. content #bodyContent #presentation p{font-size:1.4rem;}
  27. content #bodyContent #presentation pre{font-size:1.2rem;color:#444;}
  28. content #bodyContent #presentation code{font-size:1.2rem;color:#444;}

end print #content #bodyContent #mw-content-text div .print{display:none;} @font-face {font-family: 'fontawesome'; 

 src:  url('/extensions/BlueSpiceFoundation/resources/fontawesome/fontawesome.eot?bgaorv');
 src:  url('/extensions/BlueSpiceFoundation/resources/fontawesome/fontawesome.eot?bgaorv#iefix') format('embedded-opentype'),
   url('/extensions/BlueSpiceFoundation/resources/fontawesome/fontawesome.ttf?bgaorv') format('truetype'),
   url('/extensions/BlueSpiceFoundation/resources/fontawesome/fontawesome.woff?bgaorv') format('woff'),
   url('/extensions/BlueSpiceFoundation/resources/fontawesome/fontawesome.svg?bgaorv#fontawesome') format('svg');
 font-weight: normal;
 font-style: normal;}
  1. content #bodyContent [class|="icontent"] { /* use !important to prevent issues with browser extensions that change fonts */
 font-family: 'fontawesome !important';  /*! speak: none; */
 font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;
 /* Better Font Rendering =========== */  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

.icon-arrow-circle-right:before {content: "\f0a9";}

  1. content #bodyContent .filter1 img, #content #bodyContent .filter1 a.image img{

/*shape-outside: polygon(0px 0px, 600px 0px, 600px 569px, 194px 567px);*/ clip-path: polygon(0px 0px, 600px 0px, 600px 569px, 194px 567px); -webkit-clip-path: polygon(0px 0px, 600px 0px, 600px 569px, 194px 567px);}

  1. content #bodyContent .filter1 h2{display:inline;}

.filter:after{content:"";display:block;clear:both;} .checkmark:before{font-family:entypo!important;content:"\e97d";}

  1. content #bodyContent .scrolltable .x-panel-body{height:400px!important;overflow:scroll;}

table.portal{border-spacing:20px 2px;border-collapse:separate;} table.portalboxes{border-spacing:20px;border-collapse:separate;} table.portal th{border:0;vertical-align:top;padding:10px;} table.portal td{border:0;vertical-align:top;padding:10px;} table.portalboxes th{border:0;vertical-align:top;padding:10px;} table.portalboxes td{border:0;vertical-align:top;padding:10px;} .tblue th{background-color:#CADAEA;} .tblue td{background-color:#E0ECF8;} .tyellow th{background-color:#F7E1B2;} .tyellow td{background-color:#E0ECF8;} .twhite th{background-color:#787878;color:#FFF;} .twhite td{background-color:#FFF;} .tgrey th{background-color:#A0A8BD;color:#FFF;} .tgrey td{background-color:#E6E7EB;} .flexbox{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;align-content:stretch;} .flexbox div{text-align:center;background:#ececec;margin:5px;padding:2px 8px;} .dot{height:35px;width:35px;background-color:#FFB100;border-radius:50%;display:inline-block;padding-top:.5em;font-weight:700;margin:4px 10px 10px;} .flexwrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch;align-content:stretch;}

  1. content #bodyContent .flex-spalte-1{-webkit-flex:1 1 650px;-ms-flex:1 1 650px;flex:1 1 650px;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}
  2. content #bodyContent .flex-spalte-2{-webkit-flex:1 1 200px;-ms-flex:1 1 200px;flex:1 1 200px;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;margin-left:30px;}
  3. content #bodyContent .flexwrapper h2{font-size:1.3em;margin-top:12px;}

.sidebox{box-shadow:0 1px 5px 0 rgba(0,0,0,0.3);background-color:#f0f2f6;margin-bottom:15px;padding:15px;} img.responsive{width:100%;height:auto;} .crop{max-height:80px;overflow:hidden;} .questionmark-icon::before{content:'\f059';font-family:fontawesome;color:#6f6969;} .extension-infobox{width:25em;font-size:90%;background-color:#f5f5f5;color:#000;margin-bottom:.5em;margin-left:1em;float:right;clear:right;text-align:left;padding:.2em;} .extension-infobox-header{text-align:center;background-color:#506bb1;padding:8px;} .extension-infobox-headertext{font-size:larger;color:#FFF;} .extenstion-infobox-description{font-weight:400!important;text-align:left;background-color:#eee;padding:20px 10px!important;} .extension-infobox-first-row{vertical-align:top;padding:20px 10px 0;} .extension-infobox-row{vertical-align:top;padding:0 10px;} .extension-infobox-last-row{vertical-align:top;padding:0 10px 20px;} .extension-infobox-helppage{font-weight:400;text-align:center;vertical-align:top;padding-left:10px;padding-top:10px;padding-bottom:10px;background-color:#eee;} .youtube{position:relative;margin:0 0 0 30px;} .youtube:before{position:absolute;left:-24px;font-family:entypo!important;content:"\ea80";color:red;font-size:1.3em;} .time{float:right;font-size:.9em;padding:5px;} .shadow img{box-shadow:0 1px 4px 0 rgba(0,0,0,0.2);} .mw-parser-output .flexwrapper .center .floatnone img{margin:1em 0 0;} .video-desc{font-size:.9em;padding:5px;} ul.smw-format.ul-format.alltopics-col{column-count:3;} .flexitem2{flex:0 1 300px;text-align:center;margin:14px 0;} .shadow2{box-shadow:0 1px 4px 0 rgba(0,0,0,0.2);flex:0 1 300px;height:200px;margin-bottom:8px;} .shadow2 img{width:100%;} .trainingslides #bs-runningfooterleft{display:none;visibility:hidden;border:1px solid red;} .trainingslides #bs-runningfooterright{display:none;visibility:hidden;border:1px solid red;} .trainingslides #bs-runningheaderfix h1{display:none;} .trainingslides h2{font-size:18pt;border-bottom:1pt solid #ccc;margin-top:4pt;margin-bottom:30pt;color:#333;} .trainingslides h3{font-size:16pt;font-weight:400;} .trainingslides p{font-size:14pt;color:#444;margin:10pt;} .trainingslides body.mediawiki .wrapper .bs-content.container{font-size:14pt;} .trainingslides table{width:25cm!important;} .trainingslides td{font-size:13pt;} .trainingslides ul > li{font-size:14pt;font-weight:400;padding-left:20pt;margin-bottom:18pt;line-height:22pt;} .trainingslides ol > li{font-size:14pt;font-weight:400;padding-left:20pt;margin-bottom:18pt;line-height:22pt;} .trainingslides pre{font-size:14pt;color:#444;margin:10pt;} .trainingslides code{font-size:14pt;color:#444;margin:10pt;} .trainingslides b{font-weight:400;font-size:14pt;} .trainingslides img.fullwidth{height:auto;width:24cm;} .trainingslides .flex-slide{clear:both;}

  1. content #bodyContent #presentation .flex-slide{clear:both;}

.trainingslides .flex-slide > div{flex-grow:1;flex-shrink:0;flex-basis:100%;margin:0;padding:0;} .trainingslides .flex-container > div.slidecol{width:45%;border:1px solid #FFF;float:left;border-radius:25px;background-color:#efefef;font-size:12pt;margin:10px 15px 10px 0;padding:12px;} body.traininghandout{margin-right:1cm;margin-top:1cm;} .traininghandout .toc{border:0;} .traininghandout h1{visibility:hidden;} .traininghandout p img{max-width:17cm!important;padding-left:10px;} .traininghandout img{max-width:17cm!important;padding-left:10px;} .traininghandout a.image img{max-width:17cm!important;padding-left:10px;} .traininghandout .arrow-icon{float:left;padding-left:4px;padding-bottom:0;} .traininghandout #deckblatt h1{visibility:hidden;} .traininghandout #deckblatt #firstHeading{visibility:hidden;} .traininghandout h2{border-bottom:1px solid grey;} .traininghandout h3{margin:24pt 0;} .traininghandout ul{font-size:10pt;margin-top:0;} .traininghandout ol > li{margin-bottom:.25cm;} .traininghandout .toc ol > li{margin-bottom:12pt;border:1px solid red;} .traininghandout li{margin-bottom:.3cm;font-size:10pt;margin-top:0;padding-top:0;} .traininghandout table td ul{padding-left:16pt;} .traininghandout .bookicon{margin:0;padding:0;}

  1. helpref{border-left:8px solid #337ab7;margin-top:1cm;background:#f5f5f5;padding:5px;}

.traininghandout #helpref{border-left:8px solid #337ab7;margin-top:1cm;background:#f5f5f5;padding:5px;}

  1. helpref img{margin:0;padding:0;}

.traininghandout #helpref img{margin:0;padding:0;} .traininghandout img.fullwidth{width:16cm!important;} .nextstep{display:inline-block;background:#36c;border-radius:2px;color:#fff;font-weight:700;padding:6px;}

  1. mw-content-text .nextstep a:not(.new){color:#fff;font-weight:700;}

[class^="mw-content-"] .nextstep a:not(.new){color:#fff;font-weight:700;}

  1. mw-content-text .nextstep a:link:not(.new){color:#fff;font-weight:700;}

[class^="mw-content-"] .nextstep a:link:not(.new){color:#fff;font-weight:700;} .nextstep a:not(.new)::after{content:" \25B6";} .nextstep a:link:not(.new)::after{content:" \25B6";}

  1. mw-content-text .nextstep a:not(.new):hover{color:#efefef;}
  2. mw-content-text .nextstep a:link:not(.new):hover{color:#efefef;}

[class^="mw-content-"] .nextstep a:link:not(.new):hover{color:#efefef;} .steps ol{counter-reset:li;margin-left:0;padding-left:0;} .steps ol > li{position:relative;list-style:none;border-top:2px solid #666;background:#f6f6f6;margin:0 0 6px 2em;padding:1em 1em 2em;} .steps ol > li:before{content:counter(li);counter-increment:li;position:absolute;top:-2px;left:-2em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:2em;margin-right:8px;border-top:2px solid #666;color:#fff;background:#666;font-weight:700;font-family:"Helvetica Neue", Arial, sans-serif;text-align:center;padding:4px;} .noglossary .mw-lingo-tooltip{display:none;} .versionsupport{font-size:.85em!important;color:#7b7b7b;background-color:#f7f7f7;text-align:right;margin-top:-25px;padding:2px 4px;} .portal-bannerbox{background:#efefef;overflow:auto;width:100%;}

  1. content #bodyContent .portal-bannerbox{margin-bottom:10px;padding:20px;}
  2. content #bodyContent .portal-bannerbox img{margin-right:45px;}

.portal-bannerbox .h1{display:inline-block;font-size:1.6em;font-weight:700;margin:18px 0 .5em;} .portal-bannerbox .bannertitle{display:inline-block;font-size:1.6em;font-weight:700;margin:18px 0 .5em;}

  1. content #bodyContent .portal-bannerbox .floatright{margin:0;}
  2. content #bodyContent .portal-bannerbox .floatleft{margin:0;}
  3. content #bodyContent .portal-bannerbox .portal-shortquote{font-size:1.5em;font-weight:100;}
  4. content #bodyContent .simpleportal2-col h2{font-size:1.3em;margin-top:1rem;margin-bottom:1.5rem;padding-bottom:6px;}
  5. content #bodyContent .simpleportal2-col-last h2{font-size:1.3em;margin-top:1rem;margin-bottom:1.5rem;padding-bottom:6px;}
  6. content #bodyContent .simpleportal2-col{flex-grow:1;flex-shrink:0;flex-basis:222px;width:200px;margin:10px 15px 10px 0;padding:12px;}
  7. content #bodyContent .simpleportal2-col-last{flex-grow:1;flex-shrink:0;flex-basis:140px;background:#f4f4f4;}

.page-Setup_Portal #content #bodyContent .simpleportal2-col{border:1px solid #ccc;padding:10px;} .page-Setup_Portal #content #bodyContent .simpleportal2-col-last{padding:10px;} .page-Help_categories #content #bodyContent .simpleportal2-col{flex-grow:0;flex-shrink:0;flex-basis:222px;border:1px solid #ccc;width:200px;margin:10px 15px 10px 0;padding:12px;}

  1. mw-content-text .simpleportal2-col img{margin:0;padding:0;}
  2. mw-content-text .simpleportal2-col-last img{margin:0;padding:0;}

/*.bs-data-after-content{display:none;}*/ .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;} @media only screen and ( max-width: 600px ) {#content #bodyContent .portal-bannerbox {text-align:center}

  1. content #bodyContent .portal-bannerbox img {margin-right:0;margin:1rem;}
  2. content #bodyContent .portal-bannerbox div.floatleft {float: none;}

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

  1. content #bodyContent p {font-size: 1rem; line-height: 1.7rem;}

}/*end mobile only */ @media print { @page{size:A4 landscape;margin:1cm;} } table.padded td {padding:14px;}/*extra padding in table cells*/


/** Vorlagen Download **/ .cards {display:flex; flex-wrap:wrap; justify-content: space-around;} .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); 

   transition: all .3s cubic-bezier(.25,.8,.25,1); cursor: pointer; text-align:center}

.cards > div:hover { 

   box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);

} .cards a.image img {max-width:600px} .cards .screenshot {width:300px;height:200px; overflow:hidden; border-top:14px solid #eee; border-bottom:14px solid #eee}

  1. content #bodyContent .cards h2 {margin:10px; padding:0; font-size:1.1rem; font-color:#444; border:none; text-align:center}

.cards .text {font-size:0.85rem; padding:20px 10px; text-align:center; font-weight:bold;}

  1. 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

{color:#444;} .cards .emptycard, .cards > div.emptycard:hover {border: 0; box-shadow: none;} .getButton { 

   display: inline-block;
   background-color: #4CAF50;
   border: none;
   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;}
  1. 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%; }}

/*Referenzseiten */

  1. content #bodyContent #importdata h3 {margin:1em 0 1.4em;}
  2. importdata .flexbox {justify-content: space-between; margin-top: 2em;}
  3. content #bodyContent #importdata .flexbox h3 {background:#eaecf0; margin:0 0 12px 0; padding:8px; font-size:1em; font-weight:bold}
  4. importdata .mw ul, .bs ul {margin:0}
  5. importdata .mw li {margin-left:0;list-style-type:none; padding-left:30px; background: no-repeat left 1px / 18px url('/w/nsfr_img_auth.php/c/c6/MediaWiki-2020-small-icon.svg');}
  6. importdata .bs li {margin-left:0;list-style-type:none; padding-left:30px; background: no-repeat left 1px top 1px / 15px url('/w/nsfr_img_auth.php/c/c4/Bluespice_Icon.svg');}
  7. importdata .flexbox div {background:#f8f9fa; text-align:left; margin:0; flex-basis:316px; padding:0}
  8. importdata table.wikitable > tr > th, #importdata table.wikitable > * > tr > th, table.wikitable.reference > tr > th, table.wikitable.reference > * > tr > th {background-color: #eaecf0;text-align: left;padding:8px; border: 1px solid #ffffff}
  9. importdata table.wikitable > tr > td, #importdata table.wikitable > * > tr > td, table.wikitable.reference > tr > td, table.wikitable.reference > * > tr > td {padding:8px; border: 1px solid #ffffff;}
  10. importdata div .inner {padding:8px 12px}
  11. importdata .bs p {font-size: 0.9rem; margin-left: 2.1em; display:list-item;}

.extension-infobox.fullwidth {width:100%; float:none; font-size:1em; margin-left:0;} .extension-infobox.fullwidth th {text-align:right; } .extension-infobox.fullwidth .extension-infobox-header {background-color:#506bb1; color:#fff} .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;}

  1. content #bodyContent .gallerytext p {
   font-size: 0.85rem;
   margin-top: 0 !important;
   font-weight: bold;

}

.infobox{display:block;margin:2em 0 1em;padding:10px;} .boxlabel{font-weight:700;padding-right:.5em;} .notification-note{border-left:solid 4px #3498db;background:#d9edf7;} .notification-tip{border-left:solid 4px #f2c412;background:#FFF5C9;} .notification-warning{border-left:solid 4px #c23c2b;background:#f2dede;} .notification-important{border-left:solid 4px #ffa406;background:#fedb9c;} .notification-example{border-left:solid 4px #00b241;background:#dff0d8;} .notification-backgroundbox{background:#ffd67f;padding:12px;}


.notification-backgroundbox .boxlabel, .notification-sf .boxlabel {display:none;} .notification-sf {background: #fff5e7 url('/w/nsfr_img_auth.php/d/da/sf.png') no-repeat 12px 8px; 

   padding-left: 50px !important; background-size: 25px;}


/*Headertabs*/ .ui-tabs .ui-tabs-panel, .ui-tabs {padding: 0;} .ui-widget-header{border:0;background: #d9d9d9;} .ui-widget-content {border:0;}

  1. content #bodyContent .ui-tabs .ui-tabs-nav li {margin-bottom:1px}
Retrieved from "https://bs3-en.wiki.bluespice.com/w/index.php?title=MediaWiki:Common.css&oldid=28362"