Common.css

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

/* fix google maps little man in responsive skin */
.gm-style img {
    max-width: none;
}

.flex-recipes {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 93px;
	-ms-flex: 1 0 93px;
	flex: 1 0 93px;
}

/* Infobox styles */
/* Conflicts with infobox styles in Hydradark.css, so I'm going to wait until it's ready to enable.
.infobox {
  float: right;
  width: 23em;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 0.5em;
  padding: 2px;
  background: transparent;
  border: 1px solid #000000;
}

.infobox-table {
  width: 100%;
  padding: 0;
  background: transparent;
  border: 1px solid #7F3808;
}

.infobox-header {
  color: #ffffff;
  background: #7F3808 linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%);
  color: #FFFFFF;
  font-family: EasonPro,"Times New Roman",serif;
  font-size: 135%;
  font-weight: bold;
  padding-top: 5px;
  text-shadow: 0 0 0.25em rgba(0, 0, 0, 0.75);
}

.infobox-section {
  background-color: #7F3808;
  color: #FFFFFF;
  font-weight: bold;
}

.infobox-centered {
  text-align: center;
}

.infobox-row {
  vertical-align: top;
}

.infobox-row-name {
  text-align: left;
  white-space: nowrap;
  background: rgba(37,30,20,.85);
}

.infobox-spacer {
  height: 0.5em;
}
*/

/* fake <h2> - looks identical but no edit link and doesn't show up in the ToC */
.fakeh2 {
  font-family: sans-serif;
  font-size: 1.5em;
  margin-top: 1em;
  line-height: 1.3;
  color: #A38369;
  font-weight: normal;
  margin-bottom: 0.25em;
  padding: 0;
  border-bottom: 1px solid #A38369;
}

/* This will style the div that contains the whole tabber object. Generally this can be left alone. */
body .tabberlive {
}

/* This will style each tab's content area. */
body .tabberlive .tabbertab {
    border: none;
}

/* This is the box that surrounds all the tabs. */
body ul.tabbernav {
    padding: 10px 0 6px 0;
}

/* This is a box that surrounds each of the tabs. */
ul.tabbernav li {
    display: inline-block;
    margin-top: 1em;
}

/* This is the style for the tabs, parts of this can be overridden for the current tab with the next selector */
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: .7em .7em 0 0;
	background: rgba(37,30,20,.85) padding-box;
	color: #A38369;
	padding: 6px 1em;
}

/* This is the style for the currently selected tab */
body ul.tabbernav li.tabberactive a,
body ul.tabbernav li.tabberactive a:link,
body ul.tabbernav li.tabberactive a:visited,
body ul.tabbernav li.tabberactive a:hover {
    background: #7F3808 linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);
    color: #A38369;
    padding: 6px 1em;
}

/* This is styling for the minimap template */
.minimap {
	width: 300px;
	height: 300px;
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	border: none;
	background-image: url("https://conanexiles.gamepedia.com/media/conanexiles.gamepedia.com/f/fb/MiniMapFull.jpg?version=0374b20f055202d5f4b995ea9d50f261");
	background-repeat: no-repeat;
}
.minimap img {
	float: none;
	display:inline-block;
}

/*
 * Allow limiting of which header levels are shown in a TOC;
 * <div class="toclimit-3">, for instance, will limit to
 * showing ==headings== and ===headings=== but no further.
 * Used in [[Template:TOC]]
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

/* 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;
}

.item-link-dlc-image {
 position: absolute;
 display: block;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
}

.dlc-image-wrapper::before {
    content: "";
    display: inline;
    width: 32px;
    height: 32px;
    position: absolute;
    background-image: url(https://static.wikia.nocookie.net/conanexiles_gamepedia/images/f/f4/T_DLC_icon.png/revision/latest/scale-to-width-down/32?cb=20180620185634);
}

.epic-border-wrapper::before {
    content: "";
    display: inline;
    width: 32px;
    height: 32px;
    position: absolute;
    background-image: url(https://static.wikia.nocookie.net/conanexiles_gamepedia/images/9/97/Epic_icon_border.png/revision/latest/scale-to-width-down/32?cb=20201101000905);
}

.fp-header, .fp-header-red {
	background: #c9c9c9;
	text-align: center;
	font-size: 150%;
	box-shadow: rgba(238, 208, 146, .7) 0 0.1em 0.5em;
	background-color: rgba(0, 0, 0, 1);
}

.fp-header {
	border: 1px solid #d0b580;
	text-shadow: 1px 2px 6px #ffffff;
	color: #FFFFFF;
}
.fp-header-red {
	border: 1px solid #ffb580;
	color: #FF2020;
}