MediaWiki:Common.css

/* CSS placed here will be applied to all skins on desktop - theme content should be at MediaWiki:Hydra.css*/ @import "/index.php?title=MediaWiki:Common.css/Infobox.css&action=raw&ctype=text/css"; @import "/index.php?title=MediaWiki:Common.css/Tooltip.css&action=raw&ctype=text/css";

/* For elements which only display in the mobile view */ .mobileonly { display: none; }

/* Hide empty elements */ .mw-empty-elt { display: none; }

/* Hide main page header */ body.page-MilMo_Wiki h1.firstHeading { display:none; }

/*Eborg Font*/ @font-face { font-family: 'EborgITCStd'; src: local('EborgITCStd'), local('EborgITCStd'), url('/media/hydra/fonts/EborgITCStd.ttf') format('truetype'); } /*Nunito Font*/ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v11/XRXV3I6Li01BKofINeaB.woff2) format('woff2'); }

/* Article headers */ .firstHeading.firstHeading, .mw-headline { font-family: 'EborgITCStd'; }

/* Show logo */ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .mw-wiki-logo { background-image: url(https://static.wikia.nocookie.net/milmo_gamepedia_en/images/a/a2/MilMo_Wiki_Logo.png/revision/latest); background-size: 75% auto; } }

/************************ /* Responsive main page * /************************/   display: none; position: absolute; top: 215px; left: 0; right: 0; text-align: center; color: #000; text-shadow: 1px 3px 4px #000000; font-size: 10pt; font-weight: bold; line-height: 23px; }
 * 1) rmpabovesearch {

color: #fff; font-size: large; text-shadow: 3px 3px 4px #000000; font-family: EborgITCStd; }
 * 1) rmpabovesearch a, #rmpabovesearch a:link, #rmpabovesearch a:visited, #rmpabovesearch a.extiw, #rmpabovesearch a.external, #rmpabovesearch a.extiw:visited, #rmpabovesearch a.external:visited {

display: none; position: absolute; top: 315px; left: 0; right: 0; text-align: center; color: #000; text-shadow: 1px 3px 4px #000000; font-size: 0.8em; line-height: 23px; }
 * 1) rmpbelowsearch {

color: #fff; font-size: 11pt; text-shadow: 3px 3px 4px #000000; font-family: EborgITCStd; }
 * 1) rmpbelowsearch a, #rmpbelowsearch a:link, #rmpbelowsearch a:visited, #rmpbelowsearch a.extiw, #rmpbelowsearch a.external, #rmpbelowsearch a.extiw:visited, #rmpbelowsearch a.external:visited {

/* Image Fade Hover Class */ .hoverimage img { opacity:1.00; filter:alpha(opacity=100); /* For IE8 and earlier */ }

.hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ }

/*Weapon Master*/ table.weaponsmaster { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #AFCFE2 solid; padding: 0.2em; -moz-border-radius: .7em; -webkit-border-radius: .7em; border-radius: .7em; /*       border-spacing: 0; border-collapse: collapse; } .weaponsmaster th, .weaponsmaster td { padding: 0.2em; } .weaponsmaster th { background: #E4F0F7; color: #063B5E; text-align: center; } .weaponsmaster caption { font-weight: bold; }

/** Quote and BigQuote **/ .smallQuote { font-family: 'EborgITCStd'; font-size: 150% ; color: white; border: solid 1px; border-color: #FAFAFA; border-color: rgba(250,250,250,0.6); background-image: url(https://static.wikia.nocookie.net/milmo_gamepedia_en/images/f/fb/QuoteNPC.png/revision/latest); background-repeat: repeat; padding: 9px; padding-left: 19px; display: table; word-break: break-word; } .bigQuote { font-family: 'EborgITCStd'; font-size: 150% ; color: white; background-color: #FAFAFA; background-color: rgba(250,250,250,0.6); background-image: url(https://static.wikia.nocookie.net/milmo_gamepedia_en/images/f/fb/QuoteNPC.png/revision/latest); background-repeat: repeat; padding: 10px; padding-left: 20px; display: table; word-break: break-word; } .quoteSource { text-align: right; font-family: 'EborgITCStd'; font-size: 100% ; color: white; }

/*ButtonHover*/ .imagehover { display: none; position: relative; top: -10px; left: 50px; background: #9A99FF; padding: 5px; border: 1px solid #000; } /*ButtonHover*/ .fadeout img:hover { opacity:0; } .fadeout img:active { opacity:0; } body:not(.editor) .fadeout-container.fadeout-hide-bottom > :nth-child(2) { visibility: hidden; /* the 'body:not(.editor)' is used to prevent hiding the image in editing mode where it is not displayed properly */ }

/* This governs the sections on the Community portal */ .cpbox { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }

.cpbox #admins { box-sizing: border-box; width: calc(33% - 10px); margin: 5px; flex-grow: 1; min-width: 300px; }

.cpbox #help { box-sizing: border-box; width: calc(67% - 10px); margin: 5px; flex-grow: 1; }

/* Template documentation styles */ /* If modifying these styles, be sure to update the mobile skin! */ .doc { margin: 0em auto 1em; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #BDCAC3; border-radius: 1em; padding: 1em; }

.doc-header { padding-bottom: 3px; border-bottom: 1px solid #BDCAC3; margin-bottom: 1ex; }

.doc-footer { margin: 0; background-color: rgba(0, 0, 0, 0.1); border: 2px solid #BDCAC3; border-radius: 1em; padding: 1em; }

/* main page structure */

display: flex; flex-direction: row; width: 100%; align-items: stretch; flex-wrap: wrap; }
 * 1) mp-container {

.mp-contentbox { border: 3px solid #b3c9d7; border-radius:10px; margin: 1px; }

display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
 * 1) mp-layout {

-webkit-box-flex: 1; -ms-flex: 1 1 25vw; flex: 1 1 25vw; margin-right: 1em; }
 * 1) mp-layout #mp-left {

-webkit-box-flex: 1; -ms-flex: 1 1 25vw; flex: 1 1 25vw; }
 * 1) mp-layout #mp-right {

height: 50px; border-bottom: solid 1px #ccc; color: #600; text-align: center; font-weight: bold; font-size: 170%; }
 * 1) mp-layout .mp-heading {

/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */ /* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */ .desktopleft {   text-align: left; }

.desktopcenter { text-align: center; }

.desktopright { text-align: right; }

/* Front page structure */ .fpmain { width: 100%; overflow: hidden; }

.fpbox { margin: 5px; padding: 5px; overflow: auto; }

.fpbox.plain { background: transparent; border: none; box-shadow: none; }

.fpbox .heading, .fpbox .mainheading, .fpbox .welcome { margin: 0 0 10px; padding: 0 0 5px; overflow: auto; }

.fpbox .mainheading, .fpbox .welcome { font-size: 150%; font-weight: bold; }

.fpbox .heading { text-align: center; font-size: 132%; }

.linkslabel { margin: 15px 5px 5px; padding: 0 0 5px; }

/* Template:FP links styles */ .fplinks { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; text-align: center; }

.fplink-outer { padding: 5px; flex-basis: calc(25% - 10px); width: calc(25% - 15px); min-width: 115px; display: inline-block; vertical-align: middle; }

.fplink-wide { flex-basis: calc(33% - 10px); width: calc(33% - 15px); }

.fplink-fullwidth { flex-basis: 100%; width: calc(100% - 15px); font-weight: bold; }

.fplink { padding: 0.5em; box-sizing: border-box; width: 100%; height: 100%; display: table; }

.fplink-plain { background: transparent; border-radius: 0; border: 0; box-shadow: none; }

.fplink-inner { display: table-row; }

.fplink a { display: table-cell; vertical-align: middle; }

.fplink img { max-width: 150px; width: 100%; height: auto; } /* Auto-resize front page video to fit smaller columns */ .fpbox .embedvideowrap { width: 100%!important; max-width: 480px; margin: 0 auto; }

.fpbox .embedvideowrap iframe { width: 100%!important; }

/* Scale file page image to the width of the page */ max-width: 100%; height: auto; }
 * 1) file img {

/* Button Hover Move Up */ .hover-effect { transition: transform .3s; } .hover-effect:hover { transform: translatey(-6px); }