Difference between revisions of "MediaWiki:Common.css"

From Omniverse Nexus
Jump to navigation Jump to search
m
(6 intermediate revisions by the same user not shown)
Line 23: Line 23:
 
/* --Anchor Recolour-- */   
 
/* --Anchor Recolour-- */   
 
a:link {
 
a:link {
color: #adadad;
+
color: #48BCFF;
 
}
 
}
 
a:visited {
 
a:visited {
color: #7d7d7d;
+
color: #FF7E7E;
 
}
 
}
 
a:hover {
 
a:hover {
Line 75: Line 75:
 
/* -Nav Background + Border- */
 
/* -Nav Background + Border- */
 
div#mw-panel {
 
div#mw-panel {
background: rgba(255, 255, 255, 0.5);
+
background: rgba(42, 42, 40, 1);
 
}
 
}
  
Line 106: Line 106:
 
div.mw-body
 
div.mw-body
 
{
 
{
background-color: RGBA(255, 255, 255, 0.7);
+
background-color: RGBA(42, 42, 40, 0.7);
color: #000000;
+
color: #ffffff;
 
}
 
}
  
Line 113: Line 113:
 
div.mw-body-content
 
div.mw-body-content
 
{
 
{
background-color: RGBA(255, 255, 255, 0.7);
+
background-color: RGBA(42, 42, 40, 0.7);
 
}
 
}
 
table.mp-topbanner
 
table.mp-topbanner
 
{
 
{
background-color: RGBA(255, 255, 255, 0.7);
+
background-color: RGBA(42, 42, 40, 0.7);
 
}
 
}
  
Line 123: Line 123:
 
body
 
body
 
{
 
{
background-color: RGBA(0, 55, 84, 1);
+
background-color: RGBA(42, 42, 40, 1);
 
}
 
}
  
Line 129: Line 129:
 
div#content h1, div#content h2, div#content h3, div#content h4 {
 
div#content h1, div#content h2, div#content h3, div#content h4 {
 
     font-family: arial, sans-serif;
 
     font-family: arial, sans-serif;
     color: #000000;
+
     color: #ffffff;
 
}
 
}
  
Line 171: Line 171:
 
/* Infobox template style */
 
/* Infobox template style */
 
.infobox {
 
.infobox {
     border: 1px solid #a2a9b1;
+
     border: 1px solid #4D5155;
 
     border-spacing: 3px;
 
     border-spacing: 3px;
     background-color: #f8f9fa;
+
     background-color: #2a2a28;
     color: black;
+
     color: white;
 
     /* @noflip */
 
     /* @noflip */
 
     margin: 0.5em 0 0.5em 1em;
 
     margin: 0.5em 0 0.5em 1em;
Line 389: Line 389:
 
   display: inline-block;
 
   display: inline-block;
 
   font-style: normal;
 
   font-style: normal;
   color: white;
+
   color: black;
 
   position: absolute;
 
   position: absolute;
 
   line-height: 29px;
 
   line-height: 29px;
 
   font-size: 25px;
 
   font-size: 25px;
 
   text-decoration: none;
 
   text-decoration: none;
   background-color: rgba(0, 0, 0, 0.6);
+
   background-color: rgba(255, 255, 255, 0.6);
  
 
   /* Vertically centres game title text. Flex boxes are not compatible with IE. */
 
   /* Vertically centres game title text. Flex boxes are not compatible with IE. */
Line 411: Line 411:
  
 
.mp-gc {
 
.mp-gc {
   background-color: white;
+
   background-color: black;
 
   display: inline-block;
 
   display: inline-block;
 
   background-image: url(http://omniversenexus.net/wiki/images/7/76/GC_Tile.png);
 
   background-image: url(http://omniversenexus.net/wiki/images/7/76/GC_Tile.png);
Line 420: Line 420:
 
   justify-content: flex-start;
 
   justify-content: flex-start;
 
   clip: auto;
 
   clip: auto;
   box-shadow: inset rgba(255, 255, 255, 0.1) 0 0 0 1px;
+
   box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 0 1px;
 
}
 
}
  
Line 428: Line 428:
  
 
.mp-et {
 
.mp-et {
   background-color: white;
+
   background-color: black;
 
   display: inline-block;
 
   display: inline-block;
 
   background-image: url(http://omniversenexus.net/wiki/images/d/df/ET_Tile.png);
 
   background-image: url(http://omniversenexus.net/wiki/images/d/df/ET_Tile.png);
Line 437: Line 437:
 
   justify-content: flex-start;
 
   justify-content: flex-start;
 
   clip: auto;
 
   clip: auto;
   box-shadow: inset rgba(255, 255, 255, 0.1) 0 0 0 1px;
+
   box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 0 1px;
 
}
 
}
  
Line 445: Line 445:
  
 
.mp-ih {
 
.mp-ih {
   background-color: white;
+
   background-color: black;
 
   display: inline-block;
 
   display: inline-block;
 
   background-image: url(http://omniversenexus.net/wiki/images/7/72/IH_Tile.png);
 
   background-image: url(http://omniversenexus.net/wiki/images/7/72/IH_Tile.png);
Line 454: Line 454:
 
   justify-content: flex-start;
 
   justify-content: flex-start;
 
   clip: auto;
 
   clip: auto;
   box-shadow: inset rgba(255, 255, 255, 0.1) 0 0 0 1px;
+
   box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 0 1px;
 
}
 
}
  
Line 462: Line 462:
  
 
.mp-dw {
 
.mp-dw {
   background-color: white;
+
   background-color: black;
 
   display: inline-block;
 
   display: inline-block;
 
   background-image: url(http://omniversenexus.net/wiki/images/9/9a/DW_Tile.png);
 
   background-image: url(http://omniversenexus.net/wiki/images/9/9a/DW_Tile.png);
Line 471: Line 471:
 
   justify-content: flex-start;
 
   justify-content: flex-start;
 
   clip: auto;
 
   clip: auto;
   box-shadow: inset rgba(255, 255, 255, 0.1) 0 0 0 1px;
+
   box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 0 1px;
 
}
 
}
  
Line 482: Line 482:
 
#footer
 
#footer
 
{
 
{
background-color: rgba(255, 255, 255, 0.3);
+
background-color: rgba(0, 0, 0, 0.3);
 
}  
 
}  
  

Revision as of 23:18, 13 February 2020

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

/* Site-wide elements */

/* Hiding titles on MP and Setting Portals */

body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
body.page-Galactic_Crucibles.action-view h1.firstHeading, body.page-Galactic_Crucibles.action-submit h1.firstHeading { display: none; }
body.page-Erudite_Tales.action-view h1.firstHeading, body.page-Erudite_Tales.action-submit h1.firstHeading { display: none; }
body.page-Infinite_Histories.action-view h1.firstHeading, body.page-Infinite_Histories.action-submit h1.firstHeading { display: none; }
body.page-Dreamwalkers.action-view h1.firstHeading, body.page-Dreamwalkers.action-submit h1.firstHeading { display: none; }
body.page-Smog_Hollows.action-view h1.firstHeading, body.page-Smog_Hollows.action-submit h1.firstHeading { display: none; }

/* ---The Prettiness--- */


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

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

/* --Anchor Recolour-- */  
a:link {
color: #48BCFF;
}
a:visited {
color: #FF7E7E;
}
a:hover {
color: #ffffff;
}
a.new {
color: #ca0000;
}

/* Highlighted links from Wikia Developers Wiki */
  /* Bureaucrats */
    a[href$="/wiki/User:Krayfishkarl"],
    a[href$="/wiki/User:Pschycron"],
    a[href$="/wiki/User:SupcommMonroee"],
    a[href$="/wiki/User:TheTimMan"] {
        color: #FFD52D !important;
}
 
  /* Administrators */
    /* Please keep usernames in alphabetical order to make it easier to update. Thanks */
    a[href$="/wiki/User:Kingliman"],
    a[href$="/wiki/User:Majoras_Revenge!!!"],
    a[href$="/wiki/User:ReachNetwork"],
    a[href$="/wiki/User:Robbo"] {
        color: #FFA42D !important;
}

  /* Settings */
    a[href$="/wiki/Erudite_Tales"] {
        color: green !important;
}
    a[href$="/wiki/Galactic_Crucibles"] {
        color: #007AE1 !important;
}
    a[href$="/wiki/Infinite_Histories"] {
        color: #77BDFF !important;
}
    a[href$="/wiki/Dreamwalkers"] {
        color: #FD89FF !important;
}

    a[href$="/wiki/Smog_Hollows"] {
        color: #960000 !important;
}

/* --Navigation Bar Modification-- */

/* -Nav Background + Border- */
div#mw-panel {
background: rgba(42, 42, 40, 1);
}

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

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

/* --Main Page-- */
.main-page {
  align: center;
}


/* --Page Content Modifications-- */

/* -Body Transparency- */
div.mw-body
{
background-color: RGBA(42, 42, 40, 0.7);
color: #ffffff;
}

/* -Body Content Transparency- */
div.mw-body-content
{
background-color: RGBA(42, 42, 40, 0.7);
}
table.mp-topbanner
{
background-color: RGBA(42, 42, 40, 0.7);
}

/* --Page Background-- */
body
{
background-color: RGBA(42, 42, 40, 1);
}

/* --Header modifications-- */
div#content h1, div#content h2, div#content h3, div#content h4 {
    font-family: arial, sans-serif;
    color: #ffffff;
}

/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
    font-size: 100%;
}
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}

/* Infobox template style */
.infobox {
    border: 1px solid #4D5155;
    border-spacing: 3px;
    background-color: #2a2a28;
    color: white;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
    padding: 0.2em;
}
.infobox td,
.infobox th {
    vertical-align: top;
    /* @noflip */
    text-align: left;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}

.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #a2a9b1;
    /* @noflip */
    border-right: 1px solid #a2a9b1;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    /* @noflip */
    border-right: 1px solid #a2a9b1;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    border-collapse: collapse;
    line-height: 1.2em;
    font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
    border-top: 1px solid #a2a9b1;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: 1px solid #a2a9b1;
    padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: 1px solid #a2a9b1;
    padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}

/* --NEW THEME - MARCH 2018-- */

/* --New header bars (WIP)-- */
.bluebarleft {
  margin: 5px; 
  padding: 5px; 
  color: white; 
  font-size: 200%; 
  font-weight: bold;
  text-shadow: 1px 1px 2px #222;
  background: linear-gradient(to right, #1972D0, transparent); 
  width: 30ex
}

.bluebarleftshort {
  margin: 5px; 
  padding: 5px; 
  color: white; 
  font-size: 200%; 
  font-weight: bold;
  text-shadow: 1px 1px 2px #222;
  background: linear-gradient(to right, #1972D0, transparent); 
  width: 22ex
}

.bluebarright {
  margin: 5px; 
  padding: 5px; 
  color: white; 
  font-size: 200%; 
  font-weight: bold;
  text-shadow: 1px 1px 2px #222;
  background: linear-gradient(to right, transparent, #1972D0); 
  width: 30ex
}

.bluebarrightshort {
  margin: 5px; 
  padding: 5px; 
  color: white; 
  font-size: 200%; 
  font-weight: bold;
  text-shadow: 1px 1px 2px #222;
  background: linear-gradient(to right, transparent, #1972D0); 
  width: 22ex
}

.bluebarcenter {
  align: center;
  margin: 5px; 
  padding: 5px; 
  color: white; 
  font-size: 200%; 
  font-weight: bold;
  text-shadow: 1px 1px 2px #222;
  background: linear-gradient(to right, transparent, #1972D0, transparent); 
  width: 30ex
}

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

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

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

/* -- Setting Nav (WIP) - Derived from CSS on https://zelda.gamepedia.org -- */

.setting {
  display: inline-block;
  position: relative;
  font-size: 0;
  margin: 2px;
}

/* "Stretches" the setting link over the tile image.
 * Relying on pixel sizes is not ideal and makes the design very delicate.
 * It will have to do until a more elegant solution arises.
 */
.setting a {
  width: 100%;
  height: 101%;
  clip: rect(0px, 230px, 125px, 0px);
  /* Overdoing the height by 1% and clipping it off prevents the bug on
     certain browsers/OSes/screen-zoom-ins where the shadow falls short by a
     few pixels and doesn't cover the whole image. */

  display: inline-block;
  font-style: normal;
  color: black;
  position: absolute;
  line-height: 29px;
  font-size: 25px;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.6);

  /* Vertically centres game title text. Flex boxes are not compatible with IE. */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.setting a:hover{
  background-color: rgba(0, 0, 0, 0.3);
}

.setting-container {
  margin: 0 auto 3em; /* Mainly to add space below the settings, above the Categories */
}

.mp-gc {
  background-color: black;
  display: inline-block;
  background-image: url(http://omniversenexus.net/wiki/images/7/76/GC_Tile.png);
  background-repeat: no-repeat;
  text-align: center;
  box-sizing: border-box;
  padding: 5%;
  justify-content: flex-start;
  clip: auto;
  box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 0 1px;
}

.mp-gc:hover {
  opacity: 0.5;
}

.mp-et {
  background-color: black;
  display: inline-block;
  background-image: url(http://omniversenexus.net/wiki/images/d/df/ET_Tile.png);
  background-repeat: no-repeat;
  text-align: center;
  box-sizing: border-box;
  padding: 5%;
  justify-content: flex-start;
  clip: auto;
  box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 0 1px;
}

.mp-et:hover {
  opacity: 0.5;
}

.mp-ih {
  background-color: black;
  display: inline-block;
  background-image: url(http://omniversenexus.net/wiki/images/7/72/IH_Tile.png);
  background-repeat: no-repeat;
  text-align: center;
  box-sizing: border-box;
  padding: 5%;
  justify-content: flex-start;
  clip: auto;
  box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 0 1px;
}

.mp-ih:hover {
  opacity: 0.5;
}

.mp-dw {
  background-color: black;
  display: inline-block;
  background-image: url(http://omniversenexus.net/wiki/images/9/9a/DW_Tile.png);
  background-repeat: no-repeat;
  text-align: center;
  box-sizing: border-box;
  padding: 5%;
  justify-content: flex-start;
  clip: auto;
  box-shadow: inset rgba(0, 0, 0, 0.1) 0 0 0 1px;
}

.mp-dw:hover {
  opacity: 0.5;
}


/* --Footer Modifications-- */
#footer
{
background-color: rgba(0, 0, 0, 0.3);
} 

/* 
.mw-label {

background-color: lightgrey;


}
*/

.mw-input {
}

.mw-footer {

}


/* Special pages */
.mw-body-content{
background-color: rgba(210,210,210,0.6);

}




/* - Special:AllPages */
.mw-allpages-table-form,
.mw-allpages-nav {
}