MediaWiki:Common.css: Difference between revisions

From Galactic Civilizations - Official Wiki
Jump to navigation Jump to search
No edit summary
Tag: Reverted
No edit summary
 
(20 intermediate revisions by the same user not shown)
Line 20: Line 20:
}
}


/* Infobox template style */
.infobox {
.infobox {
border: 1px solid #a2a9b1;
    background: #f8f9fa;
border-spacing: 3px;
    border: 1px solid #a2a9b1;
background-color: #f8f9fa;
    float: right;
color: black;
    margin: 0 0 1em 1em;
/* @noflip */
    padding: 1em;
margin: 0.5em 0 0.5em 1em;
    width: 250px;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
width: 22em;
}
}
 
.infobox-title {
.infobox-header,
    text-align: center;
.infobox-label,
    font-style: italic;
.infobox-above,
    font-weight: bold;
.infobox-full-data,
    background: lightsteelblue;
.infobox-data,
}
.infobox-below,
.infobox-image {
.infobox-subheader,
    text-align: center;
.infobox-image,
}
.infobox-navbar,
.infobox-table th {
/* Remove element selector when every .infobox thing is using the standard module/templates  */
    text-align: right;
.infobox th,
    vertical-align: top;
.infobox td {
    width: 120px;
vertical-align: top;
}
.infobox-table td {
    vertical-align: top;
}
.infobox-leader {
    text-align: center;
}
.infobox-label {
    background: lightsteelblue;
    text-align: center;
    vertical-align: top;
}
.infobox-data {
    width: 50%;
    margin: 0 auto;
    text-align: left;
}
}
 
/* Custom h1 */
.infobox-label,
.custom-h1 {
.infobox-data,
  font-size: 2em; /* Adjust size as needed */
/* Remove element selector when every .infobox thing is using the standard module/templates  */
  font-weight: bold;
.infobox th,
  margin-top: 0.67em;
.infobox td {
  margin-bottom: 0.67em;
/* @noflip */
text-align: left;
}
}


/* Remove .infobox when element selectors above are removed */
/* Custom h2 */
.infobox .infobox-above,
.custom-h2 {
.infobox .infobox-title,
  font-size: 1.5em; /* Adjust size as needed */
/* Remove element selector when every .infobox thing is using the standard module/templates  */
  font-weight: bold;
.infobox caption {
  margin-top: 0.83em;
font-size: 125%;
  margin-bottom: 0.83em;
font-weight: bold;
text-align: center;
}
}


.infobox-title,
/* Custom h3 */
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.custom-h3 {
.infobox caption {
  font-size: 1.17em; /* Adjust size as needed */
padding: 0.2em;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 1em;
}
}


/* Remove .infobox when element selectors above are removed */
/* Custom h4 */
.infobox .infobox-header,
.custom-h4 {
.infobox .infobox-subheader,
  font-size: 1em; /* This makes it same as normal text size, adjust if needed */
.infobox .infobox-image,
  font-weight: bold;
.infobox .infobox-full-data,
  margin-top: 1.33em;
.infobox .infobox-below {
  margin-bottom: 1.33em;
text-align: center;
}
}


/* Remove .infobox when element selectors above are removed */
/* Custom h5 */
.infobox .infobox-navbar {
.custom-h5 {
/* @noflip */
  font-size: 0.83em; /* Adjust size as needed */
text-align: right;
  font-weight: bold;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
}
}

Latest revision as of 18:58, 8 March 2024

/* CSS placed here will be applied to all skins */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
body.page-Test_Main.action-view h1.firstHeading, body.page-Test_Main.action-submit h1.firstHeading { display: none; }

#p-logo { height: 250px; width: 160px; }

#p-logo a { height: 250px; width: 160px; }
div#mw-panel { padding-top: 2em; }

img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 760px) { /* Adjust as needed */
  table, tbody, tr, td {
    display: block;
    width: 100%;
  }
}

.infobox {
    background: #f8f9fa;
    border: 1px solid #a2a9b1;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 250px;
}
.infobox-title {
    text-align: center;
    font-style: italic;
    font-weight: bold;
    background: lightsteelblue;
}
.infobox-image {
    text-align: center;
}
.infobox-table th {
    text-align: right;
    vertical-align: top;
    width: 120px;
}
.infobox-table td {
    vertical-align: top;
}
.infobox-leader {
    text-align: center;
}
.infobox-label {
    background: lightsteelblue;
    text-align: center;
    vertical-align: top;
}
.infobox-data {
    width: 50%;
    margin: 0 auto;
    text-align: left;
}
/* Custom h1 */
.custom-h1 {
  font-size: 2em; /* Adjust size as needed */
  font-weight: bold;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
}

/* Custom h2 */
.custom-h2 {
  font-size: 1.5em; /* Adjust size as needed */
  font-weight: bold;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
}

/* Custom h3 */
.custom-h3 {
  font-size: 1.17em; /* Adjust size as needed */
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* Custom h4 */
.custom-h4 {
  font-size: 1em; /* This makes it same as normal text size, adjust if needed */
  font-weight: bold;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
}

/* Custom h5 */
.custom-h5 {
  font-size: 0.83em; /* Adjust size as needed */
  font-weight: bold;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
}