-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.css
1 lines (1 loc) · 2.89 KB
/
main.css
1
[hidden]{display:none!important}[clickable]{cursor:pointer;position:relative}[clickable]:after{background:var(--colour-secondary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}[clickable]:hover:after{opacity:.3}[noscript]{background-color:var(--colour-background);color:var(--colour-text-background);display:block;height:100%;left:0;position:absolute;top:0;z-index:1000}.styled-table,[noscript]{text-align:center;width:100%}.styled-table{border:2px solid var(--colour-primary);border-collapse:collapse;box-shadow:0 0 20px rgba(0,0,0,.15);font-family:sans-serif;font-size:.9em;margin:25px 0;min-width:400px;white-space:nowrap}.styled-table td,.styled-table th{padding:12px 15px}.styled-table thead tr{background-color:var(--colour-primary);color:var(--colour-text-primary);text-align:center}.styled-table tbody tr{border-bottom:1px solid var(--colour-border-background-foreground)}.styled-table td:last-child,.styled-table th:last-child{width:100%}:root{--colour-primary:#608890;--colour-secondary:#710709;--colour-background:#000;--colour-text-primary:#000;--colour-text-secondary:#fff;--colour-text-background:#fff;--colour-border-background-foreground:color-mix(in srgb,var(--colour-background) 60%,var(--colour-text-background))}body{background-color:var(--colour-background);color:var(--colour-text-background);font-family:Arial,Helvetica,sans-serif;height:100%;margin:0;padding:0;width:100%}header{background-color:var(--colour-primary);display:inline-block;height:100px;vertical-align:middle;width:100%}header *{line-height:100px;margin:0 1em}footer{background-color:var(--colour-primary);bottom:0;display:inline-block;height:40px;left:0;position:fixed;vertical-align:middle;width:100%}footer *{line-height:40px;margin:0 1em}footer button{background-color:var(--colour-secondary);border:none;color:var(--colour-text-secondary);display:inline-block;font-size:16px;margin:0;padding:0 32px;text-align:center;text-decoration:none}table#gamePlayers tbody tr[own]{color:var(--colour-primary);font-weight:700}table#games,table#players{display:inline-block;max-height:25vh;min-height:100px;overflow-y:scroll;position:relative}table#games thead tr,table#players thead tr{position:sticky;top:0;z-index:10}div#kda{display:flex;font-size:large;font-weight:700;justify-content:space-evenly;text-align:center}dialog#gameDetails,dialog#playerDetails{background-color:var(--colour-background);color:var(--colour-text-background);width:90%}dialog#gameDetails ol[events]{list-style-type:none;margin:0;padding:0}button#fileButton{background-color:var(--colour-primary);border:none;color:var(--colour-text-primary);display:inline-block;font-size:16px;padding:15px 32px;text-align:center;text-decoration:none;width:100%}td.timeline-cell{border-left:1px solid var(--colour-border-background-foreground)}.me{fill:var(--colour-secondary)}.myTeam{fill:var(--colour-primary)}#title-container{float:left;margin:1em}#legend-container{float:right;margin:1em}