Last edited 3 months ago
by Demo writer

Common.css

Revision as of 08:17, 13 April 2023 by Demo writer (talk | contribs)

Note: After publishing, 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: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');


/* 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;}
.flexbox-portal div h2 {font-size: 1.3em;border-bottom: none; margin-top: 0;background: #efefef;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}

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

/*Tables*/
table.wikitable td, table.wikitable th {font-size:15px; color:#252525}
#features table.aligntop th, #features table.aligntop td, #features  .wikitable > tr > th,  #features .wikitable > * > tr > th {vertical-align: top !important;padding: 16px; text-align:left;}
.mw-parser-output table.wikitable {color:#252525;}
/*Headertabs*/
#headertabs .oo-ui-panelLayout-framed {border:0;}
#headertabs .oo-ui-menuLayout-menu {border-bottom: 1px solid #d3d5da}

/*image-zooms*/
.flexbox-portal .screenshot>div img {max-width:auto !important}
.screenshot {width: 100%; height: 200px;overflow: hidden;}


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