MediaWiki:Common.css: Difference between revisions

Latest revision as of 18:48, 1 November 2026

/* ========================================== */
/* General                                    */
/* ========================================== */

body {
  -webkit-text-size-adjust:100% !important;
}

.pixel {
  image-rendering:pixelated;
}

/* ========================================== */
/* General - World Links                      */
/* ========================================== */

a[href*="archive.offlinee.com/api/worlds/"]::after {
  content:"";
  display:inline-block;
  background:url(https://wiki.everybodyedits.com/images/2/2b/Template_World.png);
  image-rendering:pixelated;
  width:16px;
  height:16px;
  margin-left:4px;
  vertical-align:text-bottom;
}

.worldLink_tooltip {
  position:fixed;
  pointer-events:none;
  z-index:9999;
  visibility:hidden;
}

.worldLink_tooltipImage {
  background:#000000;
}

/* ========================================== */
/* General - Infoboxes                        */
/* ========================================== */

.infobox_container {
  display:flex;
  flex-direction:column;
  position:relative;
  background:#333333;
  border:2px solid #7B7B7B;
  border-radius:10px;
  padding:5px;
  margin:0px 0px 15px 15px;
  text-shadow:0px 1px 2px #000000;
  width:300px;
  float:right;
}

.infobox_header {
  font-size:150%;
  font-weight:bold;
  text-align:center;
  background:#222222;
  border-radius:5px;
  padding:5px 10px;
  margin-bottom:5px;
}

.infobox_image {
  margin-bottom:5px;
}

.infobox_table {
  border-spacing:0px;
}

.infobox_table tr > * {
  padding:5px;
  text-align:left;
}

.infobox_table tr:nth-child(2n+1) > * {
  background:#222222;
}

.infobox_table th {
  border-radius:5px 0px 0px 5px;
}

.infobox_table td {
  border-radius:0px 5px 5px 0px;
}

/* ========================================== */
/* Main Page                                  */
/* ========================================== */

body.page-Main_Page h1.firstHeading {
    display:none;
}

.mainPage_container {
  display:flex;
  flex-direction:column;
  position:relative;
  background:#333333;
  border:2px solid #7B7B7B;
  border-radius:10px;
  padding:5px;
  margin:5px;
  text-shadow:0px 1px 2px #000000;
}

.mainPage_full {
  flex:1;
}

.mainPage_notFull {
  max-width:40%;
}

body.page-Everybody_Edits_Wiki_Discussion li#ca-talk {
  display:none !important;
}

/* ========================================== */
/* Main Page - Welcome                        */
/* ========================================== */

.mainPage_banner {
  background:url(https://wiki.everybodyedits.com/images/a/a4/Main_Page_Banner.png);
  image-rendering:pixelated;
  background-position:center;
  opacity:0.25;
  position:absolute;
  border-radius:5px;
  inset:5px;
}

.mainPage_welcome {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  z-index:1;
  padding:5px;
  font-size:16px;
}

/* ========================================== */
/* Main Page - Items                          */
/* ========================================== */

.mainPage_items {
  display:flex;
}

.mainPage_header {
  font-size:150%;
  font-weight:bold;
  background:#222222;
  border-radius:5px;
  padding:5px 10px;
  margin-bottom:5px;
}

/* ========================================== */
/* Main Page - Index                          */
/* ========================================== */

.mainPage_index {
  display:flex;
  justify-content:space-around;
  align-items:center;
  height:100%;
}

.mainPage_indexItem {
  display:flex;
  flex-direction:column;
  align-items:center;
}

/* ========================================== */
/* Main Page - News                           */
/* ========================================== */

.mainPage_news {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  position:relative;
  margin-bottom:5px;
}

.mainPage_newsGame {
  height:80px;
}

.mainPage_newsBanner {
  background:url(https://wiki.everybodyedits.com/images/1/16/Main_Page_News_Banner.png);
  image-rendering:pixelated;
  background-position:center;
  opacity:0.25;
  mask-image:linear-gradient(90deg, #000000 0%, transparent 100%);
  position:absolute;
  border-radius:5px;
  inset:0px;
}

.mainPage_newsDate, .mainPage_newsItem {
  font-weight:bold;
  text-align:center;
  z-index:1;
}

.mainPage_newsItem {
  font-size:125%;
}

/* ========================================== */
/* Template - Message Box                     */
/* ========================================== */

.messageBox_base {
  background:#333333;
  border-left:4px solid #FFBB00;
  max-width:80%;
  margin:0px auto 10px;
  padding:8px 16px;
  position:relative;
  display:flex;
  align-items:center;
  min-height:64px;
  box-sizing:border-box;
  border-radius:0px 5px 5px 0px;
  overflow:hidden;
  text-shadow:0px 1px 2px #000000;
}

.messageBox_banner {
  position:absolute;
  inset:0px;
}

.messageBox_bannerImage {
  position:relative;
  image-rendering:pixelated;
  opacity:0.25;
  mask-image:linear-gradient(90deg, #000000 0%, transparent 100%);
  max-width:fit-content;
  top:50%;
  transform:translate(0%, -50%);
}

.messageBox_text {
  position:relative;
}