Add files

2021-04-18 23:02:26 +00:00
parent a56b30c1d5
commit 1ad1cf75fc
5 changed files with 436 additions and 0 deletions
--- a/ReallifeGamemode.Client/assets/css/onlinelist/style.css
+++ b/ReallifeGamemode.Client/assets/css/onlinelist/style.css
@@ -0,0 +1,220 @@
+html {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  height: 100vh;
+  background: transparent;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+html, body {
+  margin: unset;
+}
+
+*, *:before, *:after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+}
+
+body {
+  margin: 10vh auto 0;
+  width: 32vw;
+  color: white;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  font-size: 1em;
+}
+
+h1, h2 {
+  margin: unset;
+  line-height: 1;
+}
+
+h1 {
+  font-size: 1.75em;
+}
+
+h2 {
+  font-size: 1.125em;
+}
+
+.heading {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  margin-bottom: 1.5em;
+  padding: 1em 1em 0;
+}
+
+.wrapper {
+  height: 80vh;
+  overflow-y: scroll;
+  border-radius: .25em;
+  background-color: rgba(0, 0, 0, 0.75);
+}
+
+.wrapper::-webkit-scrollbar {
+  display: none;
+}
+
+table {
+  border-collapse: collapse;
+  width: 100%;
+  border-radius: inherit;
+}
+
+table th {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  text-align: left;
+  z-index: 2;
+  background-color: black;
+}
+
+table th:first-child {
+  border-top-left-radius: .25em;
+}
+
+table th:last-child {
+  border-top-right-radius: .25em;
+}
+
+table th, table td {
+  padding: .75em .5em;
+}
+
+table th:first-child, table td:first-child {
+  padding-left: 1em;
+}
+
+table th:last-child, table td:last-child {
+  padding-right: 1em;
+}
+
+table tr td {
+  overflow: hidden;
+}
+
+table tr td:nth-child(1) {
+  width: 7ch !important;
+}
+
+table tr td:nth-child(2) {
+  max-width: 36ch;
+  font-weight: bold;
+  overflow-x: auto;
+  white-space: nowrap;
+}
+
+table tr td:nth-child(2)::-webkit-scrollbar {
+  display: none;
+}
+
+table tr td:nth-child(3) {
+  width: 14ch !important;
+}
+
+table tr td:nth-child(4) {
+  width: 13ch !important;
+}
+
+table tr:nth-child(even) {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+
+.group::before {
+  content: "";
+  height: .65em;
+  width: .65em;
+  border-radius: 50%;
+  display: inline-block;
+  color: inherit;
+  border: 2px solid rgba(255, 255, 255, 0.125);
+  margin-right: .4em;
+  margin-bottom: 1px;
+}
+
+.group--0::before {
+  background-color: white;
+}
+
+.group--1::before {
+  background-color: #005fbe;
+}
+
+.group--2::before {
+  background-color: #c80000;
+}
+
+.group--3::before {
+  background-color: #0000aa;
+}
+
+.group--4::before {
+  background-color: #ffb400;
+}
+
+.group--5::before {
+  background-color: #ffb400;
+}
+
+.group--6::before {
+  background-color: white;
+}
+
+.group--7::before {
+  background-color: #004000;
+}
+
+.group--8::before {
+  background-color: #ab0096;
+}
+
+.group--9::before {
+  background-color: #00a685;
+}
+
+ol.inline {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  list-style: unset;
+  list-style-type: none;
+  margin: 0;
+  padding: unset;
+}
+
+ol.inline li:not(:last-child) {
+  margin-right: 1em;
+}
+
+ol.inline.stats {
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+
+ol.inline.stats:first-of-type {
+  margin-top: 1em !important;
+}
+
+ol.inline.stats:last-of-type {
+  margin-bottom: 1em;
+}
+
+ol.inline.stats:not(:last-of-type) {
+  margin-bottom: .125em;
+}
+
+ol.inline.stats abbr {
+  text-decoration: none;
+}
+/*# sourceMappingURL=style.css.map */