MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/*************************** /* Template example styles * /***************************/ span.templateexmaple { font-family: fixed-width; }

span.templateexample span.templatelink { font-weight: bold; }

span.templateexample span.paramname { }

span.templateexample span.paramvalue { color: #777777; font-style: italic; }

/******************** /* Notice templates * /********************/ .topNotice { border: 2px solid #ff9900; background: #ffffff; color: #333333; margin: 0 0 10px 0; padding: 3px 6px; overflow: auto; }

.topNotice .heading { color: #222222; font-size: 132%; font-weight: bold; margin: 0 0 8px 0; padding: 0; }

.topNotice.delete { border: 2px solid #ff0000; }

.topNotice.move, .topnotice.merge, .topnotice.split { border: 2px solid #bb8800; }

.topNotice.pagestub, .topNotice.imagerequest, .topNotice.nowalkthrough { border: 2px solid #008000; }

/****************** /* Image licenses * /******************/ div.imageLicense { border: 2px solid #ff6600; background: #ffffff; color: #333333; margin: 0 0 10px 0; padding: 3px 6px; }

div.imageLicense.nolicense { border: 2px solid #ff0000; }

/****************** /* General styles * /******************/ div#footer { background: rgba(255,255,255,.75); margin: 1em 1em 1em 11em; border-radius: 10px; }

.contentbox { border: 1px solid #aaaaaa; background: #eeeeee; color: #333333; margin: 0 0 10px 0; padding: 3px 6px; overflow: auto; }

span.bullet { background: transparent no-repeat center 60%; width: 9px; font-size: 11px; vertical-align: baseline; }

.dablink { padding: 2px 36px 10px 36px; font-style: italic; }

span.ghost { color: #777777; /* For any text that appear fainter for some reason */ }

.columns { padding: 0; margin: 10px 0 0 0; overflow: hidden; }

.columns .leftcol { float: left; width: 50%; margin: 0; padding: 0; }

.columns .centercol { float: left; margin: 0; padding: 0; }

.columns .rightcol { float: right; width: 50%; margin: 0; padding: 0; }

/****************** /*    Tabber     * /******************/ .tabber .tabbertab { border: none; padding: 0; }

ul.tabbernav { margin: 0; padding: 3px 0; border: 0; /*border-bottom: 1px solid #CCC;*/ font: bold 14px Ariel, sans-serif !important; }

ul.tabbernav li a { border-radius: 4px !important; padding: 3px .5em; margin-left: 3px; border: 1px solid #CCC; background: #F2F7FF; text-decoration: none; line-height: 1; }

ul.tabbernav li.tabberactive a { background-color: #FFF; border: 1px solid #7ec0ee !important; }

ul.tabbernav li.tabberactive a:hover { color: #000; background: #FFF; border: 1px solid #7ec0ee !important; }

/****************** /* MapleStory 2 styles * /******************/ table.ms2 { margin: 1em 1em 1em 0; background: rgba(0, 0, 0, .05); box-shadow: rgba(0, 0, 0, 1) 0 0.1em 0.2em; border: 1px #6D96B9 solid; padding: 0.2em; border-radius: .3em; -moz-border-radius: .3em; -webkit-border-radius: .3em; } .ms2 th, .ms2 td { padding: 0.2em; } .ms2 th { background: #E6F4FB; color: #293A4C; text-align: center; border-radius:3px; } .ms2 td { } .ms2 caption { font-weight: bold; }

/*************** /* Tooltip CSS * /***************/ .mw-body-content { z-index: 1; }

.tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; }

.tooltiptext { visibility: hidden; min-width: 150px; margin-left: -90px; padding: 12px 14px; text-align: center; position: absolute; left: 50%; bottom: calc(20px + 100%); 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; pointer-events: none; }

.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: calc(20px + 100%); }

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

.tooltiptext a { color: #0645ad; border-bottom: 0; } .tooltiptext a:visited { color: #0b0080; } .tooltiptext a:active { color: #faa700; } .tooltiptext a:hover, a:focus { text-decoration: underline; } .tooltiptext { color: #252525; } .tooltiptext a.new { color: #ba0000; }

/******************** /* Item Preview CSS * /********************/ div.item-overview, div.monster-overview { max-width: 375px; background-color: rgba(0,0,0,.8); color: #ddd; border-radius: 5px; padding: 1em; }

div.item-additional-desc, div.item-restrictions, div.monster-basics, div.monster-stats { border-top: 1px solid #444; padding: 1em 0 1em 0; vertical-align: top; }

div.info-label { display: inline; font-weight: bold; }

div.item-type { font-size: .9em; }

div.monster-overview-label, div.item-overview-label { font-size: 1.2em; }

div.item-restrictions { color: #e26161; }

.item-overview a { color: #63a0ff; }