MediaWiki:FandomMobile.css

/* CSS placed here will be applied to mobile only */
/*  FANDOM AND MEDIAWIKI STRIPPED MANY BASIC CSS AND JS SCRIPTS FROM THE SITE.  LUA DOES NOT WORK ON MOBILE.
Most DCC Wiki visitors are on mobile. Be careful not to bog this page down.*/

/* PAGE IMPORTS */
@import url("/load.php?mode=articles&articles=MediaWiki:Mainpage.css&only=styles");

/* FONT IMPORT */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Goldman:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play');

/* Highlight Effect */
.dcc-highlight {
	background-image: linear-gradient(to top, rgba(220,180,0,0.6) 54%, #0000 54%, #0000 100%);
	display: inline;
	letter-spacing: .5px;
	padding-left: 6px;
	padding-right: 6px;
}

/* 0.5 character spacing on bullet lists with class "half-space-list" */
.half-space-list li {
	padding: 0.5em;
}



/*-------------------------------------------------------------------------------------------------------------------------------------
6. NAVBOXES */
/*
.dccCard {
  background-color: #1a1418;
  width: 100%;
  max-width: 80%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}

.dccFunkyTable {
  margin-top:1em;
	font-size: 1em;
  box-shadow: 0 15px 35px rgba(#000000, 0.5);
  border: 0.2em solid $table-text-color;
	border-radius: 0.5em;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  max-height: $table-concept-max-height;
  overflow: auto;
  box-sizing: border-box;
  background-color: $table-default-bgc;
}

.dccFunkyTable tr:nth-child(even):hover {
	background-color: #251e24;
	}
				
.dccFunkyTable tr:nth-child(even) {
	background-color: #352e34;
	}		

.dccFunkyTable tr:nth-child(odd):hover {
	background-color: #0a0408;
	}
				
.dccFunkyTable tr:nth-child(odd) {
	background-color: #1a1418;
	}					
			
.dccFunkyTable tr:nth-child(2).td {
	border-top: 0;
	}
				
.dccFunkyTable tr:last-child.td {
	border-bottom: 0;
	}

.dccFunkyTable th {
	padding: 0.5em;
	box-sizing: border-box;
	text-align: center;
	color: #000000;
	font-weight: normal;
	background-color: #dcb400;
	border-bottom: solid 0.2em #cecece;
	position: sticky;
	top: 0;
	}
			
.dccFunkyTable th:nth-child(1) {
	text-align: right;
	max-width: 20%;
	border-right: 0.2em solid #cecece;
	}
	
.dccFunkyTable th:nth-child(1) {
	text-align: right;
	max-width: 20%;
	border-right: 0.2em solid #cecece;
	}	
	
.dccFunkyTable td {
	color: #cecece;
	text-align: left;
	padding: 0.5em;
	box-sizing: border-box;
	border: solid 0.05em #a16c09;
	border-left: 0;
	white-space: nowrap;
	}

.dccFunkyTable td:nth-child(1) {
	width: 20%;
	text-align: right;
	border-right: 0.2em solid #cecece;
	}

table.nav {
	margin-top:1em;
	border: 1px solid #cecece;
	border-collapse: collapse;
	background-color: var;
	font-size: 10pt;
}
table.nav th {
	padding: 0.2em 0.2em;
	font-size: 10pt;
	text-align: center;
	background: rgba(206,206,206,0.35);
	border-bottom: 1px solid #cecece;
	letter-spacing: 1px;
}
table.nav td, tr {
	border-bottom: 1px solid #cecece;
	padding:0.2em 0.2em;
}
table.nav td:nth-child(1) {
	text-align: right;
	border-right: 1px solid #cecece;
	padding: 0.2em 0.5em;
	letter-spacing: 1px;
}
table.nav tr:nth-child(even) {
	background: rgba(206,206,206,0.2);
}
*/