MediaWiki:Common.css — borderlands

/***** CSS placed here will be applied to all skins on the entire site. *****/
@import "/load.php?articles=MediaWiki:Colors.css|MediaWiki:UserNameHighlights.css|MediaWiki:DesktopMobileShared.css&only=styles&mode=articles";

/*** Tables ***/
/*
NOTE: Please use article-table, fandom-table or wikitable as default tables
*/
/* Overall look of the table. */
table.borderlands { 
	margin: 0.5em 0.5em 0.5em 0;
	background: var(--custom-navbox-background-color);
	border-collapse: collapse;
	border: 1px solid var(--theme-border-color);
	color: white;
}
/* Basic borders and padding for the table cells and table header cells. */
table.borderlands td {
	border: 1px solid var(--theme-border-color);
	padding: 3px 7px;
}
/* All header cells will be subject to the same coloring. */
table.borderlands th {
	border: 1px solid var(--theme-border-color);
	padding: 3px 7px;
	font-weight: bold;
	background: #222;
	text-align: center;
}
/* Applied to the entire sub-header row. */
table.borderlands tr.subheader {
	font-style: italic;
}
/* Make both the subheader th and td cells look the same. Overrides the normal header cell color, and reserves bolding for the main header cells. */
table.borderlands tr.subheader th {
	background: #333;
	font-weight: normal;
}
table.borderlands tr.subheader td {
	background: #333;
}
/* Alternate color for row differentiation. */
table.borderlands tr.alt_row {
	background: #404040;
}
/* even rows of table */
table.borderlands tr:nth-child(even) {
	background: #404040;
}
table.borderlands tr:nth-child(odd) td {
	color: var(--theme-page-text-color);
}
table.single-line-headers th {
	white-space: nowrap;
}
/* Alternate row colors (for "Fandom" tables) */
.fandom-table tr:nth-child(even) {
	background: var(--theme-page-background-color--secondary);
}

table.article-table-bordered {
	border-top:  1px solid var(--theme-border-color);
	border-left: 1px solid var(--theme-border-color);
}

/* class to add vertical borders to .article-table cells */
table.article-table-bordered th, table.article-table-bordered td {
	border-right: 1px solid var(--theme-border-color);
}

th.thick-side-border, td.thick-side-border {
	border-right-width: 3px !important;
}

/* Blog list tweak */
div.wk_blogs_panel {
	width: 275px;
}

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
	font-style: italic;
}
.allpagesredirect:after {
	color: #808080; content: " (redirect)"
}
.watchlistredir {
	font-style: italic;
}

/* Giving headers and TOC a little extra space */
.toc,
h2 {
	margin-top: 20px;
}
/* Giving list items a little extra space */
.page__main li {
	margin-bottom: 1ex;
}
.wds-tabs li,
.toc li {
	margin-bottom: 0; /* Not for tabbers & table of contents  */
}

/*** Infoboxes ***/
.portable-infobox {
	background-color: var(--theme-page-background-color--secondary);
}
.portable-infobox .pi-navigation,
.portable-infobox .pi-data-value:only-child {
	text-align: center;
}
.portable-infobox .pi-data-label {
	flex-basis: 50%;
}
/* This is the style for parts */
.mechanic-part {
	font-family: monospace;
	font-weight:bold;
}

/*** Navboxes ***/
/* Navbox container style */
table.navbox {
	border: 1px solid var(--custom-navbox-border-color);
	width: 100%; 
	margin: auto;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
}
/* Title and above/below styles */
.navbox-title,
.navbox-abovebelow,
table.navbox th {
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
}
/* Group style */
.navbox-group {
	white-space: nowrap;
	text-align: right;
	font-weight: bold;
	padding-left: 1em;
	padding-right: 1em;
}
/* Background color */
.navbox, .navbox-subgroup {
	background: var(--custom-navbox-background-color);
}
/* Must match background color */
.navbox-list {
	border-color: var(--custom-navbox-background-color);
}
.navbox-title,
table.navbox th {
	background: var(--custom-navbox-title-color); /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
	background: var(--custom-navbox-subgroup-title-color); /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
	background: var(--custom-navbox-background-color-subgroup); /* Level 3 color */
}

.navbox-subgroup .navbox-subgroup .navbox-group {
	background: var(--custom-navbox-background-color-subgroup-subgroup); /* Level 4 color */
}

.navbox-subgroup .navbox-group {
	min-width: 140px;
}
/* Even row striping */
.navbox-even {
	background: var(--custom-navbox-background-color-even);
}
/* Odd row striping */
.navbox-odd {
	background: transparent;
}
.collapseButton {
	float: right;
	font-weight: normal;
	text-align: right;
	width: auto;
}
.navbox .collapseButton {
	width: 6em;
}
.mw-collapsible-text {
	font-weight: normal;
}

/* Templates 'Character skills nav', 'BL3 Character skills nav' */
.bl-nav caption  {
	border: thin solid;
}
.bl-nav td {
	vertical-align: top;
}

/*** Template:Wrap ***/
/* Also can be used as itself in case of complex markup (eg: tables) */
.wrap {
  display:flex;
  flex-flow:wrap;
  gap:1ex;
}

/*** Template:Itembox ***/
.itembox {
  display:inline-grid;
  grid-template-columns: 1fr 1fr;
  text-align: center;
  align-items: center;
  background: var(--theme-page-background-color--secondary);
  border:thin solid var(--theme-border-color);
  width: 24em;
}
.itembox .item-view {
  order: -1; /* Image on first */
  grid-row: 1 / 5; /* More space for desc than for item name */
}
.itembox dd { margin: auto; } /* To prevent Fandom styles */

/*** Template:Quote ***/
.pull-quote_text {
  padding-top: 1ex; 
}

/*** Forum formatting (by -Algorithm & -Splaka) ***/
.forumheader {
   border: 1px solid #aaa;
   margin-top: 1em;
   padding: 12px;
}
.forumlist td.forum_edited a {
   color: black;
   text-decoration: none;
}
.forumlist td.forum_title a {
   padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
   font-weight: bold;
   background: url(/images/4/4e/Forum_new.gif) center left no-repeat;
   padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
   font-weight: normal;
   background: none;
   padding-left: 20px;
}
.forumlist th.forum_title {
   padding-left: 20px;
}

/* Recent changes byte indicators */
.mw-plusminus-pos {
   color: #006500;
}
.mw-plusminus-neg {
   color: #8B0000;
}

/* Image Border */
.fx {
	-webkit-filter: drop-shadow(0px 0px 10px #000);
	filter: drop-shadow(0px 0px 3.5px #000) drop-shadow(1px 1px 1px #000);
}
.theme-fandomdesktop-light .mpimageclass img {
   -webkit-filter: drop-shadow(0px 0px 10px #ff01ff);
   filter: drop-shadow(0px 0px 3.5px #051223) drop-shadow(1px 1px 1px #000);
}
/* Image frame fix */
div.tright, div.tleft {
	border: 1px solid silver;
}
div.thumbinner {
	background: inherit;
	border: none;
	color: inherit;
}
#article div.thumb {
	color:inherit;
}

/* Babel */
div.babelbox {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
	width: 246px;
	border: 1px solid #99B3FF;
	padding: 2px 0 2px 0;
}
.lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {
	margin: 2px 4px 2px 4px; /* t, l, b, r */
	width: 238px;
	border-collapse: collapse;
}
td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {
	text-align: center;
	font-size: 14pt;
	width: 45px;
	height: 45px;
}
td.lang-descriptionN, td.lang-description0, td.lang-description1,
td.lang-description2, td.lang-description3 {
	font-size: 8pt;
	padding: 4pt;
	line-height: 1.25em;
}
.lang-block0 {
	border: 1px solid #FFB3B3;
}
td.lang-code0 {
	background-color: #FFB3B3;
	color: black;
}
td.lang-description0 {
	background-color: #FFE0E8;
	color: black;
}
.lang-block1,  .lang-block2, .lang-block3  {
	border: 1px solid #99B3FF;
}
td.lang-code1, td.lang-code2, td.lang-code3 {
	background-color: #99B3FF;
	color: black;
}
td.lang-description1,  td.lang-description2, td.lang-description3 {
	background-color: #E0E8FF;
	color: black;
}
.lang-blockN {
	border:1px solid #6EF7A7;
}
td.lang-codeN {
	background-color: #6EF7A7;
	color: black;
}
td.lang-descriptionN {
	background-color: #C5FCDC;
	color: black;
}

/* Hatnotes and disambiguation notices */
.rellink,
.dablink {
	font-style: italic;
	padding-left: 2em;
	margin-bottom: 0.5em;
}
.rellink i,
.dablink i {
	font-style: normal;
}

/*** Messagebox ***/
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {	 /* The message body cell(s) */
	border: none; 
	padding: 0.25em 0.9em;	   /* 0.9em left/right */
	width: 100%;	/* Make all mboxes the same width regardless of text length */
}
td.mbox-image {				  /* The left image cell */
	border: none; 
	padding: 2px 0 2px 0.9em;	/* 0.9em left, 0px right */
	text-align: center; 
}
td.mbox-imageright {			 /* The right image cell */
	border: none;
	padding: 2px 0.9em 2px 0;	/* 0px left, 0.9em right */
	text-align: center; 
}
td.mbox-empty-cell {		 /* An empty narrow cell */
	border: none;
	padding: 0px;
	width: 1px;
}

/* Other pages message box styles */
table.ombox {
	margin: 4px 10%; 
	border-collapse: collapse; 
	border: 1px solid #aaa;	   /* Default "notice" gray */
	background: var(--theme-link-dynamic-color-1);
}
 
table.ombox-notice {
	border: 1px solid #aaa;	   /* Gray */
}
table.ombox-speedy {
	border: 2px solid #b22222;	/* Red */
	background: #fee;			 /* Pink */
}
table.ombox-delete {
	border: 2px solid #b22222;	/* Red */
}
table.ombox-content {
	border: 1px solid #f28500;	/* Orange */
}
table.ombox-style {
	border: 1px solid #f4c430;	/* Yellow */
}
table.ombox-move {
	border: 1px solid #9932cc;	/* Purple */
}
table.ombox-protection {
	border: 2px solid #bba;	   /* Gray-gold */
}

/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
	clear: right;
	float: right;
	margin: 4px 0 4px 1em;
	width: 238px;
	font-size: 88%;
	line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
	margin: 4px 1em 4px 0;
	width: 238px;
	border-collapse: collapse;
	font-size: 88%;
	line-height: 1.25em;
}

/*** Main page ***/

.mainpage .page-header__title {
	display: none; /* Remove default header */
}
.mainpage-main__header {
	font-size: xx-large;
	font-family: sans-serif;
	font-variant: small-caps;
}
.mainpage-intro {
	text-align: center;
	margin: 1em;
}
.mainpage-about__img .caption {
	text-align: center;
}

/* Template:Film character notice */
.film-notice {
	padding: 0.5em 0.5em 0em 0.5em; 
	border: 1px solid var(--theme-page-text-color); 
	margin: 5px;
	border-radius: 3px;
	box-shadow: 1px 1px 3px 0px var(--theme-page-text-color);
}

/* MainButtons */
.mpbuttons ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}

.mpbuttons li {
  width: 120px;
  margin: 8px;
  border: 1px solid #fec356;
  padding: 4px;
  text-align: center;
  font-weight: 500;
}

/** mpbanner **/

.mpbanner1 {
    background: url(https://static.wikia.nocookie.net/borderlands/images/a/a4/Bl4_frontpage_background.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top !important;
    background-position-y: center !important;
    margin-bottom: 0px;
    transform: scaleX(1);
    padding-top: 40px;
}
.mpbanner2 {
    background: linear-gradient(360deg, #000000b0, transparent);
}

.mpheader1 {
    width: 100%;
    height: 170px;
    background: url(https://static.wikia.nocookie.net/borderlands/images/9/93/Bl4_frontpage_logo.png) no-repeat;
    background-size: 400px;
    background-position: center !important;
    filter: drop-shadow(0px 0px 5px #000);
    display: inline-block;
    vertical-align: bottom;
    opacity: 1;
    position: relative;
    top: 30px;
}

.mpheader1:hover {
    opacity: 0.5;
    -moz-transition: all 0.4s ease-out; /* FF4+ */
    -o-transition: all 0.4s ease-out; /* Opera 10.5+ */
    -webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
    -ms-transition: all 0.4s ease-out; /* IE10? */
    transition: all 0.4s ease-out;
}

.borderlands3 .mpbanner1 {
    background: url(https://static.wikia.nocookie.net/borderlands/images/c/c8/Bl3_frontpage_background.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top !important;
    background-position-y: center !important;
    margin-bottom: 0px;
    transform: scaleX(1);
    padding-top: 40px;
}

.borderlands3 .mpbanner2 {
    background: linear-gradient(360deg, #000000b0, transparent);
}

.borderlands3 .mpheader1 {
	width: 100%;
    height: 170px;
    background: url(https://static.wikia.nocookie.net/borderlands/images/9/94/Bl3_logo.png);
    background-size: 400px;
    background-repeat: no-repeat;
    background-position: center !important;
    filter: drop-shadow(0px 0px 5px #000);
    display: inline-block;
    vertical-align: bottom;
    opacity: 1;
    position: relative;
    top: 30px;
}

.borderlands3 .mpheader1:hover {
    opacity: 0.5;
    -moz-transition: all 0.4s ease-out; /* FF4+ */
    -o-transition: all 0.4s ease-out; /* Opera 10.5+ */
    -webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
    -ms-transition: all 0.4s ease-out; /* IE10? */
    transition: all 0.4s ease-out;
}

.tinytinas .mpbanner1 {
    background: url(https://static.wikia.nocookie.net/borderlands/images/7/7f/Ttwl_frontpage_background.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top !important;
    background-position-y: center !important;
    margin-bottom: 0px;
    transform: scaleX(1);
    padding-top: 40px;
}

.tinytinas .mpbanner2 {
    background: linear-gradient(360deg, #000000b0, transparent);
}

.tinytinas .mpheader1 {
	width: 100%;
    height: 170px;
    background: url(https://static.wikia.nocookie.net/borderlands/images/6/6a/TTW_Logo.png);
    background-size: 400px;
    background-repeat: no-repeat;
    background-position: center !important;
    filter: drop-shadow(0px 0px 5px #000);
    display: inline-block;
    vertical-align: bottom;
    opacity: 1;
    position: relative;
    top: 30px;
}

.tinytinas .mpheader1:hover {
    opacity: 0.5;
    -moz-transition: all 0.4s ease-out; /* FF4+ */
    -o-transition: all 0.4s ease-out; /* Opera 10.5+ */
    -webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
    -ms-transition: all 0.4s ease-out; /* IE10? */
    transition: all 0.4s ease-out;
}

/** zoom **/

#zoom .wikia-gallery-item:hover {
    transform: scale(0.95);
    border: 1px solid #fec356;
}