You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
2.4 KiB
CSS
93 lines
2.4 KiB
CSS
1 year ago
|
/* Leaderboards */
|
||
|
.leaderboards {
|
||
|
background-color: #1a1a1a;
|
||
|
}
|
||
|
|
||
|
/* Leaderboards Div First Child */
|
||
|
.leaderboards div:first-child {
|
||
|
padding: 10px 40px;
|
||
|
padding-top: 40px;
|
||
|
display: flex;
|
||
|
justify-content: space-around;
|
||
|
align-items: flex-start;
|
||
|
}
|
||
|
|
||
|
/* Leaderboards Div First Child Table */
|
||
|
.leaderboards div:first-child table {
|
||
|
border-spacing: 20px;
|
||
|
}
|
||
|
|
||
|
/* Leaderboards Div First Child Table First Child */
|
||
|
.leaderboards div:first-child table:first-child {
|
||
|
width: 65%;
|
||
|
}
|
||
|
|
||
|
/* Leaderboards Div First Child Table Last Child */
|
||
|
.leaderboards div:first-child table:last-child {
|
||
|
width: 25%;
|
||
|
}
|
||
|
|
||
|
/* Leaderboards Div First Child Table Tr */
|
||
|
.leaderboards div:first-child table tr {
|
||
|
font-family: NeonSans;
|
||
|
}
|
||
|
|
||
|
/* Leaderboards Div First Child Table Tr Th */
|
||
|
.leaderboards div:first-child table tr th {
|
||
|
text-align: start;
|
||
|
font-size: 25px;
|
||
|
color: #8c00ff;
|
||
|
text-shadow: 0 0 10px #8c00ff, 0 0 20px #8c00ff, 0 0 30px #8c00ff, 0 0 40px #8c00ff;
|
||
|
}
|
||
|
|
||
|
/* Leaderboards Div First Child Table Tr Td */
|
||
|
.leaderboards div:first-child table tr td {
|
||
|
font-size: 20px;
|
||
|
color: #f700ff;
|
||
|
text-shadow: 0 0 10px #f700ff, 0 0 20px #f700ff, 0 0 30px #f700ff, 0 0 40px #f700ff;
|
||
|
}
|
||
|
|
||
|
/* Leaderboards Div Last Child */
|
||
|
.leaderboards div:last-child {
|
||
|
width: 100%;
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
}
|
||
|
|
||
|
/* Leaderboards Div Last Child A */
|
||
|
.leaderboards div:last-child a {
|
||
|
width: 160px;
|
||
|
padding: 30px;
|
||
|
padding-bottom: 40px;
|
||
|
font-family: NeonSans;
|
||
|
font-size: 20px;
|
||
|
color: #ff9d00;
|
||
|
text-shadow: 0 0 10px #ff9d00, 0 0 20px #ff9d00, 0 0 30px #ff9d00, 0 0 40px #ff9d00;
|
||
|
transition: text-shadow 0.2s linear;
|
||
|
}
|
||
|
|
||
|
/* Leaderboards Div Last Child A Hover */
|
||
|
.leaderboards div:last-child a:hover {
|
||
|
text-shadow: 0 0 10px #ff9d00, 0 0 20px #ff9d00;
|
||
|
transition: text-shadow 0.2s linear;
|
||
|
}
|
||
|
|
||
|
/* Small Screens */
|
||
|
@media screen and (max-width: 1111px) {
|
||
|
/* Leaderboards Div First Child */
|
||
|
.leaderboards div:first-child {
|
||
|
flex-direction: column-reverse;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
}
|
||
|
/* Leaderboards Div First Child Table First Child */
|
||
|
.leaderboards div:first-child table:first-child {
|
||
|
padding-top: 50px;
|
||
|
width: 100%;
|
||
|
}
|
||
|
/* Leaderboards Div First Child Table Last Child */
|
||
|
.leaderboards div:first-child table:last-child {
|
||
|
width: 100%;
|
||
|
}
|
||
|
}
|