Difference between revisions of "MediaWiki:Common.css"

Revision as of 09:39, 22 June 2022

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

:root {
  --ivsOrange: #ff7a2b;
  --ivsRed: #e32526;
  --ivsGrey: #818181;
  --wikiGrey: #f6f6f6;
}

* {
  font-family: helvetica
}

body {
  color: #4A4A4A
}

h1 {
  color: #818181;
  font-weight: 600;}
#firstHeading {
  font-family: helvetica;
  color: #ff7a2b;}
h2 {
  color: #818181;
  font-weight: 600;}
h3 {
  color: #ff7a2b;
  font-weight: 600;}
h4 {
  color: #818181;
  font-weight: 600;}

pre { 
  background-color: #f3f3f3;
  border-radius: 10px;}

.expandContent {
  margin: 5px;
  border-radius: 10px;
}

.basicBold {
  color: #383838;
  font-size:120%;
  font-weight: 600;
}

.emphasize {
  color = red;
  font-weight = 600;
}
.grid-container {
  display: grid;
 padding: 5px;
}
.grid-2 {
  grid-template-columns: auto auto;
}
.grid-3 {
  grid-template-columns: auto auto auto;
}
.grid-item {
  padding: 5px;
}
.align_left{
  align-items: left;
}
.indent {
  position: relative;
  left: 20px;
}
.valt_6_nanual_navigation {
  font-weight: bolder;
  font-size: 30px;
}
.valt_6_nanual_navigation td {
  padding: 0px 5px;
}
.valt_6_nanual_navigation img:hover {
  filter: brightness(1.5);
  transform: translateX(2px)
}
.valt_6_nanual_navigation td:hover {
  color: var(--ivsGrey);
  transform: translateX(2px)
}
.note {
  left: 40px;
  position: relative;
  background-color: var(--wikiGrey);
  font-size: 20px;
  color: var(--ivsGrey);
  padding: 10px 20px;
  border-radius: 5px;
}
.note::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:10px;
  height: 100%;
  background-color: var(--ivsOrange);
  border-radius: 5px 0px 0px 5px;
}
.floating_card {
  position: relative;
  margin-top: 10px;
  left: 20px; 
  padding: 10px 30px;
  box-shadow: 0px 2px 5px rgb(0, 0, 0, .3);
  background-color: var(--wikiGrey);
  border-radius: 5px;
  max-width: 800px;
}
.floating_card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:10px;
  height: 100%;
  background-color: var(--ivsOrange);
  border-radius: 5px 0px 0px 5px;
}