MediaWiki:Common.css: Difference between revisions

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

/* Infobox Classes */
.game-infobox {
	font-family: Rubik;
	border-spacing: 0;
	border-collapse: separate;
	float: right; 
	margin-left: 2rem; 
	margin-right: 10px
	min-width: 240px;
}
.game-infobox-title {
	background-color: #287308;
	color: white;
	padding: 0.75rem 3rem 0.75rem 3rem;
	font-size: 1.1rem;
}
.game-infobox-header {
	width: 240px;
	background-color: #287308;
	color: white;
	padding: 0.5rem;
	font-size: 1rem;
}
.game-infobox-attribute {
	width: 50px;
	font-size: 0.8rem;
	padding: 0.5rem;
}
.game-infobox-argument {
	font-size: 0.8rem;
	padding: 0.5rem;
}




.game-infobox tr th, .game-infobox tr td {
	  border-right: 1px solid rgba(40,115,8,0.5);
	  border-bottom: 1px solid rgba(40,115,8,0.5);
	  padding: 5px;
}
.game-infobox tr th:first-child,
.game-infobox tr td:first-child {
  border-left: 1px solid rgba(40,115,8,0.5);
}
.game-infobox tr th {
  border-top: 1px solid rgba(40,115,8,0.5);
}
.game-infobox tr:first-child th:first-child {
  border-top-left-radius: 2px;
}
.game-infobox tr:first-child th:last-child {
  border-top-right-radius: 2px;
}
.game-infobox tr:last-child td:first-child {
  border-bottom-left-radius: 2px;
}
.game-infobox tr:last-child td:last-child {
  border-bottom-right-radius: 2px;
}





/* Viewport Containers */
@media(max-height: 993px) {
	.game-infobox {
		float: none;
	}
}


.table-1 {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 350px;
}
.table-1 tr th,
.table-1 tr td {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 5px;
}
.table-1 tr th:first-child,
.table-1 tr td:first-child {
  border-left: 1px solid #bbb;
}
.table-1 tr th {
  border-top: 1px solid #bbb;
  text-align: left;
}




/* top-left border-radius */
.table-1 tr:first-child th:first-child {
  border-top-left-radius: 6px;
}

/* top-right border-radius */
.table-1 tr:first-child th:last-child {
  border-top-right-radius: 6px;
}

/* bottom-left border-radius */
.table-1 tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
.table-1 tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}