Demo writer (talk | contribs) No edit summary |
Demo writer (talk | contribs) No edit summary |
||
(26 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* 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'); | /* @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');*/ | ||
/*temporary language switcher*/ | |||
/* | #languages {right:106px;} | ||
# | .ddlistroot {display:flow-root; margin-top: -49px;margin-bottom:-40px;} | ||
.ddlistwrapper {display:inline-block; padding:8px 10px 4px 10px!important; text-align:right; vertical-align:middle; float:right} | |||
.ddlist .dropdown-menu {left: 2px!important;} | |||
@media only screen and (max-width: 1400px) { | |||
#languages {right:65px;} | |||
} | |||
/* | /*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;} | |||
color: # | /*mw-ui-button link*/ | ||
.mw-ui-button.mw-ui-progressive a {color:#ffffff !important} | |||
/*Main page*/ | /*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 {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-byline {font-size:1.8em; color:#3e5389;line-height: 0.8rem; padding-top: 20px;} | ||
#mpbanner-title {font-size: | #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;} | .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; | .badge {display: inline-block;min-width: 16px;padding: 6px 9px;border-radius: 5px;font-size: 16px;text-align: center;background: #2b80ea; | ||
Line 42: | Line 40: | ||
.badge-hp {display: inline-block;min-width: 16px;padding: 2px 4px 2px 8px;border-radius: 5px;font-size: 16px;text-align: center;background: #fdc300; | .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} | color: #fefefe; margin-left: 0; margin-right:6px} | ||
/*Content nav*/ | /*Content nav*/ | ||
Line 54: | Line 46: | ||
.navContainer .badge {padding: 4px;font-size: 12px;padding: 3px 7px;font-family:"helvetica"} | .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;} | #content .navContainer .badge a, #content .navContainer .badge a:visited {color:white !important;} | ||
/*Tables*/ | /*Tables*/ | ||
Line 78: | Line 59: | ||
.screenshot {width: 100%; height: 200px;overflow: hidden;} | .screenshot {width: 100%; height: 200px;overflow: hidden;} | ||
/*Global templates */ | /*Global templates */ | ||
.infolink {float:right; display:inline; font-size: 14px;margin-left: 20px;} | .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;} | |||
/*Startpage test pages */ | |||
.testpages ul {list-style:none; margin:0; padding:0} | |||
/*Behördennav topmargin */ | |||
div#behoerdennav {margin-top:-0.3em; margin-bottom:2.3em} | |||
/*featurebox*/ | |||
.featurebox > span.link {display:inline-block; border:1px solid #e7e7e7; padding:10px; border-radius:8px; margin:10px} | |||
.featurebox > span.link:focus, .demo > span.link:hover {border:1px solid #d8d8d9; background:#f1f3f9} | |||
span.newmarker::after { content: 'new!'; vertical-align: super; background: #64b334; margin-left: 3px;font-size: 10px;padding: 2px 5px; border-radius: 50%; | |||
color:#ffffff;} |
Latest revision as of 15:04, 7 August 2024
/* 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');*/
/*temporary language switcher*/
#languages {right:106px;}
.ddlistroot {display:flow-root; margin-top: -49px;margin-bottom:-40px;}
.ddlistwrapper {display:inline-block; padding:8px 10px 4px 10px!important; text-align:right; vertical-align:middle; float:right}
.ddlist .dropdown-menu {left: 2px!important;}
@media only screen and (max-width: 1400px) {
#languages {right:65px;}
}
/*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}
/*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;}
/*Startpage test pages */
.testpages ul {list-style:none; margin:0; padding:0}
/*Behördennav topmargin */
div#behoerdennav {margin-top:-0.3em; margin-bottom:2.3em}
/*featurebox*/
.featurebox > span.link {display:inline-block; border:1px solid #e7e7e7; padding:10px; border-radius:8px; margin:10px}
.featurebox > span.link:focus, .demo > span.link:hover {border:1px solid #d8d8d9; background:#f1f3f9}
span.newmarker::after { content: 'new!'; vertical-align: super; background: #64b334; margin-left: 3px;font-size: 10px;padding: 2px 5px; border-radius: 50%;
color:#ffffff;}