MediaWiki:Common.css: Difference between revisions

Revision as of 01:39, 18 April 2026

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

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

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

a[href*="archive.offlinee.com/api/worlds/"]::after {
  content:"";
  display:inline-block;
  background:url(https://wiki.everybodyedits.com/images/2/21/WikiWorld.png);
  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;
}

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

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

.mainPage_container {
  display:flex;
  flex-direction:column;
  position:relative;
  color:#DDDDDD;
  background:#333333;
  border:2px solid #7B7B7B;
  border-radius:10px;
  padding:5px;
  margin:5px;
}

.mainPage_full {
  flex:1;
}

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

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

.mainPage_banner {
  background:url(https://wiki.everybodyedits.com/images/9/96/WikiBanner.png);
  background-position:center;
  opacity:0.5;
  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;
  text-shadow:2px 2px 2px #000000;
}

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

.mainPage_items {
  display:flex;
}

.mainPage_header {
  font-size:150%;
  font-weight:bold;
  color:#DDDDDD;
  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;
  text-shadow:2px 2px 2px #000000;
}

.mainPage_newsBanner {
  background:url(https://wiki.everybodyedits.com/images/f/f7/WikiNewsBanner.png);
  background-position:center;
  opacity:0.5;
  mask-image:linear-gradient(90deg, #000 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 16px;
  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;
}

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

.messageBox_bannerImage {
  position:relative;
  opacity:0.5;
  mask-image:linear-gradient(90deg, #000000 0%, transparent 100%);
  top:50%;
  transform: translate(0%, -50%);
}

.messageBox_text {
  position:relative;
}

.messageBox_shadow {
  text-shadow: 2px 2px 2px #000000;
}