Wikia.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
/* Background Image */
body { 
  background: #000 url(https://images.wikia.nocookie.net/mysticguardians/images/6/6c/MG_wikia_BG.jpg) center no-repeat;
  background-attachment: fixed;
  background-size: contain; 
}

/* what is this? */
.i18ndoc
{
    background-color: #FFF77D;
    border-bottom: 1px solid lightgrey;
    padding: 3px;
}

/* CSS tooltips */
.tooltip1 {
    border-bottom: 1px;
    color: #70B8FF;
    cursor: help;
}
.tooltip1 span {
    margin-left: -10000px;
    position: absolute;
}
.tooltip1:hover span {
    border: 1px #6B6A6A solid;
    border-radius: 4px;
    color: #D5D4D4;
    position: absolute;
    margin-left: 2px;
    background: #424141;
    padding: 2px 5px;
    width: 400px;
}

.tooltip2 {
    border-bottom: 1px;
    color: #70B8FF;
    cursor: help;
}
.tooltip2 span {
    margin-left: -10000px;
    position: absolute;
}
.tooltip2:hover span {
    border: 1px #6B6A6A solid;
    border-radius: 4px;
    color: #D5D4D4;
    position: absolute;
    margin-left: 2px;
    background: #424141;
    padding: 2px 5px;
    width: 400px;
}

.tooltip3 {
    border-bottom: 1px;
    color: #70B8FF;
    cursor: help;
}
.tooltip3 span {
    margin-left: -10000px;
    position: absolute;
}
.tooltip3:hover span {
    border: 1px #6B6A6A solid;
    border-radius: 4px;
    color: #D5D4D4;
    position: absolute;
    margin-left: 2px;
    background: #424141;
    padding: 2px 5px;
    width: 400px;
}

.tooltip4 {
    border-bottom: 1px;
    color: #70B8FF;
    cursor: help;
}
.tooltip4 span {
    margin-left: -10000px;
    position: absolute;
}
.tooltip4:hover span {
    border: 1px #6B6A6A solid;
    border-radius: 4px;
    color: #D5D4D4;
    position: absolute;
    margin-left: 2px;
    background: #424141;
    padding: 2px 5px;
    width: 400px;
}

.tooltip5 {
    border-bottom: 1px;
    color: #70B8FF;
    cursor: help;
}
.tooltip5 span {
    margin-left: -10000px;
    position: absolute;
}
.tooltip5:hover span {
    border: 1px #6B6A6A solid;
    border-radius: 4px;
    color: #D5D4D4;
    position: absolute;
    margin-left: 2px;
    background: #424141;
    padding: 2px 5px;
    width: 400px;
}

.maptooltip1 {
    border-bottom: 1px;
    color: #70B8FF;
    cursor: help;
}
.maptooltip1 span {
    margin-left: -10000px;
    position: absolute;
}
.maptooltip1:hover span {
    border: 1px #6B6A6A solid;
    border-radius: 4px;
    color: #D5D4D4;
    position: absolute;
    margin-left: 2px;
    background: #424141;
    padding: 2px 5px;
    width: 400px;
}

.maptooltip2 {
    border-bottom: 1px;
    color: #70B8FF;
    cursor: help;
}
.maptooltip2 span {
    margin-left: -10000px;
    position: absolute;
}
.maptooltip2:hover span {
    border: 1px #6B6A6A solid;
    border-radius: 4px;
    color: #D5D4D4;
    position: absolute;
    margin-left: 2px;
    background: #424141;
    padding: 2px 5px;
    width: 400px;
}

.maptooltip3 {
    border-bottom: 1px;
    color: #70B8FF;
    cursor: help;
}
.maptooltip3 span {
    margin-left: -10000px;
    position: absolute;
}
.maptooltip3:hover span {
    border: 1px #6B6A6A solid;
    border-radius: 4px;
    color: #D5D4D4;
    position: absolute;
    margin-left: 2px;
    background: #424141;
    padding: 2px 5px;
    width: 400px;
}

.maptooltip4 {
    border-bottom: 1px;
    color: #70B8FF;
    cursor: help;
}
.maptooltip4 span {
    margin-left: -10000px;
    position: absolute;
}
.maptooltip4:hover span {
    border: 1px #6B6A6A solid;
    border-radius: 4px;
    color: #D5D4D4;
    position: absolute;
    margin-left: 2px;
    background: #424141;
    padding: 2px 5px;
    width: 400px;
}

.maptooltip5 {
    border-bottom: 1px;
    color: #70B8FF;
    cursor: help;
}
.maptooltip5 span {
    margin-left: -10000px;
    position: absolute;
}
.maptooltip5:hover span {
    border: 1px #6B6A6A solid;
    border-radius: 4px;
    color: #D5D4D4;
    position: absolute;
    margin-left: 2px;
    background: #424141;
    padding: 2px 5px;
    width: 400px;
}