Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 01:59, 7 November 2022

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

/* msnebes - MS table, Nebes Geryow, four columns, brown first and second column. */
table.msnebes { border: none; border-collapse: collapse; }
table.msnebes td { padding: 0.5em 2em; vertical-align: top; }
table.msnebes td:nth-child(1) { border-left: 1px solid #D0B89D; background-color: #EFE7DE; }
table.msnebes td:nth-child(2) { border-left: 1px solid #D0B89D; border-right: 1px solid #D0B89D; background-color: #EFE7DE; }
table.msnebes td:nth-child(3) { font-size: 85%; line-height: 1.5em; color: green; padding-top: 0.8em; }
table.msnebes td:nth-child(4) { font-size: 85%; line-height: 1.5em; padding-top: 0.8em; }
table.msnebes th { padding-bottom: 1em; }
td.msnebestop { border-top: 1px solid #D0B89D; padding-top: 1em !important; }
td.msnebesbottom { border-bottom: 1px solid #D0B89D; padding-bottom: 1em !important; }


/* ms3 - MS table, three columns, brown first column */
table.ms3 { border: none; border-collapse: collapse; }
table.ms3 td { padding: 0.5em 2em; vertical-align: top; }
table.ms3 td:nth-child(1) { border-left: 1px solid #D0B89D; border-right: 1px solid #D0B89D; background-color: #EFE7DE; }
table.ms3 th { padding-bottom: 1em; }
td.ms3top { border-top: 1px solid #D0B89D; }
td.ms3bottom { border-bottom: 1px solid #D0B89D; }


/* ms4 - MS table, four columns, brown second column. CF, PA */
table.ms4 { border: none; border-collapse: collapse; }
table.ms4 td { padding: 0.5em 2em; vertical-align: top; }
table.ms4 td:nth-child(1) { padding: 0.5em 1em !important; vertical-align: middle !important; }
table.ms4 td:nth-child(2) { border-left: 1px solid #D0B89D; border-right: 1px solid #D0B89D; background-color: #EFE7DE; }
table.ms4 th { padding-bottom: 1em; }
td.ms4top { border-top: 1px solid #D0B89D; }
td.ms4bottom { border-bottom: 1px solid #D0B89D; }


/* ms6 - MS table, six columns, brown fourth column. OM */
table.ms6 { border: none; border-collapse: collapse; }
table.ms6 td { padding: 0.2em 2em; vertical-align: top; }
table.ms6 td:nth-child(1) { padding: 0em 0.5em !important; }
table.ms6 td:nth-child(2) { padding: 0em 0.5em !important; }
table.ms6 td:nth-child(3) { padding: 0em 0.5em !important; }
table.ms6 td:nth-child(4) { border-left: 1px solid #D0B89D; border-right: 1px solid #D0B89D; background-color: #EFE7DE; }
table.ms6 th { padding-bottom: 1em; }
td.ms6top { border-top: 1px solid #D0B89D; }
td.ms6bottom { border-bottom: 1px solid #D0B89D; padding-bottom: 1em !important; }

table.hengovektable {
}
table.hengovektable caption {
}
table.hengovektable td {
	padding: 0.6em;
   vertical-align: top;
}
table.hengovektable tr th {
}
table.hengovektable th {
  border-bottom: 1px solid #ccc;
  background-color: #eee;
  text-align: left;
  padding: 0.6em;
}




 /* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}