MediaWiki:Common.css

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

/* Temporary ad margin fix */ .atfmrec { margin-left: 0; }

.atfmrec > div > div > iframe { margin-left: 1em; }

/*************************** /* Display name formatting * /***************************/ .displayName { visibility: hidden; }

.dnDisplay, .dnTag { display: none; }

.dnUser { visibility: visible; }

.mw-userlink .dnUser { display: none; }

.mw-userlink .dnDisplay, .mw-userlink .dnTag { display: inline; visibility: visible; }

font-size: 75%; float: right; }
 * 1) firstHeading .dnDisplay {

visibility: visible; }
 * 1) firstHeading .dnUser {

.mw-special-Block .displayName, .mw-special-Block .dnDisplay, .mw-special-Block .dnTag, .mw-special-Unblock .displayName, .mw-special-Unblock .dnDisplay, .mw-special-Unblock .dnTag, .mw-special-Activeusers .displayName, .mw-special-Activeusers .dnDisplay, .mw-special-Activeusers .dnTag, .mw-special-Listusers .displayName, .mw-special-Listusers .dnDisplay, .mw-special-Listusers .dnTag, .mw-special-Userrights .displayName, .mw-special-Userrights .dnDisplay, .mw-special-Userrights .dnTag { visibility: visible; display: inline; }

/********************* /* Front page styles * /*********************/ .fpmain { width: 80%; min-width: 800px; max-width: 1200px; }

.fpouter { padding: 0; margin: 10px -10px 0 -10px; }

.fprow { table-layout: fixed; border-collapse: separate; border-spacing: 10px; margin: -10px 0 0 0; padding: 0; width: 100%; }

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

.fpcolcenter { float: left; margin: 0; padding: 0; }

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

.fpbox { border: 3px double rgba(17, 3, 0, 0.25); border-radius: 2px; margin: 0 0 10px 0; padding: 3px 6px; vertical-align: top; }

.fpbanner { border: 1px solid #3c1905; background: rgba(0, 0, 0, 0.64); margin: 10px 10px 10px 10px; padding: 3px 106px 3px 106px; min-height: 80px; }

.fpbannertable { display: table; width: 100%; height: 64px; }

.fpbannercell { display: table-cell; text-align: center; vertical-align: middle; }

.fpbannerblock { display: inline-block; text-align: center; width: 100%; margin: 0 auto; padding-top: 5px; }

.fpbanner1 { background: url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/f/f2/Fpbox_left_1.png/revision/latest") left center no-repeat, rgba(0, 0, 0, 0.64) url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/5/5c/Fpbox_right_1.png/revision/latest") right center no-repeat; }

.fpbanner2 { background: url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/d/d7/Fpbox_left_2.png/revision/latest") left center no-repeat, rgba(0, 0, 0, 0.64) url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/e/e9/Fpbox_right_2.png/revision/latest") right center no-repeat; }

.fpinnerbox { border: 1px solid #3c1905; background: rgba(0, 0, 0, 0.64); margin: 10px 10px 10px 10px; padding: 3px 6px 3px 106px; }

.fpbox.highlight { border: 3px double rgba(28, 28, 0, 0.25); box-shadow: 0 0 5px 0 #3a3a00, inset 0 0 30px 0 #3a3a00; }

.fpcolleft .fpbox { margin-right: 5px; }

.fpcolcenter .fpbox { margin-left: 5px; margin-right: 5px; }

.fpcolright .fpbox { margin-left: 5px; }

.fpbox .inlineHeading { display: inline-block; border: none; background: transparent; font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; font-weight: bold; text-shadow: 0 0 1px 1px #c46800; margin: 0 0 8px 0; padding: 0; }

.fpbox .inlineBody { width: auto; margin: 0 0 0 5px; padding: 0 4px 3px 4px; }

.fpbox .heading { border: none; border-bottom: 1px solid #341f17; background: transparent; font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; font-size: 150%; font-weight: bold; text-shadow: 0 0 1px 1px #c46800; margin: 0 0 8px 0; padding: 0; }

.fpbox .body { height: 100%; margin: 0 0 0 0; padding: 0 5px 5px 5px; }

.fpplainbox { padding: 0 5px 0 5px; margin: 0 5px 5px 5px; vertical-align: top; }

background: rgba(0, 0, 0, 0.64) url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/1/1c/Fpbox_adventure.png/revision/latest") left 80% no-repeat; }
 * 1) fpadventure {

background: rgba(0, 0, 0, 0.64) url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/d/d8/Fpbox_classes.png/revision/latest") left 10% no-repeat; }
 * 1) fpclasses {

background: rgba(0, 0, 0, 0.64) url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/b/bd/Fpbox_races.png/revision/latest") left 75% no-repeat; }
 * 1) fpraces {

background: rgba(0, 0, 0, 0.64) url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/9/97/Fpbox_world.png/revision/latest") left 50% no-repeat; }
 * 1) fpworld {

background: rgba(0, 0, 0, 0.64) url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/0/08/Fpbox_gameplay.png/revision/latest") left 40% no-repeat; }
 * 1) fpgameplay {

background: rgba(0, 0, 0, 0.64) url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/7/7e/Fpbox_crafting.png/revision/latest") left 50% no-repeat; }
 * 1) fpcrafting {

background: rgba(0, 0, 0, 0.64) url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/5/58/Fpbox_economy.png/revision/latest") left 40% no-repeat; }
 * 1) fpeconomy {

background: rgba(0, 0, 0, 0.64) url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/f/fe/Fpbox_interface.png/revision/latest") left 50% no-repeat; }
 * 1) fpinterface {

background: rgba(0, 0, 0, 0.64) url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/e/e6/Fpbox_setting.png/revision/latest") left 40% no-repeat; }
 * 1) fpsetting {

background: rgba(0, 0, 0, 0.64) url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/1/11/Fpbox_foundry.png/revision/latest") left 10% no-repeat; }
 * 1) fpfoundry {

background: rgba(0, 0, 0, 0.64) url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/7/78/Fpbox_wiki.png/revision/latest") left 40% no-repeat; }
 * 1) fpwiki {

background: rgba(0, 0, 0, 0.64) url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/2/2d/Fpbox_news.png/revision/latest") left 10% no-repeat; }
 * 1) fpnews {

background: rgba(0, 0, 0, 0.64) url("https://static.wikia.nocookie.net/neverwinter_gamepedia/images/4/4f/Fpbox_links.png/revision/latest") left 50% no-repeat; }
 * 1) fplinks {

/******************************* /* Responsive flex page layout * /*******************************/ .rfpelements { display: flex; flex-flow: row wrap; margin: -5px; }

.rfpshelf, .rfpstack { display: flex; flex-flow: column nowrap; margin: 0; padding: 0; flex: 0 0 100%; max-width: 100%; box-sizing: border-box; }

.rfpblock { margin: 5px; padding: 3px 6px; flex: 0 0 calc( 100% - 10px ); max-width: calc( 100% - 10px ); text-align: center; box-sizing: border-box; }

.rfpblock img { max-width: 100%; height: auto; }

.rfpstack .rfpstack, .rfpstack .rfpshelf, .rfpshelf .rfpshelf, .rfpshelf .rfpstack { flex: 1 0 auto; max-width: 100%; }

.rfpstack .rfpblock, .rfpshelf .rfpblock { flex: 1 0 auto; max-width: calc( 100% - 10px ); }

.rfpstack .rfpnoresize { flex: 0 0 auto; }

@media (min-width: 820px) { .rfp100-50-67size, .rfp100-50-50size, .rfp100-50-33size { flex: 0 0 50%; max-width: 50%; }

.rfpblock.rfp100-50-67size, .rfpblock.rfp100-50-50size, .rfpblock.rfp100-50-33size { flex: 0 0 calc( 50% - 10px ); max-width: calc( 50% - 10px ); } }

@media (min-width: 1440px) { .rfp100-100-67size, .rfp100-50-67size { flex: 0 0 66.666667%; max-width: 66.666667%; }

.rfpblock.rfp100-100-67size, .rfpblock.rfp100-50-67size { flex: 0 0 calc( 66.666667% - 10px ); max-width: calc( 66.666667% - 10px ); }

.rfp100-100-50size, .rfp100-50-50size { flex: 0 0 50%; max-width: 50%; }

.rfpblock.rfp100-100-50size, .rfpblock.rfp100-50-50size { flex: 0 0 calc( 50% - 10px ); max-width: calc( 50% - 10px ); }

.rfp100-100-33size, .rfp100-50-33size { flex: 0 0 33.333333%; max-width: 33.333333%; }

.rfpblock.rfp100-100-33size, .rfpblock.rfp100-50-33size { flex: 0 0 calc( 33.333333% - 10px ); max-width: calc( 33.333333% - 10px ); }

.rfpshelf { flex-flow: row wrap; }

.rfpshelf > .rfpstack { flex: 0 0 50%; max-width: 50%; }

.rfpshelf > .rfpblock { flex: 0 0 calc( 50% - 10px ); max-width: calc( 50% - 10px ); }

.rfpshelf > .rfpstack.rfpkeepwide { flex: 0 0 100%; max-width: 100%; }

.rfpshelf > .rfpblock.rfpkeepwide { flex: 0 0 calc( 100% - 10px ); max-width: calc( 100% - 10px ); } }

/**************************** /* Responsive flex specials * /****************************/ .rfptwitter { display: flex; flex-flow: column nowrap; }

.rfptwitter .body, .rfptwitter .body .twitter-timeline-wrapper { border: none; display: flex; flex-flow: column nowrap; flex: 0 0 410px; }

.rfptwitter .body .twitter-timeline-wrapper iframe { border: none; width: auto !important; height: auto !important; flex: 0 0 400px; }

@media (min-width: 820px) { .rfptwitter .body, .rfptwitter .body .twitter-timeline-wrapper, .rfptwitter .body .twitter-timeline-wrapper iframe { flex: 1 0 auto; } }

.rfpblock div.slideboxlightshow, .rfpblock div.slideboxlightshow a { max-width: 100%; height: auto; }

/****************************** /* Responsive flex appearance * /******************************/ .rfpbox, .rfpdesktopbox { border-radius: 2px; margin: 5px; padding: 3px 6px; }

.rfpblock .heading { border: none; background: transparent; font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; font-size: 132%; font-weight: bold; text-shadow: 0 0 1px 1px #c46800; margin: 0 0 10px 0; padding: 0 0 5px 0; }

/****************************************** /* Responsive flex documentation examples * /******************************************/ .rfpdoclabel { border: 1px solid #341f170; padding: 3px 6px; text-align: center; }

.rfpdocexample { display: flex; flex-flow: row wrap; text-align: center; margin: 0 0 10px 0; }

.rfpdocnarrow { border: 1px solid #341f17; padding: 3px 0 0 0; width: 16.666667%; box-sizing: border-box; }

.rfpdocmedium { border: 1px solid #341f17; padding: 3px 0 0 0; width: 33.333333%; box-sizing: border-box; }

.rfpdocwide { border: 1px solid #341f17; padding: 3px 0 0 0; width: 50%; box-sizing: border-box; }

.rfpdocelements { display: flex; flex-flow: row wrap; }

.rfpdocshelf, .rfpdocstack { display: flex; flex-flow: column nowrap; margin: 0; padding: 0; flex: 0 0 100%; max-width: 100%; box-sizing: border-box; }

.rfpdocblock { margin: 5px; padding: 3px 6px; flex: 0 0 calc( 100% - 10px ); max-width: calc( 100% - 10px ); text-align: center; box-sizing: border-box; }

.rfpdocstack .rfpdocstack, .rfpsdoctack .rfpdocshelf, .rfpdocshelf .rfpdocshelf, .rfpdocshelf .rfpdocstack { flex: 1 0 auto; max-width: 100%; }

.rfpdocstack .rfpdocblock, .rfpdocshelf .rfpdocblock { flex: 1 0 auto; max-width: calc( 100% - 10px ); }

.rfpdocstack .rfpdocnoresize { flex: 0 0 auto; }

.rfpdocmedium .rfpdoc100-50-67size, .rfpdocmedium .rfpdoc100-50-50size, .rfpdocmedium .rfpdoc100-50-33size { flex: 0 0 50%; max-width: 50%; }

.rfpdocmedium .rfpdocblock.rfpdoc100-50-67size, .rfpdocmedium .rfpdocblock.rfpdoc100-50-50size, .rfpdocmedium .rfpdocblock.rfpdoc100-50-33size { flex: 0 0 calc( 50% - 10px ); max-width: calc( 50% - 10px ); }

.rfpdocwide .rfpdoc100-100-67size, .rfpdocwide .rfpdoc100-50-67size { flex: 0 0 66.666667%; max-width: 66.666667%; }

.rfpdocwide .rfpdocblock.rfpdoc100-100-67size, .rfpdocwide .rfpdocblock.rfpdoc100-50-67size { flex: 0 0 calc( 66.666667% - 10px ); max-width: calc( 66.666667% - 10px ); }

.rfpdocwide .rfpdoc100-100-50size, .rfpdocwide .rfpdoc100-50-50size { flex: 0 0 50%; max-width: 50%; }

.rfpdocwide .rfpdocblock.rfpdoc100-100-50size, .rfpdocwide .rfpdocblock.rfpdoc100-50-50size { flex: 0 0 calc( 50% - 10px ); max-width: calc( 50% - 10px ); }

.rfpdocwide .rfpdoc100-100-33size, .rfpdocwide .rfpdoc100-50-33size { flex: 0 0 33.333333%; max-width: 33.333333%; }

.rfpdocwide .rfpdocblock.rfpdoc100-100-33size, .rfpdocwide .rfpdocblock.rfpdoc100-50-33size { flex: 0 0 calc( 33.333333% - 10px ); max-width: calc( 33.333333% - 10px ); }

.rfpdocwide .rfpdocshelf { flex-flow: row wrap; }

.rfpdocwide .rfpdocshelf > .rfpdocstack { flex: 0 0 50%; max-width: 50%; }

.rfpdocwide .rfpdocshelf > .rfpdocblock { flex: 0 0 calc( 50% - 10px ); max-width: calc( 50% - 10px ); }

.rfpdocwide .rfpdocshelf > .rfpdocstack.rfpdockeepwide { flex: 0 0 100%; max-width: 100%; }

.rfpdocwide .rfpdocshelf > .rfpdocblock.rfpdockeepwide { flex: 0 0 calc( 100% - 10px ); max-width: calc( 100% - 10px ); }