Difference between revisions of "MediaWiki:Common.css"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>SandovalCurse
>Admin-gpuser
(Created page with "→‎Main page: body.page-Main_Page h1.firstHeading { display: none; } .mp-portal-row { display: flex; flex-flow: row nowrap; margin: 0; align-items...")
Line 1: Line 1:
−
/* This governs the sections on the Community portal */
+
/* Main page */
−
.cpbox {
+
body.page-Main_Page h1.firstHeading {
−
    display: flex;
+
    display: none;
−
    flex-direction: row-reverse;
 
−
    flex-wrap: wrap;
 
 
}
 
}
−
 
+
.mp-portal-row {
−
.cpbox #admins {
+
    display: flex;
−
  box-sizing: border-box;
+
    flex-flow: row nowrap;
−
  width: calc(33% - 10px);
+
    margin: 0;
−
  margin: 5px;
+
    align-items: self-start;
−
  flex-grow: 1;
+
    justify-content: space-around;
−
  min-width: 300px;
+
    text-align: center;
 +
    font-weight: bold;
 +
    max-width: 100%;
 
}
 
}
−
 
+
.mp-portal-row div {
−
.cpbox #help {
+
    flex: 0 1 auto;
−
  box-sizing: border-box;
+
    margin: 4px;
−
  width: calc(67% - 10px);
 
−
  margin: 5px;
 
−
  flex-grow: 1;
 
 
}
 
}
−
 
+
.mp-portal-icon a img {
−
.feature {
+
    width: 100%;
−
    background: rgba(0, 0, 0, 0.05);
+
    min-width: 50px;
−
    border: 1px solid rgba(0, 0, 0, 0.2);
+
    max-width: 150px;
−
    border-radius: 5px; padding: 10px;
+
    height: auto;
 
}
 
}
−
 
+
.mp p img {
−
/* CSS placed here will be applied to all skins */
+
    max-width: 100%;
−
 
+
    height: auto;
−
.fpcontent {
 
−
    width: 100%;
 
−
    overflow: hidden;
 
−
    z-index: 1;
 
 
}
 
}
−
 
+
@media(min-width: 1200px){
−
.fpmaybecols {
+
    table.mp {
−
     overflow: hidden;
+
        width: 100%;
−
     margin: -5px 0 -5px 0;
+
        text-align: center;
 +
        margin: 0 10px;
 +
    }
 +
    .mp-wrapper {
 +
        padding-right:400px;
 +
        height:auto;
 +
     }
 +
    .mp-left-container {
 +
        float: left;
 +
     }
 +
    .mp-right-container {
 +
        float: left;
 +
        padding-left:30px;
 +
        width: 400px;
 +
        margin-right:-400px;
 +
    }
 
}
 
}
−
 
+
.mp-menu-item {
−
.fpmaybecols + .fpmaybecols {
+
    text-align:left;
−
    margin: 0 0 -5px 0;
+
    width:195px;
 +
    display:inline-block;
 +
    margin:15px 25px;
 +
    vertical-align:top;
 
}
 
}
−
 
+
.mp-menu-item-header {
−
.fpbox {
+
    border-bottom: 1px solid #505050;
−
    background: rgba(255,255,255,.7);
+
    font-size: 150%;
−
    color: #000; /* change for hydra (light) wikis */
+
    font-variant: small-caps;
−
    margin: 5px 5px 5px 5px;
+
    color: black;
−
    padding: 5px 5px 5px 5px;
+
    padding-bottom: 5px;
−
    border-radius: 4px;
 
 
}
 
}
−
 
+
.mp-menu-item-body {
−
.fpbox2 {
+
    column-count:1;
−
    background: rgba(255,255,255,.75);
+
    margin-top: 5px;
−
    color: #000; /* change for hydra (light) wikis */
 
−
    margin: 5px 5px 5px 5px;
 
−
    padding: 5px 5px 5px 5px;
 
−
    border: 2px solid #DFC668;
 
 
}
 
}
−
 
+
.mp-menu-item-body > ul {
−
.fpboxcell {
+
    margin-top: 0;
−
    border: 2px solid #CDB88A;
 
 
}
 
}
−
 
+
/* wikitable */
−
.fpplainbox {
+
table.wikitable > :first-child > tr:first-child, table.wikitable > tbody > tr.heading, table.wikitable > :first-child > tr:first-child > *, table.wikitable > tbody > tr.heading > * {
−
    padding: 5px 8px 10px 8px;
+
    background-color: #0da547 !important;
−
    margin: 0 5px 10px 5px;
+
    border-color: #336642 !important;
−
    vertical-align: top;
 
 
}
 
}
−
 
+
table.wikitable > :first-child > tr:first-child a, table.wikitable > tbody > tr.heading a {
−
.fpbox .welcome {
+
    color: #a7f9be
−
    border-bottom: 2px solid #1B1823;
 
−
    color: #000; /* change for hydra (light) wikis */
 
−
    font-size: 150%;
 
−
    margin: 0 0 10px 0;
 
−
    padding: 0 0 5px 0;
 
−
    text-transform: uppercase;
 
 
}
 
}
−
 
+
table.wikitable > tbody > tr > th, table.wikitable > tfoot > tr > th, table.wikitable > thead > tr > th, table.wikitable > tbody > tr > th {
−
.fpbox .heading {
+
    background-color: #0da547;
−
    border-bottom: 1px solid #505050;
+
    border-color: #336642;
−
    color: #000; /* change for hydra (light) wikis */
 
−
    font-size: 132%;
 
−
    font-variant: small-caps;
 
−
    margin: 0 0 10px 0;
 
−
    padding: 0 0 5px 0;
 
 
}
 
}
−
 
+
table.wikitable > tbody > tr:nth-child(odd), table.wikitable > tbody > tr:nth-child(odd) {
−
.fpbox .heading .smalllink {
+
    background-color: #e3f2ea;
−
    color: #000; /* change for hydra (light) wikis */
 
−
    font-size: 75%;
 
−
    font-weight: bold;
 
 
}
 
}
−
 
+
table.wikitable {
−
.fpbox hr {
+
    border:0 solid;
−
    border: none;
+
    border-collapse:collapse;
−
    border-bottom: 2px solid #1B1823;
+
    border-spacing:0;
 +
    font-size:.9230769231em;
 +
    text-align:left;
 +
    clear:none;
 +
    position:relative;
 +
    vertical-align:top;
 +
    margin:10px 0;
 +
    padding:0;
 +
    max-width: 100%;
 
}
 
}
−
 
+
/* make table captions bold */
−
div#content hr {
+
table.wikitable > caption {
−
    background-color: #1B1823;
+
    font-weight: bold
−
    color: #1B1823;
 
 
}
 
}
−
 
+
/* this is a hack to add borders to IE8- */
−
.fplinks {
+
table.wikitable > thead, table.wikitable > tbody {
−
    margin: -5px;
+
    border:0 solid #aaa\0/
 
}
 
}
−
 
+
table.wikitable tr {
−
.fplinks .linkslabel {
+
    border:1px solid #aaa\0/;
−
    background: rgba(255,255,255,.75);
+
    text-align:left;
−
    border-bottom: 2px solid #1B1823;
+
    border-color:#AAA;
−
    font-weight: bold;
 
−
    margin: 15px 5px 5px 5px;
 
−
    padding: 0 0 5px 0;
 
 
}
 
}
−
 
+
/* and this removes them for IE9+ */
−
.fplink {
+
:root table.wikitable tr {
−
    display: inline-block;
+
    border-top-width:0;
−
    vertical-align: middle;
+
    border-bottom-width:0;
−
    width: 100%;
 
 
}
 
}
−
 
+
table.wikitable > * > tr > :first-child {
−
/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
+
    border-left:1px solid #AAA;
−
.fplink .box {
 
−
    border-collapse: separate;
 
−
    border-spacing: 5px;
 
−
    display: table;
 
−
    width: 100%;
 
 
}
 
}
−
 
+
table.wikitable > * > tr > :last-child {
−
.fplink .box .row {
+
    border-right:1px solid #AAA;
−
    display: table-row;
 
 
}
 
}
−
 
+
table.wikitable > tbody > tr:last-child, table.wikitable > tbody > tr:last-child > *, table.wikitable > tfoot > tr:last-child > *, table.wikitable > caption {
−
.fplink .box .row .cell {
+
    border-bottom:1px solid #AAA;
−
    background: rgba(255,255,255,.75);
 
−
    color: #000; /* change for hydra (light) wikis */
 
−
    display: table-cell;
 
−
    font-weight: bold;
 
−
    position: relative;
 
−
    vertical-align: middle;
 
 
}
 
}
−
 
+
table.wikitable > tbody:first-child > tr:first-child > *, table.wikitable > tbody > tr.heading > *, table.wikitable > thead > tr:first-child > * {
−
.fplink.wide .box .row .cell {
+
    background-image: url('resources/assets/skin/infobox-header-overlay.png');
−
    padding: 0 5px;
+
    background-color: #EEE;
 +
    border-color: #AAA;
 +
    padding: .5em;
 +
    color: #fff!important;
 +
    text-shadow: rgba(0,0,0,0.75) 0 0 0.25em;
 
}
 
}
−
 
+
table.wikitable > tbody > tr > th, table.wikitable > tbody > tr > td, table.wikitable > tfoot > tr > th {
−
#fptopsection .fplink.image,
+
    line-height:1.667em;
−
#fpflexsection .fplink.image,
+
    padding:.25em .5em;
−
#fpbottomsection .fplink.image
 
−
    height: 114px;{
 
−
    width: 114px;
 
 
}
 
}
−
 
+
table.wikitable tr > th, table.wikitable[class*=center] tr {
−
.fplink.image .box .row .cell {
+
    text-align:center;
−
    height: 100px;
 
−
    width: 100px;
 
−
    vertical-align: bottom;
 
 
}
 
}
−
 
+
table.wikitable[class*=left] tr {
−
.fplink.image .box .row .cell .image img {
+
    text-align:left;
−
    height: 100px;
 
−
    width: 100px;
 
 
}
 
}
−
 
+
table.wikitable[class*=right] tr {
−
@media (min-width: 470px) {
+
    text-align:right;
−
  .fplink {
 
−
    width: 50%;
 
−
  }
 
−
 
 
−
  .fplink.wide {
 
−
    width: 100%;
 
−
  }
 
 
}
 
}
−
 
+
table.wikitable[class*=middle] tr {
−
@media (min-width: 580px) {
+
    vertical-align:middle;
−
  .fplink {
 
−
    width: 33.333%;
 
−
  }
 
−
 
 
−
  .fplink.wide {
 
−
    width: 66.666%;
 
−
  }
 
 
}
 
}
−
 
+
table.wikitable[class*=top] tr {
−
@media (min-width: 690px) {
+
    vertical-align:top;
−
  .fplink {
 
−
    width: 25%;
 
−
  }
 
−
 
 
−
  .fplink.wide {
 
−
    width: 50%;
 
−
  }
 
 
}
 
}
−
 
+
table.wikitable[class*=bottom] tr {
−
@media (min-width: 800px) {
+
    vertical-align:bottom;
−
  .fplink {
 
−
    width: 20%;
 
−
  }
 
−
 
 
−
  .fplink.wide {
 
−
    width: 40%;
 
−
  }
 
 
}
 
}
−
 
+
table.wikitable > :first-child > tr:first-child, table.wikitable > tbody > tr.heading {
−
@media (min-width: 910px) {
+
    background-color:#EEE;
−
  .fplink {
+
    border:1px solid #aaa;
−
    width: 16.666%;
 
−
  }
 
−
 
 
−
  .fplink.wide {
 
−
    width: 33.333%;
 
−
  }
 
 
}
 
}
−
 
+
table.wikitable > tbody > tr > th, table.wikitable > tfoot > tr > th {
−
@media (min-width: 990px) {
+
    background-color:#E7E7E7;
−
  .fpcontent {
+
    border-color:#AAA;
−
    padding-right: 520px;
 
−
    width: auto;
 
−
  }
 
−
 
 
−
  #fptopsection {
 
−
    float: left;
 
−
    width: 100%;
 
−
  }
 
−
 
 
−
  #fpflexsection {  
 
−
    float: right;
 
−
    width: 520px;
 
−
    margin-right: -520px
 
−
  }
 
−
 
 
−
  #fpbottomsection {
 
−
    float: left;
 
−
    width: 100%;  
 
−
    margin-top: -5px;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink, #fpbottomsection .fplink {
 
−
    width: 50%;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
 
−
    width: 100%;
 
−
  }
 
−
 
 
−
  #fpflexsection .fplink {
 
−
    width: 25%;
 
−
  }
 
−
 
 
−
  #fpflexsection .fplink.wide {
 
−
    width: 50%;
 
−
  }
 
 
}
 
}
−
 
+
table.wikitable > tbody > tr:nth-child(odd) {
−
@media (min-width: 1100px) {
+
    background-color:#F3F3F3;
−
  #fptopsection .fplink, #fpbottomsection .fplink {
+
    border-color:#AAA;
−
    width: 33.333%;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
 
−
    width: 66.666%;
 
−
  }
 
 
}
 
}
−
 
+
table.wikitable > tbody, table.wikitable > tbody > tr.heading, table.wikitable > tbody > tr > [rowspan], table.wikitable > tbody > tr > [colspan] {
−
@media (min-width: 1210px) {
+
    border:1px solid #AAA;
−
  #fptopsection .fplink, #fpbottomsection .fplink {
 
−
    width: 25%;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
 
−
    width: 50%;
 
−
  }
 
 
}
 
}
−
 
+
table.wikitable > :first-child > tr:first-child + tr [rowspan], table.wikitable > :first-child > tr:first-child + tr [colspan] {
−
@media (min-width: 1320px) {
+
    border-top-width:0;
−
  #fptopsection .fplink, #fpbottomsection .fplink {
 
−
    width: 20%;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
 
−
    width: 40%;
 
−
  }
 
 
}
 
}
−
 
+
table.wikitable .line, table.wikitable .line-bottom {
−
@media (min-width: 1430px) {
+
    border-bottom-width:1px!important;
−
  #fptopsection .fplink, #fpbottomsection .fplink {
+
    border-bottom-style:solid;
−
    width: 16.666%;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
 
−
    width: 33.333%;
 
−
  }
 
−
 
 
−
  .fplink a {
 
−
    padding: 3px 5px;
 
−
  }
 
 
}
 
}
−
 
+
table.wikitable .line-top {
−
@media (min-width: 1540px) {
+
    border-top-width:1px!important;
−
  #fptopsection .fplink, #fpbottomsection .fplink {
+
    border-top-style:solid;
−
    width: 14.285%;
+
    border-top-color:#AAA;
−
  }
 
−
 
 
−
  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
 
−
    width: 28.571%;
 
−
  }
 
−
 
 
−
  #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox {
 
−
    background-image: none;
 
−
  }
 
−
 
 
−
  .fpmaybelcol {
 
−
    float: left;
 
−
    width: 50%;
 
−
  }
 
−
 
 
−
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
 
−
    width: 20%;
 
−
  }
 
−
 
 
−
  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
 
−
    width: 40%;
 
−
  }
 
−
 
 
−
  .fpmaybercol {
 
−
    float: right;
 
−
    width: 50%;
 
−
  }
 
−
 
 
−
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
 
−
    width: 50%;
 
−
  }
 
−
 
 
−
  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
 
−
    width: 100%;
 
−
  }
 
 
}
 
}
−
 
+
table.wikitable .line-left {
−
@media (min-width: 1650px) {
+
    border-left-width:1px!important;
−
  #fptopsection .fplink, #fpbottomsection .fplink {
+
    border-left-style:solid;
−
    width: 12.5%;
+
    border-left-color:#AAA;
−
  }
 
−
 
 
−
  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
 
−
    width: 25%;
 
−
  }
 
 
}
 
}
−
 
+
table.wikitable .line-right {
−
@media (min-width: 1697px) {
+
    border-right-width:1px!important;
−
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
+
    border-right-style:solid;
−
    width: 16.666%;
+
    border-right-color:#AAA;
−
  }
 
−
 
 
−
  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
 
−
    width: 33.333%;
 
−
  }
 
 
}
 
}
−
 
+
table.wikitable table {
−
@media (min-width: 1760px) {
+
    background-color:transparent;
−
  #fptopsection .fplink, #fpbottomsection .fplink {
+
    padding:0;
−
    width: 11.111%;
+
    margin:0;
−
  }
 
−
 
 
−
  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
 
−
    width: 22.222%;
 
−
  }
 
 
}
 
}
−
 
+
table.borderless > * > tr > td {
−
@media (min-width: 1850px) {
+
    border: none;
−
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
 
−
    width: 14.285%;
 
−
  }
 
−
 
 
−
  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
 
−
    width: 28.571%;
 
−
  }
 
 
}
 
}
−
 
+
table.borderless > tbody > tr > [colspan] {
−
@media (min-width: 1870px) {
+
    border: none;
−
  #fptopsection .fplink, #fpbottomsection .fplink {
 
−
    width: 10%;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
 
−
    width: 20%;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
 
−
    width: 134px;
 
−
    height: 134px;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
 
−
    width: 120px;
 
−
    height: 120px;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
 
−
    width: 120px;
 
−
    height: 120px;
 
−
  }
 
 
}
 
}
−
 
+
table.fullwidth {
−
@media (min-width: 1918px) {
+
    width: 100%;
−
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
 
−
    width: 33.333%;
 
−
  }
 
−
 
 
−
  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
 
−
    width: 66.666%;
 
−
  }
 
 
}
 
}
−
 
+
.wikitable > * > tr > th a:visited, .wikitable > * > tr > th a:link {
−
@media (min-width: 1980px) {
+
    color: #FFFFFF !important;
−
  #fptopsection .fplink, #fpbottomsection .fplink {
 
−
    width: 9.09%;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
 
−
    width: 18.181%;
 
−
  }
 
 
}
 
}
−
 
+
.wikitable th a {
−
@media (min-width: 2006px) {
+
    color:#c7ffff;
−
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
 
−
    width: 12.5%;
 
−
  }
 
−
 
 
−
  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
 
−
    width: 25%;
 
−
  }
 
 
}
 
}
−
 
+
/* Mobile for .wikitable */
−
@media (min-width: 2090px) {
+
@media screen and (max-width: 768px){
−
  #fptopsection .fplink, #fpbottomsection .fplink {
+
    .wikitable {
−
    width: 8.33%;
+
        font-size:1.5em!important;
−
  }
+
        width:100%;
−
 
+
    }
−
  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
 
−
    width: 16.666%;
 
−
  }
 
 
}
 
}
−
 
+
/* Layout */
−
@media (min-width: 2161px) {
+
body {
−
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
+
    background-color: #123017;
−
    width: 11.111%;
+
    min-width: 850px;
−
  }
 
−
 
 
−
  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
 
−
    width: 22.222%;
 
−
  }
 
 
}
 
}
−
 
+
a.new:link {
−
@media (min-width: 2200px) {
+
    color: #BA0000;
−
  #fptopsection .fplink, #fpbottomsection .fplink {
 
−
    width: 7.692%;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
 
−
    width: 15.384%;
 
−
  }
 
 
}
 
}
−
 
+
a:link {
−
@media (min-width: 2296px) {
+
    color: #3F56AD;
−
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
 
−
    width: 25%;
 
−
  }
 
−
 
 
−
  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
 
−
    width: 50%;
 
−
  }
 
 
}
 
}
−
 
+
a:visited {
−
@media (min-width: 2310px) {
+
    color: #3F56AD;
−
  #fptopsection .fplink, #fpbottomsection .fplink {
 
−
    width: 7.142%;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
 
−
    width: 14.285%;
 
−
  }
 
 
}
 
}
−
 
+
div#mw-panel div.portal div.body ul li a:visited {
−
@media (min-width: 2316px) {
+
    color: #DDDDDD;
−
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
 
−
    width: 10%;
 
−
  }
 
−
 
 
−
  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
 
−
    width: 20%;
 
−
  }
 
 
}
 
}
−
 
+
div#mw-panel div.portal div.body ul li a {
−
@media (min-width: 2420px) {
+
    color: #DDDDDD;
−
  #fptopsection .fplink, #fpbottomsection .fplink {
 
−
    width: 6.666%;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
 
−
    width: 13.333%;
 
−
  }
 
−
 
 
−
  .fplink a {
 
−
    padding: 5px 5px;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
 
−
    width: 164px;
 
−
    height: 164px;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
 
−
    width: 150px;
 
−
    height: 150px;
 
−
  }
 
−
 
 
−
  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
 
−
    width: 150px;
 
−
    height: 150px;
 
−
  }
 
 
}
 
}
−
 
+
#mw-page-base {
−
.fplink.image .image {
+
    background: transparent;
−
  position: absolute;
 
−
  top: 0;
 
−
  right: 0;
 
−
  bottom: 0;
 
−
  left: 0;
 
−
  font-size: 75%;
 
−
  z-index: 1;
 
 
}
 
}
−
 
+
#mw-head-base {
−
.fplink.image a {
+
    background: transparent;
−
  z-index: 2;
 
 
}
 
}
−
 
+
#left-navigation {
−
.fplink a {
+
    background: url('resources/assets/skin/layout-tabs-background.png');
−
  display: block;
+
    margin-top: 39px;
−
  position: relative;
 
−
  top: 0;
 
−
  right: 0;
 
−
  bottom: 0;
 
−
  left: 0;
 
−
  padding: 1px 5px;
 
 
}
 
}
−
 
+
#right-navigation {
−
.fplink.image .image a {
+
    background: url('resources/assets/skin/layout-tabs-background.png');
−
  padding: 0;
+
    margin-right: 10px;
 +
    margin-top: 39px;
 
}
 
}
−
 
+
div.vectorTabs, div.vectorTabs ul li {
−
.fplink.image .link a {
+
    background-color: rgba(0, 0, 0, 0);
−
  background: rgba(255,255,255,.75);
+
    background-image: none;
−
  border-top: 2px solid #505050;
 
 
}
 
}
−
 
+
div.vectorTabs ul {
−
.fplink.wide a {
+
    background-color: rgba(0, 0, 0, 0);
−
  margin: 0 -5px;
+
    background-image: none;
 
}
 
}
−
 
+
div.vectorTabs span {
−
.fpvideos {
+
    background-color: rgba(0, 0, 0, 0);
−
  margin: 0 auto;
+
    background-image: none;
−
  overflow: hidden;
 
−
  text-align: center;
 
 
}
 
}
−
 
+
div.vectorTabs li a, div.vectorTabs li a:visited {
−
.fpvideo {
+
    color: #ffffff;
−
  display: inline-block;
 
−
  margin: 0 5px;
 
 
}
 
}
−
 
+
div.vectorTabs li.selected {
−
 
+
    background: rgba(0, 0, 0, 0) url('resources/assets/skin/layout-tabs-background-selected.png') repeat-x scroll center bottom;
−
 
 
−
/* Infoboxes */
 
−
 
 
−
.infoboxtable {
 
−
    float: right;
 
−
    background:rgba(255,255,255,.75);
 
−
    border: 1px solid #000 ;
 
−
    border-radius:5px;
 
−
    width: 350px;
 
 
}
 
}
−
 
+
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li.new a, div.vectorTabs li.new a:visited {
−
.infoboxname {
+
    color: #ffffff !important;
−
    background:#000;
 
−
    color: #fff;
 
−
    font-size: 115%;
 
−
    border: 1px solid #1B1823 ;
 
−
    border-radius:5px;
 
 
}
 
}
−
 
+
div.vectorMenu h3 span {
−
.infoboxlabel {
+
    color: #ffffff;
−
    width: 50%;
 
−
    background:#000;
 
−
    color: #fff;
 
−
    border: 1px solid #1B1823;
 
−
    border-radius:5px;
 
−
    padding: 0.5px 7px;
 
−
    text-align: right;
 
 
}
 
}
−
 
+
div#mw-head div.vectorMenu h3, div.vectorMenu h3 > a {
−
 
+
    background-image: none;
−
.infoboxdetails {
 
−
    padding-right: 5px;
 
 
}
 
}
−
 
+
div#simpleSearch {
−
/* Newer Navbox template style */
+
    max-width: 16em;
−
table.navbox {
 
−
    border: 1px solid #aaa;
 
−
    clear: both;
 
−
    font-size: 88%;
 
−
    margin: auto;
 
−
    padding: 1px;
 
−
    text-align: center;
 
−
    width: 100%;  
 
 
}
 
}
−
 
+
div#mw-panel div.portal {
−
/* Border between adjacent navboxes */
+
    background-image: url("resources/assets/skin/portal-linebreak.png");
−
table.navbox + table.navbox {
+
    background-position: left top;
−
    margin-top: -1px;
+
    background-repeat: no-repeat;
 +
    direction: ltr;
 +
    margin: 0 0.6em 0 0.7em;
 +
    padding: 0.25em 0;
 
}
 
}
−
 
+
div#mw-panel div.portal h3, #mw-panel.collapsible-nav .portal h3 a, #mw-panel.collapsible-nav .portal.collapsed h3 a {
−
.navbox-title,
+
    color: #ffffcc;
−
.navbox-abovebelow,
 
−
table.navbox th {
 
−
    padding-left: 1em;
 
−
    padding-right: 1em;
 
−
    text-align: center;
 
 
}
 
}
−
 
+
#ca-edit, #ca-ve-edit, #ca-view {
−
.navbox-group {
+
    margin-left: 3px;
−
    font-weight: bold;
 
−
    padding-left: 1em;
 
−
    padding-right: 1em;
 
−
    white-space: nowrap;
 
 
}
 
}
−
 
+
/* Mobile */
−
/* Base background */
+
@media(max-width: 1320px) {
−
.navbox, .navbox-subgroup {
+
    div.infobox {
−
    background: #fff;
+
        float: none;
 +
        margin: auto;
 +
    }
 +
    table.center-mobile {
 +
        margin: 10px auto;
 +
    }
 
}
 
}
−
 
+
/* Ambox */
−
.navbox-list {
+
.ambox {
−
    border-color: #fff;   /* Must match background color */
+
    background-color: #eeeeee;
 +
    border-bottom-color: #383838;
 +
    border-right-color: #383838;
 +
    border-top-color: #383838;
 +
    border-collapse: collapse;
 +
    font-size: 95%;
 +
    margin: 0 auto 2px auto;
 +
    width: 80%;
 
}
 
}
−
 
+
.ambox-gray {
−
/* Level 1 color */
+
    border-left-color: #383838;
−
.navbox-title,
 
−
table.navbox th {
 
−
    background: #fff;
 
−
    border: 1px solid #aaa;
 
−
    color: #000;
 
 
}
 
}
−
 
+
.ambox.ambox-tiny {
−
/* Level 2 styling */
+
    font-size: 90%;
−
.navbox-abovebelow,
+
    margin: 2px 0;
−
.navbox-group,
+
    width: auto;
−
.navbox-subgroup .navbox-title {
 
−
    background: #fff;
 
−
    border: 1px solid #aaa;
 
−
    color: #000;
 
 
}
 
}
−
 
+
.ambox + .ambox {
−
/* Level 3 styling */
+
    margin-top: -2px;
−
.navbox-subgroup .navbox-group,
 
−
.navbox-subgroup .navbox-abovebelow {
 
−
    background: #fff;
 
−
    border: 1px solid #aaa;
 
−
    color: #000;
 
 
}
 
}
−
 
+
.ambox-text {
−
/* Even row striping */
+
    padding: 0.25em 0.5em;
−
.navbox-even {
 
−
    background: #e2e2e2;
 
−
    color: #000;
 
 
}
 
}
−
 
+
.ambox-image {
−
/* Odd row striping */
+
    padding: 2px 0px 2px 0.5em;
−
.navbox-odd {
+
    text-align: center;
−
    background: transparent;
+
    width: 60px;
 
}
 
}
−
   
+
  .ambox-tiny .ambox-image {
−
.collapseButton {
+
    padding: 2px 0.5em;
−
    font-weight: normal;
+
    text-align: left;
−
    width: auto;
+
    width: auto;
 
}
 
}
−
 
+
/* Ambox colors */
−
.navbox .collapseButton {
+
.ambox-blue {
−
    width: 6em;
+
    border-left: 10px solid #1e90ff;
 
}
 
}
−
   
+
  .ambox-red {
−
.navbar {
+
    border-left: 10px solid #b22222;
−
    font-size: 88%;
 
−
    font-weight: normal;
 
 
}
 
}
−
 
+
.ambox-orange {
−
.navbox .navbar {
+
    border-left: 10px solid #f28500;
−
    font-size: 100%;
 
 
}
 
}
−
   
+
  .ambox-yellow {
−
table.collapsed tr.collapsible {
+
    border-left: 10px solid #f4c430;
−
    display: none;
+
}
 +
.ambox-purple {
 +
    border-left: 10px solid #9932cc;
 +
}
 +
.ambox-gray {
 +
    border-left: 10px solid #bba;
 +
}
 +
.ambox-green {
 +
    border-left: 10px solid #228b22;
 +
}
 +
/* Ambox small text */
 +
.amsmalltext {
 +
    font-size: smaller;
 +
    margin-left:0.8em;
 +
    margin-top:0.5em;
 +
}
 +
/* Blockquote */
 +
blockquote{
 +
    font-size: 14pt;
 +
    width:60%;
 +
    margin:auto;
 +
    font-family:Catamaran;
 +
    font-style:italic;
 +
    color: #555555;
 +
    padding:1.2em 30px 1.2em 75px;
 +
    border-left:8px solid #336699 ;
 +
    line-height:1.3;
 +
    position: relative;
 +
    background:#EDEDED;
 +
}
 +
blockquote::before{
 +
    font-family:Arial;
 +
    content: "\201C";
 +
    color:#336699;
 +
    font-size:4em;
 +
    position: absolute;
 +
    left: 10px;
 +
    top:-10px;
 +
}
 +
blockquote::after{
 +
    content: '';
 +
}
 +
blockquote span{
 +
    display:block;
 +
    color:#333333;
 +
    font-style: normal;
 +
    font-weight: bold;
 +
    margin-top:1em;
 +
}
 +
/***********/
 +
/* Tooltip */
 +
/***********/
 +
.tooltip {
 +
    position: relative;
 +
    display: inline-block;
 +
    border-bottom: 1px dashed black;
 +
}
 +
.tooltiptext {
 +
    visibility: hidden;
 +
    min-width: 250px;
 +
    margin-left: -140px;
 +
    padding: 12px 14px;
 +
    text-align: center;
 +
    position: absolute;
 +
    left: 50%;
 +
    bottom: 195%;
 +
    z-index: 99999;
 +
    background: #fff;
 +
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.15);
 +
    border: 1px solid #a2a9b1;
 +
    border-radius: 2px;
 +
    font-weight: normal;
 +
}
 +
.tooltiptext:after, .tooltiptext:before {
 +
    content: '';
 +
    position: absolute;
 +
    left: 50%;
 +
    border-style: solid;
 +
}
 +
.tooltiptext:after {
 +
    top: 100%;
 +
    bottom: auto;
 +
    width: 20px;
 +
    height: 20px;
 +
    background: #fff;
 +
    margin-top: -10px;
 +
    margin-left: -10px;
 +
    box-shadow: 1px 1px 0px #a2a9b1;
 +
    transform: rotate(45deg);
 +
    border-width: 0;
 +
}
 +
.tooltiptext:before {
 +
    top: 100%;
 +
    bottom: auto;
 +
    border-width: 18px;
 +
    margin-left: -18px;
 +
    border-color: rgba(0,0,0,0.15) transparent transparent transparent;
 +
    pointer-events: none;
 +
}
 +
.tooltip .tooltip .tooltiptext {
 +
    bottom: auto;
 +
    top: 195%;
 +
}
 +
.tooltip .tooltip .tooltiptext:after {
 +
    top: auto;
 +
    bottom: 100%;
 +
    border-width: 15px;
 +
    margin-left: -15px;
 +
    border-color: transparent transparent white transparent;
 +
    width: 0;
 +
    height: 0;
 +
    box-shadow: none;
 +
    background: none;
 +
    transform: none;
 +
}
 +
.tooltip .tooltip .tooltiptext:before {
 +
    top: auto;
 +
    bottom: 100%;
 +
    border-width: 16px;
 +
    margin-left: -16px;
 +
    border-color: transparent transparent #888 transparent;
 +
}
 +
.tooltiptext hr {
 +
    margin: 10px 0 12px;
 +
    position: relative;
 +
    background: none;
 +
}
 +
.tooltiptext hr:after {
 +
    content: '';
 +
    display: block;
 +
    width: 100%;
 +
    height: 1px !important;
 +
    position: absolute;
 +
    left: -14px;
 +
    background: #a2a9b1;
 +
    padding: 0 14px;
 +
}
 +
.tooltip:hover > .tooltiptext {
 +
    visibility: visible;
 +
}
 +
.tooltiptext {
 +
    opacity: 0;
 +
    transition: opacity 200ms ease, visibility 0s ease 200ms, transform 200ms ease;
 +
    transform: translateY(8px);
 +
}
 +
.tooltip .tooltip .tooltiptext {
 +
    transform: translateY(-8px);
 +
}
 +
.tooltip:hover > .tooltiptext {
 +
    opacity: 1;
 +
    transition-delay: 0s;
 +
    transform: translateY(0);
 
}
 
}
−
/* End of new Navbox styling */
 

Revision as of 03:25, 5 August 2018

/* Main page */
 body.page-Main_Page h1.firstHeading {
     display: none;
}
 .mp-portal-row {
     display: flex;
     flex-flow: row nowrap;
     margin: 0;
     align-items: self-start;
     justify-content: space-around;
     text-align: center;
     font-weight: bold;
     max-width: 100%;
}
 .mp-portal-row div {
     flex: 0 1 auto;
     margin: 4px;
}
 .mp-portal-icon a img {
     width: 100%;
     min-width: 50px;
     max-width: 150px;
     height: auto;
}
 .mp p img {
     max-width: 100%;
     height: auto;
}
 @media(min-width: 1200px){
     table.mp {
         width: 100%;
         text-align: center;
         margin: 0 10px;
    }
     .mp-wrapper {
         padding-right:400px;
         height:auto;
    }
     .mp-left-container {
         float: left;
    }
     .mp-right-container {
         float: left;
         padding-left:30px;
         width: 400px;
         margin-right:-400px;
    }
}
 .mp-menu-item {
     text-align:left;
     width:195px;
     display:inline-block;
     margin:15px 25px;
     vertical-align:top;
}
 .mp-menu-item-header {
     border-bottom: 1px solid #505050;
     font-size: 150%;
     font-variant: small-caps;
     color: black;
     padding-bottom: 5px;
}
 .mp-menu-item-body {
     column-count:1;
     margin-top: 5px;
}
 .mp-menu-item-body > ul {
     margin-top: 0;
}
/* wikitable */
 table.wikitable > :first-child > tr:first-child, table.wikitable > tbody > tr.heading, table.wikitable > :first-child > tr:first-child > *, table.wikitable > tbody > tr.heading > * {
     background-color: #0da547 !important;
     border-color: #336642 !important;
}
 table.wikitable > :first-child > tr:first-child a, table.wikitable > tbody > tr.heading a {
     color: #a7f9be 
}
 table.wikitable > tbody > tr > th, table.wikitable > tfoot > tr > th, table.wikitable > thead > tr > th, table.wikitable > tbody > tr > th {
     background-color: #0da547;
     border-color: #336642;
}
 table.wikitable > tbody > tr:nth-child(odd), table.wikitable > tbody > tr:nth-child(odd) {
     background-color: #e3f2ea;
}
 table.wikitable {
     border:0 solid;
     border-collapse:collapse;
     border-spacing:0;
     font-size:.9230769231em;
     text-align:left;
     clear:none;
     position:relative;
     vertical-align:top;
     margin:10px 0;
     padding:0;
     max-width: 100%;
}
/* make table captions bold */
 table.wikitable > caption {
     font-weight: bold 
}
/* this is a hack to add borders to IE8- */
 table.wikitable > thead, table.wikitable > tbody {
     border:0 solid #aaa\0/ 
}
 table.wikitable tr {
     border:1px solid #aaa\0/;
     text-align:left;
     border-color:#AAA;
}
/* and this removes them for IE9+ */
 :root table.wikitable tr {
     border-top-width:0;
     border-bottom-width:0;
}
 table.wikitable > * > tr > :first-child {
     border-left:1px solid #AAA;
}
 table.wikitable > * > tr > :last-child {
     border-right:1px solid #AAA;
}
 table.wikitable > tbody > tr:last-child, table.wikitable > tbody > tr:last-child > *, table.wikitable > tfoot > tr:last-child > *, table.wikitable > caption {
     border-bottom:1px solid #AAA;
}
 table.wikitable > tbody:first-child > tr:first-child > *, table.wikitable > tbody > tr.heading > *, table.wikitable > thead > tr:first-child > * {
     background-image: url('resources/assets/skin/infobox-header-overlay.png');
     background-color: #EEE;
     border-color: #AAA;
     padding: .5em;
     color: #fff!important;
     text-shadow: rgba(0,0,0,0.75) 0 0 0.25em;
}
 table.wikitable > tbody > tr > th, table.wikitable > tbody > tr > td, table.wikitable > tfoot > tr > th {
     line-height:1.667em;
     padding:.25em .5em;
}
 table.wikitable tr > th, table.wikitable[class*=center] tr {
     text-align:center;
}
 table.wikitable[class*=left] tr {
     text-align:left;
}
 table.wikitable[class*=right] tr {
     text-align:right;
}
 table.wikitable[class*=middle] tr {
     vertical-align:middle;
}
 table.wikitable[class*=top] tr {
     vertical-align:top;
}
 table.wikitable[class*=bottom] tr {
     vertical-align:bottom;
}
 table.wikitable > :first-child > tr:first-child, table.wikitable > tbody > tr.heading {
     background-color:#EEE;
     border:1px solid #aaa;
}
 table.wikitable > tbody > tr > th, table.wikitable > tfoot > tr > th {
     background-color:#E7E7E7;
     border-color:#AAA;
}
 table.wikitable > tbody > tr:nth-child(odd) {
     background-color:#F3F3F3;
     border-color:#AAA;
}
 table.wikitable > tbody, table.wikitable > tbody > tr.heading, table.wikitable > tbody > tr > [rowspan], table.wikitable > tbody > tr > [colspan] {
     border:1px solid #AAA;
}
 table.wikitable > :first-child > tr:first-child + tr [rowspan], table.wikitable > :first-child > tr:first-child + tr [colspan] {
     border-top-width:0;
}
 table.wikitable .line, table.wikitable .line-bottom {
     border-bottom-width:1px!important;
     border-bottom-style:solid;
}
 table.wikitable .line-top {
     border-top-width:1px!important;
     border-top-style:solid;
     border-top-color:#AAA;
}
 table.wikitable .line-left {
     border-left-width:1px!important;
     border-left-style:solid;
     border-left-color:#AAA;
}
 table.wikitable .line-right {
     border-right-width:1px!important;
     border-right-style:solid;
     border-right-color:#AAA;
}
 table.wikitable table {
     background-color:transparent;
     padding:0;
     margin:0;
}
 table.borderless > * > tr > td {
     border: none;
}
 table.borderless > tbody > tr > [colspan] {
     border: none;
}
 table.fullwidth {
     width: 100%;
}
 .wikitable > * > tr > th a:visited, .wikitable > * > tr > th a:link {
     color: #FFFFFF !important;
}
 .wikitable th a {
     color:#c7ffff;
}
/* Mobile for .wikitable */
 @media screen and (max-width: 768px){
     .wikitable {
         font-size:1.5em!important;
         width:100%;
    }
}
/* Layout */
 body {
     background-color: #123017;
     min-width: 850px;
}
 a.new:link {
     color: #BA0000;
}
 a:link {
     color: #3F56AD;
}
 a:visited {
     color: #3F56AD;
}
 div#mw-panel div.portal div.body ul li a:visited {
     color: #DDDDDD;
}
 div#mw-panel div.portal div.body ul li a {
     color: #DDDDDD;
}
 #mw-page-base {
     background: transparent;
}
 #mw-head-base {
     background: transparent;
}
 #left-navigation {
     background: url('resources/assets/skin/layout-tabs-background.png');
     margin-top: 39px;
}
 #right-navigation {
     background: url('resources/assets/skin/layout-tabs-background.png');
     margin-right: 10px;
     margin-top: 39px;
}
 div.vectorTabs, div.vectorTabs ul li {
     background-color: rgba(0, 0, 0, 0);
     background-image: none;
}
 div.vectorTabs ul {
     background-color: rgba(0, 0, 0, 0);
     background-image: none;
}
 div.vectorTabs span {
     background-color: rgba(0, 0, 0, 0);
     background-image: none;
}
 div.vectorTabs li a, div.vectorTabs li a:visited {
     color: #ffffff;
}
 div.vectorTabs li.selected {
     background: rgba(0, 0, 0, 0) url('resources/assets/skin/layout-tabs-background-selected.png') repeat-x scroll center bottom;
}
 div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs li.new a, div.vectorTabs li.new a:visited {
     color: #ffffff !important;
}
 div.vectorMenu h3 span {
     color: #ffffff;
}
 div#mw-head div.vectorMenu h3, div.vectorMenu h3 > a {
     background-image: none;
}
 div#simpleSearch {
     max-width: 16em;
}
 div#mw-panel div.portal {
     background-image: url("resources/assets/skin/portal-linebreak.png");
     background-position: left top;
     background-repeat: no-repeat;
     direction: ltr;
     margin: 0 0.6em 0 0.7em;
     padding: 0.25em 0;
}
 div#mw-panel div.portal h3, #mw-panel.collapsible-nav .portal h3 a, #mw-panel.collapsible-nav .portal.collapsed h3 a {
     color: #ffffcc;
}
 #ca-edit, #ca-ve-edit, #ca-view {
     margin-left: 3px;
}
/* Mobile */
 @media(max-width: 1320px) {
     div.infobox {
         float: none;
         margin: auto;
    }
     table.center-mobile {
         margin: 10px auto;
    }
}
/* Ambox */
 .ambox {
     background-color: #eeeeee;
     border-bottom-color: #383838;
     border-right-color: #383838;
     border-top-color: #383838;
     border-collapse: collapse;
     font-size: 95%;
     margin: 0 auto 2px auto;
     width: 80%;
}
 .ambox-gray {
     border-left-color: #383838;
}
 .ambox.ambox-tiny {
     font-size: 90%;
     margin: 2px 0;
     width: auto;
}
 .ambox + .ambox {
     margin-top: -2px;
}
 .ambox-text {
     padding: 0.25em 0.5em;
}
 .ambox-image {
     padding: 2px 0px 2px 0.5em;
     text-align: center;
     width: 60px;
}
 .ambox-tiny .ambox-image {
     padding: 2px 0.5em;
     text-align: left;
     width: auto;
}
/* Ambox colors */
 .ambox-blue {
     border-left: 10px solid #1e90ff;
}
 .ambox-red {
     border-left: 10px solid #b22222;
}
 .ambox-orange {
     border-left: 10px solid #f28500;
}
 .ambox-yellow {
     border-left: 10px solid #f4c430;
}
 .ambox-purple {
     border-left: 10px solid #9932cc;
}
 .ambox-gray {
     border-left: 10px solid #bba;
}
 .ambox-green {
     border-left: 10px solid #228b22;
}
/* Ambox small text */
 .amsmalltext {
     font-size: smaller;
     margin-left:0.8em;
     margin-top:0.5em;
}
/* Blockquote */
 blockquote{
     font-size: 14pt;
     width:60%;
     margin:auto;
     font-family:Catamaran;
     font-style:italic;
     color: #555555;
     padding:1.2em 30px 1.2em 75px;
     border-left:8px solid #336699 ;
     line-height:1.3;
     position: relative;
     background:#EDEDED;
}
 blockquote::before{
     font-family:Arial;
     content: "\201C";
     color:#336699;
     font-size:4em;
     position: absolute;
     left: 10px;
     top:-10px;
}
 blockquote::after{
     content: '';
}
 blockquote span{
     display:block;
     color:#333333;
     font-style: normal;
     font-weight: bold;
     margin-top:1em;
}
/***********/
/* Tooltip */
/***********/
 .tooltip {
     position: relative;
     display: inline-block;
     border-bottom: 1px dashed black;
}
 .tooltiptext {
     visibility: hidden;
     min-width: 250px;
     margin-left: -140px;
     padding: 12px 14px;
     text-align: center;
     position: absolute;
     left: 50%;
     bottom: 195%;
     z-index: 99999;
     background: #fff;
     box-shadow: 0 2px 0 0 rgba(0,0,0,0.15);
     border: 1px solid #a2a9b1;
     border-radius: 2px;
     font-weight: normal;
}
 .tooltiptext:after, .tooltiptext:before {
     content: '';
     position: absolute;
     left: 50%;
     border-style: solid;
}
 .tooltiptext:after {
     top: 100%;
     bottom: auto;
     width: 20px;
     height: 20px;
     background: #fff;
     margin-top: -10px;
     margin-left: -10px;
     box-shadow: 1px 1px 0px #a2a9b1;
     transform: rotate(45deg);
     border-width: 0;
}
 .tooltiptext:before {
     top: 100%;
     bottom: auto;
     border-width: 18px;
     margin-left: -18px;
     border-color: rgba(0,0,0,0.15) transparent transparent transparent;
     pointer-events: none;
}
 .tooltip .tooltip .tooltiptext {
     bottom: auto;
     top: 195%;
}
 .tooltip .tooltip .tooltiptext:after {
     top: auto;
     bottom: 100%;
     border-width: 15px;
     margin-left: -15px;
     border-color: transparent transparent white transparent;
     width: 0;
     height: 0;
     box-shadow: none;
     background: none;
     transform: none;
}
 .tooltip .tooltip .tooltiptext:before {
     top: auto;
     bottom: 100%;
     border-width: 16px;
     margin-left: -16px;
     border-color: transparent transparent #888 transparent;
}
 .tooltiptext hr {
     margin: 10px 0 12px;
     position: relative;
     background: none;
}
 .tooltiptext hr:after {
     content: '';
     display: block;
     width: 100%;
     height: 1px !important;
     position: absolute;
     left: -14px;
     background: #a2a9b1;
     padding: 0 14px;
}
 .tooltip:hover > .tooltiptext {
     visibility: visible;
}
 .tooltiptext {
     opacity: 0;
     transition: opacity 200ms ease, visibility 0s ease 200ms, transform 200ms ease;
     transform: translateY(8px);
}
 .tooltip .tooltip .tooltiptext {
     transform: translateY(-8px);
}
 .tooltip:hover > .tooltiptext {
     opacity: 1;
     transition-delay: 0s;
     transform: translateY(0);
}
Retrieved from "https://dlwiki.cherrymint.live/index.php?title=MediaWiki:Common.css&oldid=869"