You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and dots ('.'), can be up to 35 characters long. Letters must be lowercase.
102 lines
2.3 KiB
102 lines
2.3 KiB
@font-face { |
|
font-family: M42; |
|
src: url(/fonts/m42.TTF); |
|
} |
|
*{ |
|
font-family: M42; |
|
font-size: 10px; |
|
} |
|
.head-board { |
|
display: flex; |
|
margin:auto; |
|
justify-content: space-between; |
|
flex-direction: row; |
|
width: 70%; |
|
border: 2px solid black; |
|
border-bottom-color: white; |
|
border-bottom-width: 1px; |
|
border-bottom-left-radius: 0px; |
|
border-bottom-right-radius: 0px; |
|
border-top-left-radius: 10px; |
|
border-top-right-radius: 10px; |
|
background-color: black; |
|
|
|
} |
|
|
|
.leaderboard { |
|
display: flex; |
|
margin: auto; |
|
align-items: center; |
|
flex-direction: column; |
|
width: 70%; |
|
height: 50vh; |
|
overflow-y: scroll; |
|
overflow-x:visible; |
|
border: 2px solid black; |
|
border-bottom-left-radius: 10px; |
|
border-bottom-right-radius: 10px; |
|
border-top-left-radius: 0px; |
|
border-top-right-radius: 0px; |
|
background-color: black; |
|
scrollbar-width: none; /* Firefox */ |
|
-ms-overflow-style: none; |
|
} |
|
.leaderboard::-webkit-scrollbar { |
|
width: 0 !important |
|
} |
|
article{ |
|
width: 99.9%; |
|
display: flex; |
|
justify-content: space-between; |
|
border-bottom: 1px solid rgb(255, 255, 255); |
|
} |
|
p{ |
|
padding: 5px; |
|
text-align: start; |
|
} |
|
.num{ |
|
font-size: larger; |
|
color: rgb(255, 255, 255); |
|
} |
|
.faction{ |
|
color:rgb(0, 255, 115); |
|
} |
|
.headquarters{ |
|
color:rgb(86, 187, 255); |
|
} |
|
.symbol{ |
|
color:red; |
|
text-decoration: underline; |
|
} |
|
.credits{ |
|
color: rgb(250, 204, 88); |
|
} |
|
.ships{ |
|
color: rgb(146, 146, 146); |
|
} |
|
.buttons button{ |
|
position: absolute; /* Position them relative to the browser window */ |
|
left: 200px; /* Position them outside of the screen */ |
|
transition: 0.3s; /* Add transition on hover */ |
|
padding: 15px; /* 15px padding */ |
|
width: 300px; /* Set a specific width */ |
|
text-decoration: none; /* Remove underline */ |
|
font-size: 20px; /* Increase font size */ |
|
color: white; /* White text color */ |
|
border-radius: 0 5px 5px 0; /* Rounded corners on the top right and bottom right side */ |
|
} |
|
|
|
.buttons button:hover{ |
|
left: 400px; /* On mouse-over, make the elements appear as they should */ |
|
} |
|
|
|
/* The about link: 20px from the top with a green background */ |
|
.btn-test{ |
|
top: 80px; |
|
background-color: #04AA6D; |
|
} |
|
|
|
.btn-test2{ |
|
top: 180px; |
|
background-color: #2196F3; /* Blue */ |
|
} |