MediaWiki:Common.css: Difference between revisions

From Videogame Interface Wiki
(slightly wider infobox)
(Horizontal infobox testing)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
div#infobox {
  display:grid;
  grid-gap:1em;
  grid-template-columns:repeat(4,1fr);
}
 
div.infobox-section {
 
}


/* Infobox testing */
div#infobox .infobox-section {
table#infobox {
  border:grey 1px dashed;
border:grey 1px dashed;
border-radius:1em;
border-spacing:1em 0.5em;
display:block;
float:right;
margin:0 0 1em 1em;
padding:1em;
text-align:left;
width:22em;
}
}


table#infobox hr {
div#infobox img {
border-bottom:1px gray dashed;
  width:100%;
background:none;
  height:auto;
}
}


table#infobox img {
div#infobox table th,
width:100%;
div#infobox table td {
height:auto;
  border:1px solid lightgrey;
  padding:1em;
  vertical-align:top;
}
}


table#infobox th {
div#infobox table th {
vertical-align:top;
  text-align:right;
}
}


/* Make signup captcha question clearer */
.mw-htmlform-field-HTMLInfoField.mw-ui-vform-field > label {
.mw-htmlform-field-HTMLInfoField.mw-ui-vform-field > label {
background:yellow;
background:yellow;
display:block;
display:block;
margin-bottom:1em;
margin-bottom:1em
}
}

Revision as of 20:53, 23 February 2023

div#infobox {
  display:grid;
  grid-gap:1em;
  grid-template-columns:repeat(4,1fr);
}

div.infobox-section {
  
}

div#infobox .infobox-section {
  border:grey 1px dashed;
}

div#infobox img {
  width:100%;
  height:auto;
}

div#infobox table th,
div#infobox table td {
  border:1px solid lightgrey;
  padding:1em;
  vertical-align:top;
}

div#infobox table th {
  text-align:right;
}

.mw-htmlform-field-HTMLInfoField.mw-ui-vform-field > label {
 background:yellow;
 display:block;
 margin-bottom:1em
}