MediaWiki:Common.css: Difference between revisions

From IdleOn MMO Wiki
imported>Grzib
No edit summary
imported>Grzib
No edit summary
Line 18: Line 18:


/* World banners */
/* World banners */
mw-collapsible-toggle .banner-image {
.banner-image {
   position: relative;
   position: relative;
   border-radius: 0.4em;
   border-radius: 0.4em;

Revision as of 13:47, 19 November 2020

/* Background Image */
#mw-content-container {
    background:  url('https://static.miraheze.org/idleonwiki/2/24/NightDesertBG.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Logo image border */
#p-logo {
    background: #f8f9fa;
    padding: 1px 1px 0.8em 1px;
    border: #f8f9fa;
    border-style: solid;
    border-width: 1px 1px 0.2em;
}

/* World banners */
.banner-image {
  position: relative;
  border-radius: 0.4em;
  max-width: 100%;
  overflow: hidden;
  float: left;
  margin: 0 0 3px;
}

.banner-text {
  position: absolute;
  bottom: 10px;
  left: 20px;
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  font-size: 35px;
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px;
}

/* CSS placed here will be applied to all skins */
.infobox {
    border: 1px solid #000;
    background: #e6e6e6;
    border-radius: 0.7em;
    font-size: 120%;
    color: #000;
    margin: 0 0 1em .5em;
    padding: 0.1em;
    float: right;
    clear: right;
    width: 30%;
}
.infobox-title {
    font-size: 2em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox th.header {
    background: #916699;
    color: #000;
    font-size: 120%;
    font-weight: bold;
    padding: 0.5em;
    border-radius: .4em .4em 0 0;
    text-align: center;
    width: 20em;
}
.infobox th.subheader {
	text-align: center;
    background: #916699;
    width: 20em;
    padding: 0.2em;
    font-weight: bold;
}
.infobox th {
    vertical-align: top;
    background: #c0b3cc;
    text-align: left;
    padding: 0.2em;
    padding-left: 0.4em;
    width: 7.5em;
}
.infobox td {
    vertical-align: top;
}

.droptable{
	width: 60%;
}
.droptable th.header {
    background: #916699;
    color: #000;
    font-size: 120%;
    font-weight: bold;
    border-radius: .4em .4em 0 0;
    text-align: center;
}
.droptable th.subheader {
	text-align: center;
    background: #916699;
    font-weight: bold;
}

.droptable tr:nth-child(odd){
  background-color: lightgrey;
}

.navigation{
	width: 60%;
}
/* -------------------------------------------------- TOC */
/* Title */ 
.toc .toctitle {    
	text-align: center; 
} 
.toc .toctitle h2 {
    font-weight: bold; 
} 

/* List */ 
.mw-parser-output .toc ul {
    list-style-type: none;    margin: 0 0 0 0.5em; 
} 
.mw-parser-output .toc ul ul {
    margin: 0 0 0 1.5em; 
} .mw-parser-output .toc ul li {
    margin-right: 3px; 
}