User:Sirlance3000/common.css

.box { background: #231F27; border: #E35AFF 1px solid; border-radius: 5px; padding: 7px; margin: 0 1px 2px; /* since there is margin collapsing so can't use margin: 1px; */ }

.fit-20 a { width: 20px; text-align: center; }

.fit-24 a { width: 24px; text-align: center; }

border-width: 5px; color: #E0E0E0; text-align: center; display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center; -webkit-align-content:space-between;-ms-flex-line-pack:space-between;align-content:space-between; }
 * 1) mf-wikiheader {

-webkit-flex-basis:480px;-moz-flex-basis:480px;-ms-flex-preferred-size:480px;flex-basis:480px; -webkit-box-flex:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1; -webkit-flex-shrink:1;-moz-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1; }
 * 1) mf-wikiheader > div:first-child {

font-size: 24px; }
 * 1) mf-wikiheader > div:first-child > span:first-child {

border: #E35AFF 1px solid; -webkit-flex-basis:1000px;-moz-flex-basis:1000px;-ms-flex-preferred-size:1000px;flex-basis:1000px; -webkit-box-flex:3;-webkit-flex-grow:3;-moz-flex-grow:3;-ms-flex-positive:3;flex-grow:3; -webkit-flex-shrink:99;-moz-flex-shrink:99;-ms-flex-negative:99;flex-shrink:99; margin: 0.75em 0; padding: 10px 0; }
 * 1) mf-wikiheader > .ext-info {

display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center; margin-bottom: 0.75em; }
 * 1) mf-wikiheader .links {

margin: 0 1.5em; -webkit-box-flex:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-positive:0;flex-grow:0; -webkit-flex-shrink:1;-moz-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1; -webkit-flex-basis:auto;-moz-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto; }
 * 1) mf-wikiheader .links > * {

line-height: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; }
 * 1) latest-version {

vertical-align: middle; }
 * 1) latest-version * {

text-decoration: none; }
 * 1) latest-version a:hover {

padding: 0; background: none; color: #0645ad; }
 * 1) latest-version a.external {

display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; margin: 0; }
 * 1) latest-version ul {

display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin: 0.25em 0.5em; }
 * 1) latest-version ul li {

margin: auto auto auto 0.25em; text-align: left; }
 * 1) latest-version ul li > div {

display: block; }
 * 1) latest-version ul li > div > * {

display: inline; }
 * 1) latest-version ul li > div.pic > * {

font-size: 10px; }
 * 1) latest-version ul li > div > span {

font-size: 16px; }
 * 1) latest-version ul li > div > strong {

font-size: 10px; color: #999; }
 * 1) latest-version ul li > div > small {

text-align: center; }
 * 1) latest-version div.pic {

max-height: 390px; }
 * 1) mf-enemies .content {

@media(max-width: 413px) { #mf-enemies .content { max-height: 3900px; } }

.footer { text-align: center; line-height: 1; }

.float-right { float: right; } .float-left { float: left; } .float-none { float: none; }