MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* 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; }

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

/* Common rules / fix */ height:205px; }
 * 1) lotBeWrapper{

.subheader th { background-color:#6E9FC1 !important; }

table.floatleft{ margin: 0 2.5em 0.5em 0 !important; }

.unit.ibox{ float: right; width: 300px !important; }

.small-image { display: inline-block; text-align: center; width: 32px; }

.disambiguation { margin-bottom: 1.5em; padding: 0.5em; border-bottom: 1px solid #c7b89b; border-top: 1px solid #c7b89b; }

.pixelate { image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; image-rendering: crisp-edges; image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; }

.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; }

/* Countdown Timer */ .countdowntimer { display:inline-block; }

/* Caution Table */ table.cautiontable{ width: 100%; }

table.cautiontable tr th{ font-size: 20px; background-color: #b55252; }

table.cautiontable td p, table.cautiontable td li{ font-size: 16px; }

/* Tabber */ ul.tabbernav { border-bottom: none !important; height: auto; overflow: hidden; }

ul.tabbernav li:first-child a{   margin-left: 0; }

ul.tabbernav li a { background-color: #4D627F; border-bottom: none; padding: 0.4em 0.5em; font-size: 20px; font-family: Lato; display: inline-block; }

ul.tabbernav li a:link { color: #FAFDFF; }

ul.tabbernav li a:hover, ul.tabbernav li.tabberactive a:hover { background-color: #6E9FC1; color: #FAFDFF; border-bottom: none; }

ul.tabbernav li.tabberactive a { background-color: #6E9FC1; border-bottom: none; }

.tabber .tabbertab { padding: 0; border: none; }

.tooltipster-base { transform: translateY(-29px); }

/*Tooltip*/ .ttip{ position: relative; } .ttip:not(.tooltip-hide-icon)::after{ display: inline-block; height: 16px; width: 19px; margin: 0 0 3px; vertical-align: middle; background: url(/extensions-ucp/SimpleTooltip/lib/question.png); background-position-x: 3px; background-repeat: no-repeat; } .tip,.tip::before,.tip::after{ position:absolute; padding:9px; } .ttip>.tip{ color:#fff; bottom:3ex; right:50%; border-radius:10px; transform:translateX(50%); background-color:#00154f; display:none; }
 * hover>.tip{

display:block; z-index:2; } .ttip:hover{ background-color:rgba(9,9,255,0.1); } .mobileonly:hover~.tip{ display:none; } .tip::before,.tip::after,.ttip::after{ content:""; bottom:-4px; } .tip::after{ padding:5px; right:50%; transform:rotate(45deg); border:0 solid #999; border-width:0 1px 1px 0; background-color:inherit; } .tip::before{ width:100%; } /* */ .module-tooltip{ box-sizing:border-box; background:url(https://static.wikia.nocookie.net/exvius_gamepedia_en/images/8/8d/Tooltip.jpg/revision/latest)no-repeat; width:350px; min-height:107px; background-color:#00154f; } .module-tooltip div{ font-size:12px; } .module-tooltip a:not([class]):not([href^="/Category:"]){ filter:invert(1)hue-rotate(180deg); white-space:nowrap; } .ttip .module-tooltip>table{ text-indent:0; white-space:initial; margin:0; width:100% !important; } .ttip .module-tooltip>table>tbody>tr:nth-child(2)>td{ vertical-align:top; padding: 5px 0 0 0; } /*end desktop Tooltip*/

/* Monster skill tooltip*/ .ms { position: relative; }

/* */ .ms .mshover { visibility: hidden; pointer-events: none; font: 12px "Lato"; width: 350px; background:url(https://static.wikia.nocookie.net/exvius_gamepedia_en/images/1/12/Tooltip_header.jpg/revision/latest)no-repeat 0 5px; background-color: #00154f; color: #fff; padding: 20px 15px 15px; border-radius: 10px; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -175px; }

.mshover p{	font-size: 14px; margin: 0; }

.ms:hover .mshover { visibility: visible; }

/* News Label */ .label { border-radius: .25em; padding: 1px 0 1px 0; font-size: 12px; color: white; vertical-align: baseline; width: 53px; display: inline-block; text-align: center; }

.label.unit { background-color: #5bc0de; } .label.unit:after { content: "Unit"; }

.label.story { background-color: #a98d5d; } .label.story:after { content: "Story"; }

.label.trial { background-color: #32b597; } .label.trial:after { content: "Trial"; }

.label.issue { background-color: #dc5353; } .label.issue:after { content: "Issue"; }

.label.maintenance { background-color: #444444; } .label.maintenance:after { content: "Maint."; }

.label.vortex, .label.event { background-color: #777eda; } .label.vortex:after { content: "Vortex"; } .label.event:after { content: "Event"; }

.label.other, .label.feature { background-color: #bbbbbb; } .label.other:after { content: "Other"; } .label.feature:after { content: "Feature"; }

.header-info{ padding-top: 12px; padding-bottom: 12px; margin-left: -30px; font-family: "Lato"; font-weight: 700; font-size: 15px; margin-bottom: 24px; background: #6e9fc1; width: 1020px; color: #FAFDFF; }

.mp-grid { background-color: #fafdff; display: grid; grid-template: "a c" 31px "b d" auto / 6fr 4fr; border: 1px solid #cfd7e0; border-right: 0; }

.mp-grid > div { border-right: 1px solid #cfd7e0; }

.mp-grid > div:not(.mp-grid-header) { padding: 24px; }

.mp-grid-header { background-color: #6e9fc1; font-family: 'Lato'; font-size: 15px; color: #fafdff; text-align: center; font-weight: bold; border: 1px solid #cfd7e0; padding: 0.3em 0.5em; } .quickmenu-flex-parent { display:flex; } .quickmenu-flex-parent div { min-width: 150px; } .quickmenu-flex { display:flex; flex-wrap: wrap; justify-content: center; } .quickmenu-flex > div { max-width: 200px; margin: 10px 25px; } .mainpage-table .quickmenu-title { font-family: Lato; font-size: 18px; text-transform: uppercase; color: #205173; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 6px; } .mainpage-table ul { list-style-type: none; margin: 0; }