MediaWiki:Common.css


 * root {

/* -- WIKI COLORS -- */ --header-color: #eac9d5; --line-color: #ccbec5; --txt-color: #59271c; --bg-color: #ffedf3; --wiki-shadow-color: rgb(30,0,50,0.8); /* -- OTHER -- */ --elem-radius-small: 0.2em; --elem-radius: 0.8em; } /* - */

/********************************************************************** * * CSS placed here will be applied to all skins, * but won't be applied to mobile view. * Therefore, some rules need to be repeated in mobile.css. * **********************************************************************/

/* -- Hide page title on main page--- */ /*body.page-Split_Mod_Wiki h1.firstHeading { /*  display:none; /*} /* -- */

/*body, #mw-page-base { /*  background: url("") no-repeat fixed center top / cover rgb(0,0,0) !important; /*}

/* --- CUSTOM (FROM WIKIA.CSS) - */ /* --- Mod logo --- */ /*.mw-wiki-logo { background-image: url(https://static.wikia.nocookie.net/splitmod_gamepedia_en/images/e/e6/Site-logo.png); } Kept Wiki.png instead*/

filter: drop-shadow(0px 0px 50px var(--wiki-shadow-color)); height: 140px; left: 50vw; margin-left: -125px; width: 540px; margin-top: 35px; }
 * 1) p-logo, #p-logo a {

filter: drop-shadow(0px 0px 20px var(--wiki-shadow-color)); }
 * 1) wiki-logo-fx a {

.colbox { padding: 0.2em; border-radius: var(--elem-radius-small); }

.mw-body { border: 1px solid; }

/* --- Audio players and templates -- */ width: auto; margin: 0.2em 0.2em 1em 0.2em; background-color: #ddd6d8; border-radius: 1em; }
 * 1) music-box-table {

padding-left: 2em; }	display: table-cell; width: auto; padding: 0.5em 1em; } audio { /* Round audio player slightly */ border-radius: var(--elem-radius); }	margin-top: 0.5em; width: 1000em !important; }
 * 1) music-box-table td {
 * 1) music-box-audio {
 * 1) music-box-audio audio {

display: table-cell; text-align: center; vertical-align: middle; width: 32px; }	width: 32px; height: 32px; margin: 0; }	filter: drop-shadow(0 3px 6px rgba(10, 10, 10, 0.55)); } /* -- */
 * 1) music-box-img {
 * 1) music-box-img p {
 * 1) music-box-img a {

/* -- GALLERY IMAGES -- */ div.thumbinner { border: 2px solid #c8ccd1; border-radius: 0.5em; width: auto !important; } html .thumbimage { border-radius: 0.3em; } /* */

/* -- Item Link --- */ .item-link{ white-space:nowrap; display: inline-block; } .item-link > a, .item-link > img{ display: inline-block; line-height: 0.1; vertical-align: middle; margin-left: 2px; } .item-link > span{ display: inline-block; margin-left: 3px; text-align: left; } .item-link > a:first-child, .item-link > img:first-child, .item-link > span:first-child{ margin-left: auto; } .item-link.-w > span{ vertical-align: middle; line-height: 1.25; } .item-link .note{ color: #666; font-size: 85.7142%; /*12px/14px*/ } .item-link div.note{ /*note2*/ font-size: 100%; line-height: 1; } .item-link span.note{ margin-left: 3px; } .item-link.-w span.note:last-child{ display: block; margin-left: auto; line-height: 1; } .item-link.boldname >span span:first-child{ font-weight: bold; } .item-link.notecolor span.note{ color: inherit; } .item-link.note2color div.note{ color: inherit; } .item-link.block, .item-link.block > span{ display: block; } .item-link.notesize span.note{ font-size: 100%; } .item-link.note2size div.note{ font-size: 100%; font-size: 85.7142%; /*12px/14px*/ } .item-link.alignleft{ text-align: left; } .item-link.aligncenter{ text-align: center; } .item-link.alignright{ text-align: right; } .item-link.textleft>span{ text-align: left; } .item-link.textcenter>span{ text-align: center; } .item-link.textright>span{ text-align: right; } /* */

/* --- CUSTOM [END] - */

/* --- COMMON */

/* -- Add diff accent to make even smaller chainges visible -- */ .diffchange-inline { border: 1px #FF6666 dashed; } /* -- */

/* -- Add faded horizontal line to level-3 and level-4 headers -- */ /*h3:not(div#mw-head h3), h4 { /*  border-bottom: 1px #CDCDCD solid; /*} /* -- */

/* -- SoundManager2Button icon (It looks useless) --- */ a.sm2_button { background-color: #3399CC; } a.sm2_button:hover, a.sm2_playing { background-color: #006A9F; } /* -- */

/* -- Auto line separators for tables --- */ table.lined td { border-bottom:1px var(--theme-border-color) solid; } table.lined tr:last-of-type td { border-bottom:0; } table tr.bottomline td { border-bottom:1px var(--theme-border-color) solid; } table tr.topline td { border-top:1px var(--theme-border-color) solid; } /* -- */

/* -- Hack for using "border-collapse" and "border-radius" in the same table display */ /* -- by using one table nested within another - */ table.outer { white-space:nowrap; } table.inner { /*border-collapse:collapse;*/ background:inherit; width:100%; } /* -- */

/* -- fix 100% width table with border -- */ table{ box-sizing: border-box; } /* -- */

/* -- Other "plaincollapse" styling - */ /* Removes brackets from collapse/expand links for collapsible elements with "plaincollapse" class specified */ .plaincollapse .mw-collapsible-toggle { color:rgba(0, 0, 0, 0.0); } /* Other "plaincollapse" styling */ .plaincollapse .mw-collapsible-toggle a, .plaincollapse .mw-collapsible-toggle  a:link, .plaincollapse .mw-collapsible-toggle a:visited, .plaincollapse .mw-collapsible-toggle a:hover { font-weight:bold; color:#11688F; } /* -- */

/* -- Offset linked anchors - */ .anchor { display: block; height: 0; position: relative; top: -100px; z-index:-9999; visibility: hidden; } /* -- */

/* -- helper for nowrap - */ .nowrap{ white-space:nowrap; } /* -- */

/* -- note text - */ .note-text{ color: #666; } /* -- */

/* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; }

/* -- */

/* -- Infobox & infobox wrapper template style -- */

.infobox > div { border-radius: var(--elem-radius-small); }

.infobox td, .infobox th { vertical-align: top; border-radius: var(--elem-radius-small); }

.infobox caption { font-size: larger; margin-left: inherit; }

.infobox.bordered { border-collapse: collapse; }

.infobox.bordered td, .infobox.bordered th { border: 1px var(--theme-border-color) solid; }

.infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

.infoborder, table.terraria, .infobox, .infoboxtable, .craftbox { border-radius: var(--elem-radius); border: 2px solid !important; border-spacing: 0.18em; /*height: max-content;*/ }

table.terraria.lined tr th { height: 35px; }

.terraria th, .terraria td { padding: 0.2em; border-radius: .2em; }

/* styles for latest template */ .infobox, .infoboxtable, .craftbox { font-size: 10pt; margin-bottom: .5em; margin-left: 1em; padding: .2em; }

.infobox, .infoboxtable { float: right; clear: right; }

.infoboxtable { font-size: 89%; width: 300px; }

@media(max-width:450px) { .infobox { float: none; } }

.infobox.float-right { float: right; margin: 0 0 0.5em 1em; }

.infobox.float-left { float: left; margin: 0 1em 0.5em 0; }

.infobox.float-none { float: none; margin: 0 1em 0.5em 0; }

.infobox table { background-color: transparent; width: 100%; border-spacing: 0; }

.infobox table th { white-space: nowrap; padding: 2px; text-align: right; width: 5em; vertical-align: middle; }

.infobox table td { padding: 2px; vertical-align: middle; }

/* --- From Wikia.css --- */

.infobox .title /*.craftbox tbody tr th*/ { font-weight: bold; text-align: center; padding: 2px 0; }

.infobox > .title { font-size: 15px; padding: 6px 3px; line-height: 1.2; }

/* -- */

.infobox > .title > span::before { content: "(";   font-style: normal; }

.infobox > .title > span::after { content: ")";   font-style: normal; }

.infobox .content-section { padding: 6px 3px; }

.infobox .images { position: relative; padding: 6px 0; min-height: 40px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; /* direction=column, for IE11 */ -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -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; }

.infobox .images > img { margin-top: 0.5em; }

.infobox ul { list-style: none; margin: auto; text-align: center; }

.infobox .statistics .title { margin-bottom: 6px; } .infobox .statistics table th, .infobox .statistics table td { padding-top: 3px; padding-bottom: 3px; }

.infobox .stat td > small { font-size: 10.5px; font-weight: bold; }

.infobox .stat td > small::before { content: "("; }

.infobox .stat td > small::after { content: ")"; }

.infobox tr.buff > * { padding: 0.5em; }

.infobox tr.buff th { border-left: 0; }

.infobox tr.buff td { border-right: 0; padding-left: 3px; }

.infobox tr.buff td b { font-weight: bold; white-space: nowrap; }

.infobox .section.ids li { padding: 2px 0; border-bottom: 2px solid #f9f9f9; margin: 0; font-weight: bold; }

.infobox .section.ids li:last-child { border-bottom: 0; }

.infobox .variant { margin-bottom: 2px; }

.infobox .drops td:first-child { text-align: left; }

.infobox .drops td:last-child { text-align: right; }

.infobox .drops th:first-child { text-align: left; border-right: 0; }

.infobox .section.drops { margin-top: 6px; margin-bottom: 6px; }

.infobox .drops.money { margin: 2px auto; }

.infobox .drops.money table th { width: 1px; }

.infobox .imageother { text-align: center; padding-top: 8px; border-top: 1px solid var(--theme-border-color); }

.infobox .drops.items { margin-bottom: 1px; }

.infobox .drops.items li { border-bottom: 1px var(--theme-border-color) solid; padding: 3px 0; margin-bottom: auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.infobox .drops.items li:last-child { border-bottom: none; }

.infobox .drops.items li > div { display: block; }

.infobox .drops.items li > div:first-child { text-align: left; }

.infobox .drops.items li > div:last-child { text-align: right; }

.infobox .drops.items li.caption { margin-top: 2px; line-height: 1; text-align: center; font-size: 10.5px; padding-top: 5px; display: block; }

.infobox .drops.items li.caption.group_end { padding-bottom: 5px; } .infobox .drops.items li.group_end { border-bottom: 5px solid; position: relative; } .infobox .drops.items li.group_end::after{ content: ""; display: block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px; } /* for item infobox */ .item.infobox { width: 21em; }

.item.infobox .images .auto, .infobox.item .images .stack { position: absolute; right: 3px; }

.item.infobox .images .auto { top: 3px; }

.item.infobox .images .stack { bottom: 3px; }

.item.infobox .images ul.inline li { display: inline-block; padding: 0 8px 0 9px; margin: 2px auto; position: relative; vertical-align: middle; }

.item.infobox .images ul.inline li:first-child::before { display: none; }

.item.infobox .images ul.block li { display: block; padding: 13px 0 0 0; margin: auto; position: relative; }

.item.infobox .images ul.block li:first-child { padding-top: 0; }

.item.infobox .images ul.block li:first-child::before { display: none; }

.item.infobox ul.toolpower { padding: 6px 0; cursor: pointer; }

.item.infobox ul.toolpower li { display: inline-block; padding: 0 0.5em; }

/* for npc infobox */ .npc.infobox { width: 16.5%; } .npc.infobox .statistics table th { width: 6em; }

/* infobox wrapper */ .infobox-wrapper.float-right { float: right; margin-left: 0.5em; }

.infobox-wrapper.float-left { float: left; margin-right: 0.5em; }

.infobox-wrapper.float-none { float: none; }

@media(max-width:450px) { .infobox-wrapper.float-right { float: none; margin-left: auto; }

.infobox-wrapper.float-left { float: none; margin-right: auto; } }

.infobox-wrapper.float-right.direction-row .infobox, .infobox-wrapper.float-right.direction-row-reverse .infobox, .infobox-wrapper.float-right.direction-row .infobox.float-left, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-row .infobox.float-right, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-right.direction-row .infobox.float-none, .infobox-wrapper.float-right.direction-row-reverse .infobox.float-none { float: none; margin: 0 0 0.5em 0.5em; }

.infobox-wrapper.float-left.direction-row .infobox, .infobox-wrapper.float-left.direction-row-reverse .infobox, .infobox-wrapper.float-left.direction-row .infobox.float-left, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-row .infobox.float-none, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-left.direction-row .infobox.float-right, .infobox-wrapper.float-left.direction-row-reverse .infobox.float-right, .infobox-wrapper.float-none.direction-row .infobox, .infobox-wrapper.float-none.direction-row-reverse .infobox, .infobox-wrapper.float-none.direction-row .infobox.float-left, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-row .infobox.float-none, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-none, .infobox-wrapper.float-none.direction-row .infobox.float-right, .infobox-wrapper.float-none.direction-row-reverse .infobox.float-right { float: none; margin: 0 0.5em 0.5em 0; }

.infobox-wrapper.float-left.direction-column .infobox, .infobox-wrapper.float-left.direction-column-reverse .infobox, .infobox-wrapper.float-left.direction-column .infobox.float-left, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-left.direction-column .infobox.float-none, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-none, .infobox-wrapper.float-left.direction-column .infobox.float-right, .infobox-wrapper.float-left.direction-column-reverse .infobox.float-right { float: left; margin: 0 0.5em 0.5em 0; }

.infobox-wrapper.float-none.direction-column .infobox, .infobox-wrapper.float-none.direction-column-reverse .infobox, .infobox-wrapper.float-none.direction-column .infobox.float-right, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-right { float: right; margin: 0 0 0.5em 0.5em; }

.infobox-wrapper.float-none.direction-column .infobox.float-left, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-none.direction-column .infobox.float-none, .infobox-wrapper.float-none.direction-column-reverse .infobox.float-none { float: left; margin: 0 0.5em 0.5em 0; }

.infobox-wrapper.float-right.direction-column .infobox, .infobox-wrapper.float-right.direction-column-reverse .infobox, .infobox-wrapper.float-right.direction-column .infobox.float-left, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-left, .infobox-wrapper.float-right.direction-column .infobox.float-none, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-none, .infobox-wrapper.float-right.direction-column .infobox.float-right, .infobox-wrapper.float-right.direction-column-reverse .infobox.float-right { float: right; margin: 0 0 0.5em 0.5em; } /* -- */

/* -- multi-column list - */ /* correct webkit/chrome uneven margin on the first column*/ .responsive-columns ul, .responsive-columns ol{ margin-top:0px; } .responsive-columns ul li:first-child, .responsive-columns ol li:first-child {  margin-top:0px; } /* -- */

/* -- */ /* itemlist */ .itemlist > ul { list-style: none; margin: 0 0.25em -0.25em 0; }

.itemlist > ul > li { width: 10em; /* default width */ margin: auto 1em 0.5em auto; display: inline-block; }

/* dot list */ .dotlist{ margin: auto; } .dotlist > .title{ font-weight: bold; } .dotlist.nobold > .title{ font-weight: normal; } .dotlist > .title::after{ content: " "; } .dotlist > ul{ display: inline; list-style: none; } .dotlist > ul > li{ display: inline; } .dotlist > ul > li::after{ content: " • "; } .dotlist > ul > li:last-child::after{ display: none; } .dotlist.l > .title{ margin-right: 5px; } .dotlist.l > ul > li::after{ margin-left: 3px; margin-right: 3px; } .dotlist.xl > .title{ margin-right: 10px; } .dotlist.xl > ul > li::after{ margin-left: 6px; margin-right: 6px; } .dotlist.xxl > .title{ margin-right: 15px; } .dotlist.xxl > ul > li::after{ margin-left: 9px; margin-right: 9px; } .dotlist.xxxl > .title{ margin-right: 20px; } .dotlist.xxxl > ul > li::after{ margin-left: 12px; margin-right: 12px; } .dotlist.xxxxl > .title{ margin-right: 25px; } .dotlist.xxxxl > ul > li::after{ margin-left: 15px; margin-right: 15px; } /* -- */

/* ======================== Extensions ===============================*/

/* -- This is the style for the tabs of the tabber extension. --- */ body ul.tabbernav li a, body ul.tabbernav li a:link, body ul.tabbernav li a:visited, body ul.tabbernav li a:hover { border-radius: .5em .5em 0 0; } /* -- */

.box { border: 1px solid var(--theme-border-color); border-radius: 5px; padding: 7px; margin: 0.15em }

/* FROM HYDRA.CSS (Conflicted) .box { border: 1px solid #0288D1; border-radius: 5px; padding: 7px; margin: 0 1px 2px; /* since there is margin collapsing so can't use margin: 1px; */ }

@media(max-width: 413px){ #mf-enemies .content {max-height: 3900px;} } .footer {text-align: center; line-height: 1;}
 * 1) mf-enemies .content {max-height: 390px;}

.footer {text-align: center; margin: 0.75em 2px 0;} .footer > div { border: 1px solid var(--theme-border-color); -moz-border-radius: 5px; border-radius: 5px; padding: 0.5em; max-width: 25em; margin: auto; } .footer > div span {display: inline-block;}

/* ========================================================================== */ /* === Desktop view for mobile screen. mobile.css doesn't need this part. === */ /* ========================================================================== */ @media(max-width: 720px){ body #content div#atflb, body #content div#btflb{ width: 100% !important; min-width: 300px !important; }  html body{ margin-top: 0 !important; }  div#netbar{ overflow: hidden; height: auto; position: static; width: 100%; }  #netbar .netbar-flex{ flex-wrap: wrap; }  #mw-page-base, #mw-head-base{ display: none; }  div#pageWrapper{ position: relative; padding-top: 0.5em; margin-right: auto; margin: auto 5px; }  div#content{ margin: 3em auto auto; }  #mw-navigation{ position: absolute; left: 0; top: 0.5em; width: 100%; height: 3em; }  div#mw-head { position: relative !important; height: 100%; margin-top: auto; font-size: 12px; line-height: 1; }  div#mw-head div.vectorTabs{ float: none; display: block; position: relative; background: none; height: auto; line-height: 1; }  div#mw-head div.vectorTabs span{ height: auto; }  div#mw-head div.vectorTabs a{      float: none; padding: 0.25em; height: auto; font-size: 1em; }  div#mw-head div.vectorTabs ul,div#mw-head div.vectorTabs li{ line-height: inherit; float: none; background: none; height: auto; }  div#mw-head div.vectorTabs ul{ display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center; -moz-align-items:center;align-items:center; }  div#mw-head div.vectorTabs ul li{ display: block; margin-right: 0.5em; }  div#mw-head div.vectorTabs ul li:last-child{ margin-right: 0; }  div#mw-head div.vectorMenu{ float: none; display: block; position: relative; background: none; line-height: 1; }  div#mw-head div.vectorMenu h3{ height: auto; float: none; background: none; padding: 0 !important; margin: 0; }  div#mw-head div.vectorMenu h3 span{ padding: 0.25em; margin: 0; font-size: 1em; }  div#mw-head div.vectorMenu h3 a{      display: none; }  div#p-namespaces,div#p-views,div#p-variants,div#p-cactions{ top:0; float: none; }  div#mw-head div.emptyPortlet{ display: none; }  div#mw-head div.vectorMenu div.menu{ top: 100%; margin-top: 0.25em; border: 1px solid #a2a9b1; }  div#mw-head div.vectorMenu div.menu a{      font-size: 1em; }

div#left-navigation{ float: none; margin: auto; position: absolute; left: 5px; margin-left: -0.25em; top: auto; bottom: 0.25em; display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center; -moz-align-items:center;align-items:center; }  div#right-navigation{ float: none; margin: auto; position: absolute; right: 5px; margin-right: -0.25em; top: auto; bottom: 0.25em; text-align: right; display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center; -moz-align-items:center;align-items:center; }  div#mw-head div#left-navigation div.vectorMenu, div#mw-head div#left-navigation div.vectorTabs{ margin-right: 0.5em; }  div#mw-head div#left-navigation div.vectorMenu:last-child, div#mw-head div#left-navigation div.vectorTabs:last-child{ margin-right: 0; }  div#mw-head div#right-navigation div.vectorMenu, div#mw-head div#right-navigation div.vectorTabs{ margin-left: 0.5em; }  div#mw-head div#right-navigation div.vectorMenu:first-child, div#mw-head div#right-navigation div.vectorTabs:first-child{ margin-left: 0; }  /* right offset */ #p-cactions div.menu{ left: auto; right: 0; }  div#mw-head div.vectorTabs li.mw-watchlink{ width: 18px; height: 18px; overflow: hidden; }  div#mw-head div.vectorTabs li.mw-watchlink a{      width: 18px; height: 18px; padding: 30px 0 0 0; background-position: center 1px; }  /* search */ div#p-search{ float: none; width: auto; height: 23px; position: absolute; top: auto; right: 0.25em; margin: auto; bottom: 22px; }  div#p-search h3{ display: none; }  div#p-search form{ margin: auto; width: auto; height: 100%; display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center; -moz-align-items:center;align-items:center; }  div#simpleSearch{ width: auto; height: auto; margin: auto; border: none; background: none; }  div#p-search div#simpleSearch #searchInput{ width: 20em; padding: 0.25em; box-sizing: border-box; background-color: #fff; font-size: 12px; border: 1px solid var(--theme-border-color); border-radius: 1px; }  div#mw-navigation div#mw-panel{ position: absolute !important; top: 2em; left: 0; padding: 0; width: 100%; display: block; font-size: inherit; background: rgba(0,0,0,0.9); overflow: visible; z-index: 999; }  div#mw-navigation div#mw-panel .portal{ width: auto; margin: 0.5em; margin-bottom: 1em; padding: 0; display: none; }  div#mw-navigation div#mw-panel.on .portal{ display: block; }  div#mw-navigation div#mw-panel .portal h3{ display: block !important; padding: 0 !important; background: none !important; }  div#mw-navigation div#mw-panel .portal div.body{ display: block !important; padding: 0 !important; margin: 0 !important; overflow: hidden; }  div#mw-navigation div#mw-panel .portal div.body ul{ margin-left: -0.5em; }  div#mw-navigation div#mw-panel .portal div.body li{ display: inline-block !important; padding: 0.5em 1.5em !important; }  .socialSidebar{ overflow: hidden; text-align: center; width: auto; margin-top: 2em; }  div#mw-navigation div#mw-panel .resize-sensor{ position: absolute !important; top: -2em !important; left: 85px !important; right: auto !important; bottom: auto !important; visibility: visible !important; margin-top: 0 !important; width: 24px !important; height: 24px !important; z-index: 999 !important; display: block; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xhc3M9Imhlcm9pY29uLXVpIiBzdHJva2U9IndoaXRlIiBmaWxsPSJ3aGl0ZSIgZD0iTTQgNWgxNmExIDEgMCAwIDEgMCAySDRhMSAxIDAgMSAxIDAtMnptMCA2aDE2YTEgMSAwIDAgMSAwIDJINGExIDEgMCAwIDEgMC0yem0wIDZoMTZhMSAxIDAgMCAxIDAgMkg0YTEgMSAwIDAgMSAwLTJ6Ii8+PC9zdmc+); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; cursor: pointer; } }/*end media max-width:720px*/ @media(max-width: 500px){ div#pageWrapper{ margin: auto; }  #pageWrapper div#content{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 5px; }  div#p-search div#simpleSearch #searchInput{ width: 14em; }  div#p-sharing{ display: none !important; } }/*end media max-width:500px*/ @media(max-width: 399px){ div#p-search div#simpleSearch{ max-width: 500px; }  div#p-search, div#p-search div#simpleSearch, div#p-search div#simpleSearch #searchInput{ width: 100%; } }/*end media max-width:399px*/ /* ========================================================================== */ /* End of desktop view for mobile screen. mobile.css doesn't need this part. */ /* ========================================================================== */

/* ========================================================================== */ /* mobile.css doesn't need this part. */ /* ========================================================================== */ /* Forces the page to have a vertical scroll bar to avoid width jitter caused by page content changes. */ body{ overflow-y: scroll; }