MediaWiki:Common.css: Difference between revisions

Revision as of 21:05, 1 January 2022

/* CSS placed here will be applied to all skins */

/* Infobox alignment*/
.infobox { float: right; }

/* Hide Main Page Title */
body.page-Main_Page h1 { display: none; }

/* ---Edits the top header--- */

div#mw-page-base {
background: none
}

/* -Background Border- */
html, body {
    background: #cc99ff;
  }

/* -Body Content- */
div.mw-body
{
background-color: RGB(238, 208, 223);
color: #000000;
}

div.mw-body-content
{
background-color: RGB(238, 208, 223);
}
table.mp-topbanner
{
background-color: RGB(238, 208, 223);
}

/* SEARCH BOX MODIFICATION */
/* SEARCH BOX Edits the physical look of the box, change the RGBA values to get the box easily visible. Also accept HTML standard colors, RGB, or #HEX. Color changes the text color in the box when typing. */
#simpleSearch input{
background-color: rgba(255,255,255,0.45);
border: 2px solid rgba(59,88,191,1);
color: rgb(40,40,40);
}

/* SEARCH BOX Placeholder text color when the search box is empty. */
#simpleSearch input::placeholder{
color: white;

/* Front Page Fanciness */
}

.headerbarcenter {
  align: center;
  margin: 5px; 
  padding: 5px; 
  color: white; 
  font-size: 200%; 
  font-weight: bold;
  text-shadow: 1px 1px 2px #222;
  width: 30ex
}

/* -Nav Background + Border- */
div#mw-panel {
border: 2px solid #723fdf;
border-radius: 0px 50px 30px 15px;
background-color: #cc99ff;
box-shadow: inset 0px 0px 3px 3px rgba(0,150,130,0.4);
}


/* -Nav List Item Modification- */
div#mw-panel li
{
font-family: verdana;
font-weight: bold;
color: #000000;
}

/* -Nav Header Modification- */
div#mw-panel div.portal h3
{
font-family: "Verdana"; 
font-weight: bold;
text-decoration: underline;
font-size: 17px;
color: #000000;
}

/* TABS MODIFICATION */

/* TAB BUTTON: Changes the button color and adds a gradient to make it similar to the others in the header */
.vectorMenu{
background: linear-gradient(RGBA(0,0,0,0), RGBA(255,255,255,0.2) 7%, RGBA(0,0,0,1) 35%);
border-top-right-radius: 8px;
}

/* TAB BUTTON: Changes drop down menu color, adds a border to the top to separate it from the button. */
div#mw-head div.vectorMenu ul{
background-color: RGBA(1,1,1,1) !important;
border-top: 1px solid white !important;
}