MediaWiki:Common.css

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

html {
	background-color: #111925 !important;
}

#mw-content-container {
	background: url(https://duelingnexus.com/assets/background/bg.jpg) no-repeat center center fixed;
	background-size: 100% 100%;
	padding-bottom: 0px;
}

#mw-content {
	background: linear-gradient(rgba(18,23,36,0.7) 0%, rgba(1,1,17,0.7) 100%);
	color: white;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	border-top: 0px;
	border-bottom: 0px;
}

#ca-nstab-main {
	border-bottom: 0px;
}

#firstHeading {
	font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
	border-bottom: 4px solid #777777;
}

#ca-ve-edit a {
	color: white;
}

.tools-inline li.selected a {
	color: white;
}

#card-images-container {
	display: inline-block;
	vertical-align: top;
	width: 356px;
	margin-left: 20px;
	margin-right: 10px;
}
#card-image {
	width: 356px;
}

#card-data-container {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 411px);
	min-width: 356px;
	margin-left: 19px;
}

#card-name {
	text-align: center;
	width: 100%;
	line-height: 30px;
	background: #1B2029;
	border: 1px solid #777777;
	border-radius: 10px;
	font-size: 16px;
	margin-top: 0px;
}

#card-data-table {
	background: #111925;
	width: calc(100% - 20px);
	margin-left: 10px;
	margin-right: 10px;
}

#card-data-table, th, tr, td {
	border: 1px solid #777777;
	border-collapse: collapse;
	padding: 10px;
}

#card-data-table tr:hover {
	background: #6D1CB4;
}

.card-data-td-title {
	width: 100px;
}

#card-description-label {
	padding-left: 10px;
}

#card-description-data {
	width: calc(100% - 36px);
	border: 1px solid #777777;
	padding: 7px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #111925;
}

#alternative-arts {
	padding-top: 3px;
	padding-bottom: 10px;
	width: 360px;
}

#alternative-card-image {
	width: 86px;
	margin-top: 4px;
	margin-right: 4px;
	cursor: pointer;
}

#banlist-status-container {
	width: 70%;
	margin: auto;
}

.banlist-status {
	display: inline-block;
	width: 41%;
	padding: 10px;
	text-align: center;
	border: 1px solid #777777;
	background-color: #111925;
}

#ocg-status {
	margin-left: calc(18% - 45px);
}

.card-packs-table {
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	background: #111925;
}

.card-packs-table, th, tr, td {
	border-collapse: collapse;
}

.card-packs-table tr:hover {
	background: #6D1CB4;
}

#card-pack-abbr-title {
	width: 10%;
}

#card-pack-name-title {
	width: 75%;
}

#card-pack-release-date-title {
	width: 15%;
}

.sets-title {
	text-align: center;
	font-weight: bold;
}

#card-container-buttons {
	padding-top: 10px;
	padding-left: 20px;
	width: calc(100% - 40px);
}

.card-button {
	display: inline-block;
	width: calc((98% / 3) - 1px);
}

#find-decks {
	width: 100%;
	padding: 10px;
	background: #111925;
	color: #FFFFFF;
	border: 1px solid #777;
	cursor: pointer;
	font-weight: normal;
}

#buy-card-tcgplayer {
	width: 100%;
	padding: 10px;
	background: #111925;
	color: #FFFFFF;
	border: 1px solid #777;
	cursor: pointer;
	font-weight: normal;
}

#buy-card-cardmarket {
	width: 100%;
	padding: 10px;
	background: #111925;
	color: #FFFFFF;
	border: 1px solid #777;
	cursor: pointer;
	font-weight: normal;
}

#find-decks:hover, #buy-card-tcgplayer:hover, #buy-card-cardmarket:hover {
	background-color: #2C394F;
}

#related-cards {
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-top: 35px;
	margin-bottom: 50px;
}

#related-cards-title {
	text-align: center;
	font-weight: bold;
}

#related-card-image {
	width: 16%;
	margin-bottom: 1%;
	cursor: pointer;
}

.sidebar-chunk {
	background: #111925 !important;
	border: 1px solid #777777 !important;
}

.mw-portlet {
	color: white !important;
}

#mw-header-container {
	background: #111925 !important;
}

#p-banner {
	padding-top: 0.4rem !important;
	color: white !important;	
}

#personal {
	color: white !important;
}

.toc {
	background: #111925 !important;
	border: 1px solid #777777 !important;
}

.color-left, .color-middle, .color-right {
	background: #8518C3 !important;
}

@media screen {
    html body a,
    html body a:link,
    html body a:visited,
    html body a:hover,
    html body a:focus,
    html body a:active,
    html body .mw-list-item a,
    html body .mw-parser-output a {
        color: #008cba !important;
    }
    
    #mw-content-container {
    	border-bottom: solid 4px #8518C3;
    }
}

#mw-wrapper {
	background-color: #111925 !important;
}