MediaWiki:Common.css: Difference between revisions

/* CSS placed here will be applied to all skins */
.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;
}

/*jumbotron*/

.jumbotron {
    /*background-image: url('/w/img_auth.php/d/dc/BlueSpice_Gitex-1024x410.jpg');*/
    background-size: cover;
    background-position: center;
    padding: 1em;
    color: white;
    position: relative;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 1.5em
}


.jumbotron-content {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}

.jumbotron h1 {
    font-size: 2.5em;
    margin-bottom: 0.5em;
    color: white;
    font-weight: bold
}

.jumbotron p {
    font-size: 1.2em;
    color: white;
    font-weight: bold;
}

/*box swoosh*/
.swoosh-subtle  div.pl-col {
  background: #ffffff;
  border-radius: 20px;
  padding: 30px;
  position: relative;
  overflow: hidden;
}

/* wavy mist swoosh */
.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%;
}

/* Fix dashboards PL layout */
.pl-container {
	display: flex;
	gap: 1em;
}

.pl-container > .pl-col {
	flex: 1;
}

.center .pl-col{
    text-align: center
}
.cardborder .pl-col {
    border: 1px solid #e3e3e3;
    border-radius: 6px;
}

.cardborder .pl-col {
    flex: 1;
    padding: 1.2em
}

.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;
}