MediaWiki:Common.css: Difference between revisions

From Business Heroes Food Truck Simulation
No edit summary
No edit summary
Line 68: Line 68:
}
}
.business-functions .card-title {
.business-functions .card-title {
font-size: 1,25rem;
font-size: 1.45rem;
font-weight: bold;
font-weight: bold;
background: var(--orange);
background: var(--orange);

Revision as of 18:05, 22 December 2022

/* CSS placed here will be applied to all skins */

/** FIXES **/
a, :target {
  scroll-behavior: smooth;
}
:target {
  padding-top: 1rem;
}
.ve-available.ve-activated.ve-active img {
  max-width: 100% !important;
  height: auto;
}

/** TOC **/
#toc {
	display: none;
}

/** TOOLTIPS **/
.regular-tooltips a.oo-ui-buttonElement-button:hover, 
.regular-tooltips a.oo-ui-buttonElement-button:focus {
  border-color: transparent !important;
  outline-color: transparent !important;
  box-shadow: none !important;
  filter: invert(1);
}
.regular-tooltips a.oo-ui-buttonElement-button {
  min-width: 18px !important;
  min-height: 18px !important;
  padding-left: 0 !important;
  margin-left: 7px !important;
  height: 18px !important;
  width: 18px !important;
}
.regular-tooltips a.oo-ui-buttonElement-button .oo-ui-iconElement-icon {
   left: 0 !important;
   background-position: -2px center !important;
}

/** CARDS **/

.card {
	border-radius: 0 !important;
	border-color: #bbbabe !important;
	border-width: 5px;
	outline: 1px solid #fff;
}

.card-header {
	border-radius: 0 !important;
	color: #fff;
	font-weight: bold;
	font-size: 1.25rem;
	border-bottom: 0;
	background-color: #575759;
}

.page-Introduction .n-Home {
	display: none;
}

/** Business Functions Cards **/
.business-functions .card {
	margin: 0 !important;
	padding: 0 !important;
	min-width: 517px;
}
.business-functions .card-title {
	font-size: 1.45rem;
	font-weight: bold;
	background: var(--orange);
	padding: .5rem;
}
.business-functions .card-title a {
	color: #222223;
}

@media screen and (min-width: 576px) {
	.card-group.business-functions > .card + .card {
		border-left: 5px solid #bbbabe !important;
	}
}