Template:PrizePool.css

.striped-table {
	border-collapse: separate;
	border: 2px solid #bbbbbb;
	border-radius: 8px;
	width: 100%;
}

.headerRow {background-color: #19191E;}

.headerRow {
	text-align: center;
	color: #C1C1CD;
}

.headerRow th:last-child {
    text-align: left !important;
    padding-left: 20px;
}

.headerRow th {
	font-size: 1rem;
	padding: 5px;
	border-right: 1px solid #a2a9b1;
}

.gold {background-color: rgba(182, 142, 14, 0.5);}
.silver {background-color: rgba(161, 161, 164, 0.5);}
.bronze {background-color: #523115;}

.headerRow th {
	font-size: 1rem;
	padding: 5px;
}

.headerRow .table-title {
	font-size: 1.1rem;
	border-bottom: 1px solid #a2a9b1;
}

.bodyRow td {
	border-top: 1px solid #a2a9b1;
	padding: 5px;
	color: #ECEBEB;
}

.bodyRow td:not(:last-child) {
	border-right: 1px solid #a2a9b1;
	text-align: center;
}

.bodyRow td:last-child {
	padding-left: 20px;
}

.striped-table td,
.striped-table th {
    /*height: 40px;*/
    vertical-align: middle;
    padding: 15px 18px;
}

.striped-table a {
    color: #ECEBEB;
    text-decoration: none;
}

.headerRow th:first-child {
    border-top-left-radius: 8px;
}

.headerRow th:last-child {
    border-top-right-radius: 8px;
}

@media (max-width: 700px) {
  .striped-table {
    width: 100%;
    table-layout: fixed;
    font-size: 0.7em;
  }
  
  .striped-table th {
  	padding: 10px 3px;
  }
  .striped-table td {
    padding: 2px 3px;
  }
  
  .striped-table img {
    max-width: 100%;
    height: auto;
  }
 
  .bodyRow td:last-child {
     padding-left: 8px !important; 
	}
	
	.headerRow th {
    	font-size: 0.8rem;
	}
	
	.striped-table th:nth-child(1),
	.striped-table td:nth-child(1) {
	  width: 20%;
	}
	
	.striped-table th:nth-child(2),
	.striped-table td:nth-child(2) {
	  width: 20%;
	}
	
	.striped-table th:nth-child(3),
	.striped-table td:nth-child(3) {
	  width: 20%;
	}
	
	.striped-table th:nth-child(4),
	.striped-table td:nth-child(4) {
	  width: 40%;
	}
}

/* Darkmode */
html.skin-citizen-dark .headerRow {background-color: #262626;}