Difference between revisions of "MediaWiki:Common.css"

Revision as of 10:13, 23 June 2022

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

:root {
  --ivsOrange: #ff7a2b;
  --ivsRed: #e32526;
  --ivsGrey: #818181;
  --wikiGrey: #f6f6f6;
}
.min-width-catcher {
  max-width: 1200px;
}
* {
  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-2-img {
  grid-template-columns: minmax(min-content, 1000px) autofit;
}
.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 a {
  text-decoration: none;
  color: #28282D
}
.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,
.valt_6_nanual_navigation a:hover {
  color: var(--ivsGrey);
}
.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: 15px;
  height: 100%;
  border-radius: 5px 0px 0px 5px;
}
.floating_card b {
  color: var(--ivsOrange)
}
.floating_card::before {
  background-color: var(--ivsOrange);
}
.custom_table {
  border: solid 1px rgb(0, 0, 0, .1);
  background-color: rgb(0, 0, 0, .1);
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0px 2px 5px rgb(0, 0, 0, .3);
}
.custom_table th {
  color: var(--ivsOrange);
}
.custom_table td, .custom_table th  {
  background-color: var(--wikiGrey);
  border: solid 1px rgb(0, 0, 0, .1);
  padding: 10px;
  border-radius: 5px
}
.picture_list{
  list-style-type: none;
}
.picture_list li {
  counter-increment: step-counter;
  margin-bottom: 20px;
}
.picture_list li::before {
  font-family: lato;
  position: relative;
  top: 5px;
  right: 40px;
  content: counter(step-counter);
  margin-right: -32px;
  font-size: 80%;
  background-color: white;
  color: black;
  font-weight: bold;
  padding: 3px 8px;
  border: solid 4px blue;
}