MediaWiki:Common.css: Difference between revisions

From Everybody Edits Wiki
Jump to navigation Jump to search
min 64px
move this out of hardcoding
Line 150: Line 150:


.messageBox_banner {
.messageBox_banner {
  background:url(https://wiki.everybodyedits.com/images/3/3a/Template_Move.png);
   opacity:0.5;
   opacity:0.5;
   mask-image:linear-gradient(90deg, #000 0%, transparent 100%);
   mask-image:linear-gradient(90deg, #000 0%, transparent 100%);

Revision as of 04:22, 15 April 2026

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

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

/* ========================================== */
/* 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:0 auto 16px;
  padding:10px 16px;
  position:relative;
  display:flex;
  align-items:center;
  min-height:64px;
  box-sizing:border-box;
}

.messageBox_banner {
  opacity:0.5;
  mask-image:linear-gradient(90deg, #000 0%, transparent 100%);
  position:absolute;
  inset:0px;
  max-width:384px;
}

.messageBox_text {
  position:relative;
}