1 line
5.1 KiB
CSS
1 line
5.1 KiB
CSS
@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500&family=Electrolize&display=swap";#login-view[data-v-5095e762]{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.card[data-v-5095e762]{background:var(--secondary-background);border-radius:7px;padding:15px;text-align:center}@media only screen and (max-width: 768px){.card[data-v-5095e762]{width:90%}}.guild-card[data-v-691298a4]{align-items:center;display:flex;padding:5px}.guild-icon[data-v-691298a4]{--size: 50px;border-radius:calc(var(--size) / 2);height:var(--size);margin-right:10px;width:var(--size)}.custom-select[data-v-691298a4]{position:relative;width:100%;text-align:left;outline:none;height:47px;line-height:47px}.selected[data-v-691298a4]{background-color:var(--tertiary-background);border-radius:6px;border:1px solid var(--accent-neutral);color:var(--light-text);padding-left:8px;cursor:pointer;user-select:none}.selected.open[data-v-691298a4]{border:1px solid var(--accent-positive);border-radius:6px 6px 0 0}.selected[data-v-691298a4]:after{position:absolute;content:"";top:22px;right:10px;width:0;height:0;border:4px solid transparent;border-color:#fff transparent transparent transparent}.items[data-v-691298a4]{color:#fff;border-radius:0 0 6px 6px;overflow:hidden;border-right:1px solid var(--accent-positive);border-left:1px solid var(--accent-positive);border-bottom:1px solid var(--accent-positive);position:absolute;background-color:var(--tertiary-background);left:0;right:0}.item[data-v-691298a4]{color:var(--light-text);padding-left:8px;cursor:pointer;user-select:none}.item[data-v-691298a4]:hover{background:#2b3035}.selectHide[data-v-691298a4]{display:none}#guild-select[data-v-99e1eb7c]{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.card[data-v-99e1eb7c]{background:var(--secondary-background);border-radius:7px;padding:15px;text-align:center;width:33%}@media only screen and (max-width: 768px){.card[data-v-99e1eb7c]{width:90%}}#guild-id-input[data-v-60c5e1f8]{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.card[data-v-60c5e1f8]{background:var(--secondary-background);border-radius:7px;padding:15px;text-align:center;width:33%}.flex-row[data-v-60c5e1f8]{align-items:center;display:flex;justify-content:space-evenly}button[data-v-60c5e1f8]{margin-top:10px}#server-id[data-v-60c5e1f8]{text-align:center;flex-grow:1}@media only screen and (max-width: 768px){.card[data-v-60c5e1f8]{width:90%}}#history[data-v-6c111a0a]{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.card[data-v-6c111a0a]{background:var(--secondary-background);border-radius:7px;padding:15px;text-align:center;width:75%}.flex-row[data-v-6c111a0a]{align-items:center;display:flex;justify-content:space-evenly}.quote[data-v-6c111a0a]{background:var(--tertiary-background);border-radius:var(--large-border-radius);margin-bottom:10px;padding:10px;border-width:1px;border-style:solid;border-color:var(--tertiary-background)}.quote.winner[data-v-6c111a0a]{border-color:gold}.controls[data-v-6c111a0a]{margin-bottom:15px}.quote .metadata[data-v-6c111a0a]{margin-top:10px}@media only screen and (max-width: 768px){.no-mobile[data-v-6c111a0a]{display:none}.card[data-v-6c111a0a]{width:90%}}:root{--primary-background: #23272A;--primary-border: unset;--secondary-background: #2C2F33;--secondary-border: unset;--tertiary-background: #343A40;--tertiary-border: unset;--large-border-radius: 10px;--medium-border-radius: 7px;--small-border-radius: 5px;--fonts: "Electrolize", "Chakra Petch", sans-serif;--light-text: #E9ECEF;--dark-text: #000000;--accent-positive: #1DB954;--accent-neutral: #7289DA;--accent-negative: #ED4245;--scrollbar-background: #0f0f0f;--scrollbar-handle: #4D4D4D;--scrollbar-handle-hover: #5E5E5E;--blurple-faded: #383e77;--og-blurple: #7289da;--greyple: #99aab5;--dark-but-not-black: #2c2f33;--not-quite-black: #23272a;--blurple: #5865f2;--green: #57f287;--yellow: #fee75c;--fuchsia: #eb459e;--red: #ed4245}button{background:var(--blurple);border-color:transparent;border-radius:var(--medium-border-radius);border-style:solid;border-width:2px;color:var(--light-text);cursor:pointer;font-family:var(--fonts);font-size:larger;margin-bottom:5px;outline:none;padding:5px 10px;user-select:none}button:hover:not(:disabled){border-color:var(--accent-neutral)}button:active:not(:disabled){border-color:var(--accent-positive)}button:disabled{background-color:var(--blurple-faded);color:#4d4d4d}input[type=text]{background:var(--tertiary-background);border-color:var(--accent-neutral);border-radius:var(--medium-border-radius);border-style:solid;color:var(--light-text);font-family:var(--fonts);font-size:larger;font-weight:bold;margin-bottom:10px;outline:none;padding:5px}input[type=text]:focus,input[type=text]:active{border-color:var(--accent-positive)}a{color:var(--accent-neutral)}a:visited{color:var(--accent-positive)}html,body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin-top:5px;margin-bottom:15px}body{background:var(--primary-background);color:var(--light-text);font-family:var(--fonts);overflow-x:hidden;overflow-y:auto}
|