Revision as of 13:30, 1 October 2026 by Meryam Sahin (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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/*hide lock banner on Main page */
.page-Main_Page div[data-mwstake-alert-id="pagecheckout"] {display:none!important}
ul#footer-links li:nth-child(6) {width:100%; text-align:center; margin-top:0.5em}
.ext-neowiki-infobox__title {
font-size: 1.25rem;
font-weight: 700;
display: none;
}
.ext-neowiki-infobox__schema {
font-size: 1.1rem;
font-weight: bold;
}
/*remove external flag on HP*/
.rootpage-Main_Page a.external {background-image:none!important}
.rootpage-Main_Page #bodyContent .sectionanchors-button {
display:none!important;
}
/* Homepage card appearance */
.swoosh-subtle .pl-col {
background: #f8f9fa;
}
/*box swoosh*/
/*
.swoosh-subtle div.pl-col {
background: #f5f5f5;
border-radius: 12px;
padding: 30px;
position: relative;
overflow: hidden;
}
.swoosh-subtle div.pl-col::after {
content: "";
position: absolute;
top: -5%;
left: 50%;
width: 120%;
height: 70%;
transform: translate(-50%, -50%) rotate(-10deg);
background:
radial-gradient(
ellipse at 30% 50%,
rgba(200, 200, 200, 0.35) 10%,
rgba(200, 200, 200, 0.18) 40%,
transparent 10%
),
radial-gradient(
ellipse at 70% 60%,
rgba(180, 180, 180, 0.30) 0%,
rgba(200, 200, 200, 0.15) 45%,
transparent 75%
);
border-radius: 50%;
}*/
/* hp big cards */
.card-compact div.pl-col {padding:15px!important; }
.card-compact h2 {margin:0.5em}
/* Fix dashboards PL layout
.pl-container {
display: flex;
gap: 1em;
}
/*
.pl-container > .pl-col {
flex: 1;
}
.pl-col {
flex: 1;
padding: 1.2em
}
*/
.center .pl-col{
text-align: center
}
.cardborder .pl-col {
border-radius: 6px!important;
}
.custom-bg {background-color:#f5f5f5;
padding:0.5em;
}
.IMScolor,
.IMScolor a {
color: #5FAE56!important
}
.HRcolor,
.HRcolor a {
color: #4b6f9f!important
}
.Helpdeskcolor,
.Helpdeskcolor a {
color: #e89a4c!important
}
.cd-dashboard-cnt form.mw-inputbox-form-inline {
justify-content: start;
}
.mw-body-content .user-dashboard h2 {
margin: 0;
font-size: 1.1rem;
}
/*Wikitable modern */
.wikitable {
font-size: 0.95rem;
background: #fff;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
vertical-align: top;
border:1px solid #c8c8c8
}
/* Bootstrap-style hover */
.wikitable tbody tr:hover {
background-color: #f5f5f5;
}
/*Different background pics - need to exist in the wiki */
.jumbotron.primary {
background-image: url('/w/img_auth.php/2/2d/BlueSpice_Galaxy_Demo.png')!important;
}
.bg-culture {
background-image: url('/w/img_auth.php/1/12/Pexels-rdne-7551218.jpg')!important;
background-position: center 30%;
}
.bg-news {
background-image: url('/w/img_auth.php/2/29/Pexels-arthousestudio-4640873.jpg')!important;
background-position: center 20%!important;
background-size: 80%!important
}
.bg-onboarding {
background-image: url('/w/img_auth.php/c/c1/Pexels-alexandre-saraiva-carniato-583650-1557898.jpg')!important;
background-position: center 48%!important;
}
.bg-group {
background-image: url('/w/img_auth.php/d/d0/Pexels-bertellifotografia-13870845.jpg')!important;
background-position: center 48%!important;
}
.bg-resources {
background-image: url('/w/img_auth.php/6/6f/Pexels-kampus-5940705.jpg')!important;
background-position: center 36%!important;
background-size: 85%!important
}
.bg-warehouse {
background-image: url('/w/img_auth.php/3/37/Pexels-chikawaztla-36552175.jpg')!important;
background-position: center 35%!important;
background-size: 90%!important
}
.bg-terminology {
background-image: url('/w/img_auth.php/1/19/Pexels-karola-g-4218590.jpg')!important;
background-position: center 65%!important;
background-size: 80%!important
}
/* CSS placed here will be applied to all skins */
/** Custom-Mainpage Dashboard **/
.custom-dashboard .pl-col span.mw-editsection,
.custom-dashboard span.sectionanchors-button {
display: none!important;
}
.custom-dashboard .pl-container.pl-container-card { gap: 1.5rem;
margin-bottom: 1.5rem
}
.custom-dashboard .pl-container.pl-container-card > .pl-col,
.mainpage-custom .pl-container.pl-container-card > .pl-col {
position: relative;
padding: 0 1.75rem 1.75rem;
border-radius: 10px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.06);
overflow: hidden;
word-break: break-word
}
.custom-dashboard .pl-container.pl-container-card > .pl-col::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background-color: #3e5389;
}
.custom-dashboard .pl-container.pl-container-card > .pl-col h2 {
margin: -1rem -1.75rem 1.75rem -1.75rem;
font-size: 1.05rem;
font-weight: 600;
line-height: 1.3;
/*color: #000;*/
display: flex;
gap: 0.9rem;
padding: 1rem 1.25rem 0.9rem;
margin-top: 4px;
background-image: linear-gradient(180deg, rgba(62, 83, 137, 0.09) 0%, rgba(62, 83, 137, 0.02) 100%);
background-image: linear-gradient(180deg, color-mix(in srgb, var(--wiki-color, #3e5389) 9%, transparent) 0%, color-mix(in srgb, var(--wiki-color, #3e5389) 2%, transparent) 100%);
border-bottom: 1px solid #ccc;
}
#bodyContent .custom-dashboard .pl-container.pl-container-card > .pl-col .sectionanchors-button {
display: none
}
.custom-dashboard .pl-container-card .badge-list ul {
margin: 0;
}
.custom-dashboard .pl-container-card .badge-list li {
display: inline-block;
background: #f7f7f8;
border: 1px solid #3e5389;
padding: 0.3rem 0.5rem;
margin: 0.5rem;
border-radius: 10px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.06);
overflow: hidden;
transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
cursor: pointer;
}
.custom-dashboard .pl-container-card .badge-list li:hover {
background: linear-gradient(180deg, #f7f7f8 0%, #f7f7f8 100%);
border-color: #5470b3;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 4px 10px rgba(0, 0, 0, 0.08);
}
.custom-dashboard .user-profile-panel {
text-align: center
}
.custom-dashboard .user-profile-panel .user-profile-data-cnt .user-profile-name-header .user-profile-name {
font-size: 1.2rem;
margin: 1rem 0;
display: inline-block
}
/** End Custom-Mainpage Dashboard **/
.rounded-corners .pl-container-card > div.pl-col {
border-radius: 6px
}
.card-hover .pl-container-card > div.pl-col:hover {
background:#f1f3f9
}
.testuserlogin .imgcardlink {
margin-top:1.4em!important;
display:inline-block
}
