123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- :root {
- --background-color: #262A2F;
- --border-color: #464A4F;
- --text-color: #F4F1ED;
- --link-color: #726F6B;
- --link-active-color: #7F7C78;
- --link-visited-color: #65625F;
- --link-hover-color: #AAA;
- --transparent-cyan: #00DDFF13;
- --input-border-color: #555555;
- --input-background-focus-color: #555555;
- --button-background-color: #555555;
- --button-text-color: #000000;
- --background: #12101A;
- --foreground: #FFFFFF;
- --query-text: #000000;
- --border: #DDDDDD;
- --border-radius: 30px;
- --input-padding: 12px;
- --red: #FF0000;
- --green: #00FF00;
- --blue: #0000FF;
- }
- body {
- font-family: "Helvetica Neue";
- background-color: var(--background-color);
- color: var(--text-color);
- }
- a:link {
- text-decoration:none;
- color: var(--link-color);
- }
- a:active {
- color: var(--link-active-color);
- }
- a:visited {
- color: var(--link-visited-color);
- }
- a:hover {
- color: var(--link-hover-color);
- text-decoration: none;
- }
- img.inline {
- vertical-align: middle;
- padding-right: 20px;
- }
- .x-large {
- font-size: 28px;
- }
- body {
- display: flex;
- justify-content: center;
- align-items: center;
- margin: 0;
- }
- .centered {
- text-align: center;
- }
- .grid-container {
- display: grid;
- grid-template-columns: 1fr;
- grid-gap: 10px;
- padding: 10px;
- }
- .grid-item {
- padding: 10px;
- text-align: center;
- }
- @media (orientation: landscape) and (min-width: 1080px) and (max-width: 1920px) {
- .cov-graph {
- transition: transform 400ms
- cubic-bezier(0.5, 1.8, 0.3, 0.8);
- &:hover {;
- transform: scale(1.5);
- }
- }
- }
- .cov-graph {
- border: solid 3px var(--border-color);
- border-radius: 16px;
- background-color: #000000;
- max-width: 80vw
- }
- .cov-title {
- font-size: 10pt;
- font-weight: lighter;
- margin: 8pt;
- }
- .hidden {
- display: none;
- }
|