Jump to content

MediaWiki:Common.css: Difference between revisions

From Gangcraft Wiki
Infobox styles
 
m Add flag emoticon support, fix general emoticon
 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* chatboxes */
.chat-message-box {
    background-color: light-dark(#f5f5f5, #242424);
    padding-left:2px;
}
.player-name {
    color: #5555FF;
}
.chat-info {
    color: light-dark(#363636, #dbdbdb);
}


/* Infoboxes */
/* make infoboxes wider */
.infobox {
:root {
border: 1px solid #a2a9b1;
    --pi-width: 278px !important;
color: black;
}
padding: 0.2em;
.pi-image-thumbnail {
font-size: 88%;
    width: var(--pi-width) !important;
line-height: 1.5em;
}
border-spacing: 3px;
/* center headers in infoboxes */
.pi-header {
    text-align: center;
}
}


@media screen {
/* gangcraft emoticons */
.infobox {
.gc-emoticon {
background-color: #f8f9fa;
  display: inline-block;
    }
  width: 1em;
  height: 1em;
  background-size: cover;
  vertical-align: middle;
}
}
 
.gc-flag {
@media (max-width: 640px) {
  display: inline-block;
.infobox {
  width: 2em;
width: 100%;
  height: 1em;
}
  background-size: cover;
   
  vertical-align: middle;
.infobox .nowrap {
white-space: normal;
}
}
}
 
.gce-overworld {
@media (min-width: 640px) {
  background-image: url('/images/6/65/Overworld-emoticon.png');
.infobox {
/* @noflip */
margin: 0.5em 0 0.5em 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}
}
 
.gce-nether {
.infobox-header,
  background-image: url('/images/6/6c/Nether-emoticon.png');
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
vertical-align: top;
}
}
 
.gce-end {
.infobox-label,
  background-image: url('/images/2/20/End-emoticon.png');
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}
}
 
.gce-gb {
/* Remove .infobox when element selectors above are removed */
  background-image: url('/images/0/0c/Gb_flag_emoticon.png');
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}
}
 
.gce-eitc {
.infobox-title,
  background-image: url('/images/9/92/Eitc_flag_emoticon.png');
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
padding: 0.2em;
}
}
 
.gce-icv {
/* Remove .infobox when element selectors above are removed */
  background-image: url('/images/8/82/Iceveil_flag_emoticon.png');
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}
}
 
.gce-utsd {
/* Remove .infobox when element selectors above are removed */
  background-image: url('/images/c/cc/Utsd_flag_emoticon.png');
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}
}

Latest revision as of 23:31, 11 April 2025

/* chatboxes */
.chat-message-box {
    background-color: light-dark(#f5f5f5, #242424);
    padding-left:2px;
}
.player-name {
    color: #5555FF;
}
.chat-info {
    color: light-dark(#363636, #dbdbdb);
}

/* make infoboxes wider */
:root {
    --pi-width: 278px !important;
}
.pi-image-thumbnail {
    width: var(--pi-width) !important;
}
/* center headers in infoboxes */
.pi-header {
    text-align: center;
}

/* gangcraft emoticons */
.gc-emoticon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-size: cover;
  vertical-align: middle;
}
.gc-flag {
  display: inline-block;
  width: 2em;
  height: 1em;
  background-size: cover;
  vertical-align: middle;
}
.gce-overworld {
  background-image: url('/images/6/65/Overworld-emoticon.png');
}
.gce-nether {
  background-image: url('/images/6/6c/Nether-emoticon.png');
}
.gce-end {
  background-image: url('/images/2/20/End-emoticon.png');
}
.gce-gb {
  background-image: url('/images/0/0c/Gb_flag_emoticon.png');
}
.gce-eitc {
  background-image: url('/images/9/92/Eitc_flag_emoticon.png');
}
.gce-icv {
  background-image: url('/images/8/82/Iceveil_flag_emoticon.png');
}
.gce-utsd {
  background-image: url('/images/c/cc/Utsd_flag_emoticon.png');
}
Retrieved from "https://gangcraft.wiki/index.php?title=MediaWiki:Common.css&oldid=609"