MediaWiki:Common.css: Difference between revisions

From Business Heroes Food Truck Simulation
No edit summary
No edit summary
 
(41 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


/* BACKGROUND */
/** FIXES **/
 
a, :target {
html {
  scroll-behavior: smooth;
background-image: url(extensions/WikiWorks/bg.png);
background-position: top center;
background-size: 1980px;
background-repeat: no-repeat;
background-color: #000;
}
}
body {
:target {
background-color: #0002;
  padding-top: 1rem;
}
}
#content-wrapper {
.ve-available.ve-activated.ve-active img {
background-color: #161941;
  max-width: 100% !important;
  height: auto;
}
}


h1, h2, .h1, .h2 {
/** TOC **/
color: #74d6ec;
#toc {
display: none;
}
}
#content-wrapper a:visited,  
 
#content-wrapper a:active,
/** TOOLTIPS **/
.toctogglelabel {
.regular-tooltips a.oo-ui-buttonElement-button:hover,  
color: #009045 !important;
.regular-tooltips a.oo-ui-buttonElement-button:focus {
}
  border-color: transparent !important;
.toc, .toccolours, pre {
  outline-color: transparent !important;
border: 1px solid #05082b;
  box-shadow: none !important;
background-color: #0d1033;
  filter: invert(1);
}
}
pre {
.regular-tooltips a.oo-ui-buttonElement-button {
color: cornflowerblue;
  min-width: 18px !important;
  min-height: 18px !important;
  padding-left: 0 !important;
  margin-left: 7px !important;
  height: 18px !important;
  width: 18px !important;
}
}
.tocnumber {
.regular-tooltips a.oo-ui-buttonElement-button .oo-ui-iconElement-icon {
color: #8e8e8e;
  left: 0 !important;
}
  background-position: -2px center !important;
.navbar-nav a::before {
color: rgba(255,255,255,0.5);
}
}


#footer-poweredbyico { display: none; }
/** CARDS **/


/* No background for Main Page */
.card {
.page-Introduction #content-wrapper {
border-radius: 0 !important;
background-color: transparent !important;
border-color: #bbbabe !important;
border-width: 5px;
outline: 1px solid #fff;
}
}


.p-navbar#mw-navigation {
.card-header {
margin-left: auto;
border-radius: 0 !important;
    margin-right: auto;
color: #fff;
    max-width: 1230px;
font-weight: bold;
    width: 1130px;
font-size: 1.25rem;
border-bottom: 0;
background-color: #575759;
}
}


.p-navbar#mw-navigation {
.page-Introduction .n-Home {
margin-left: auto;
display: none;
    margin-right: auto;
    max-width: 1230px;
    width: 1130px;
}
}


.p-navbar.sticky#mw-navigation {
/** Business Functions Cards **/
left: 27.8% !important;
.business-functions {
gap: 1rem;
}
.business-functions .card {
margin: 0 !important;
padding: 0 !important;
min-width: 517px;
border: 0 !important;
outline: 0 !important;
}
.business-functions .card-title {
font-size: 1.45rem;
font-weight: bold;
background: var(--orange);
padding: .5rem;
}
.business-functions .card-title a {
color: #222223;
}
}

Latest revision as of 18:07, 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 {
	gap: 1rem;
}
.business-functions .card {
	margin: 0 !important;
	padding: 0 !important;
	min-width: 517px;
	border: 0 !important;
	outline: 0 !important;
}
.business-functions .card-title {
	font-size: 1.45rem;
	font-weight: bold;
	background: var(--orange);
	padding: .5rem;
}
.business-functions .card-title a {
	color: #222223;
}