Initial commit. Files are uploaded to the filesystem.
This commit is contained in:
ThePendulum
10
assets/css/breakpoints.css
Normal file
10
assets/css/breakpoints.css
Normal file
@@ -0,0 +1,10 @@
|
||||
@custom-media --small-60 (max-width: 350px);
|
||||
@custom-media --small-50 (max-width: 410px);
|
||||
@custom-media --small-40 (max-width: 480px);
|
||||
@custom-media --small-30 (max-width: 540px);
|
||||
@custom-media --small-20 (max-width: 650px);
|
||||
@custom-media --small-15 (max-width: 720px);
|
||||
@custom-media --small-10 (max-width: 768px);
|
||||
@custom-media --small (max-width: 900px);
|
||||
@custom-media --compact (max-width: 1200px);
|
||||
@custom-media --big (max-width: 1500px);
|
||||
6
assets/css/code.css
Normal file
6
assets/css/code.css
Normal file
@@ -0,0 +1,6 @@
|
||||
code {
|
||||
font-family: monospace;
|
||||
background-color: #eaeaea;
|
||||
padding: 3px 5px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
48
assets/css/forms.css
Normal file
48
assets/css/forms.css
Normal file
@@ -0,0 +1,48 @@
|
||||
.form {
|
||||
width: 100%;
|
||||
max-width: 30rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.form-section {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.form-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: .5rem;
|
||||
|
||||
.input {
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.form-column {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
flex-direction: column;
|
||||
min-width: 10rem;
|
||||
}
|
||||
|
||||
.form-actions {
|
||||
display: flex;
|
||||
margin-bottom: .5rem;
|
||||
justify-content: flex-end;
|
||||
margin-top: .5rem;
|
||||
}
|
||||
|
||||
.form-heading {
|
||||
color: var(--primary-light-10);
|
||||
margin: 0 0 .75rem 0;
|
||||
}
|
||||
|
||||
.form-error {
|
||||
background: var(--error);
|
||||
color: var(--text-light);
|
||||
padding: 1rem;
|
||||
border-radius: .25rem;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
297
assets/css/inputs.css
Normal file
297
assets/css/inputs.css
Normal file
@@ -0,0 +1,297 @@
|
||||
.input {
|
||||
box-sizing: border-box;
|
||||
padding: .5rem .75rem;
|
||||
font-size: 1rem;
|
||||
flex-basis: 0;
|
||||
color: inherit;
|
||||
border: solid 1px var(--glass-weak-30);
|
||||
border-radius: .25rem;
|
||||
background: var(--background-base-10);
|
||||
font: inherit;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
border-color: var(--primary-light-10);
|
||||
}
|
||||
}
|
||||
|
||||
.input-inline {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
border-bottom: solid 1px var(--grey-light-30);
|
||||
background: var(--background);
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-flex;
|
||||
flex-shrink: 0;
|
||||
align-items: stretch;
|
||||
box-sizing: border-box;
|
||||
padding: .5rem;
|
||||
border: none;
|
||||
border-radius: .25rem;
|
||||
background: var(--background);
|
||||
box-shadow: 0 0 3px var(--shadow-weak-30);
|
||||
color: var(--glass);
|
||||
font-size: .9rem;
|
||||
font-weight: bold;
|
||||
|
||||
.icon {
|
||||
height: auto;
|
||||
padding: 0 .75rem 0 .25rem;
|
||||
fill: var(--glass);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
background: var(--primary);
|
||||
color: var(--text-light);
|
||||
|
||||
.icon {
|
||||
fill: var(--text-light);
|
||||
}
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.button-label {
|
||||
margin-right: .25rem;
|
||||
}
|
||||
|
||||
.button-submit {
|
||||
background: var(--primary);
|
||||
color: var(--text-light);
|
||||
justify-content: center;
|
||||
|
||||
&:hover:not(:disabled) {
|
||||
background: var(--primary-dark-10);
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
background: var(--glass);
|
||||
}
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
background: var(--primary);
|
||||
color: var(--text-light);
|
||||
justify-content: center;
|
||||
|
||||
&:hover:not(:disabled) {
|
||||
background: var(--primary-dark-10);
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
background: var(--glass);
|
||||
}
|
||||
}
|
||||
|
||||
.button-inline {
|
||||
border: none;
|
||||
background: none;
|
||||
color: var(--grey-dark-20);
|
||||
padding: 0 0 .5rem 0;
|
||||
font-size: 1rem;
|
||||
font-weight: bold;
|
||||
|
||||
.icon {
|
||||
fill: var(--grey-dark-20);
|
||||
padding-left: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
background: none;
|
||||
color: var(--primary);
|
||||
|
||||
.icon {
|
||||
fill: var(--primary);
|
||||
}
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.button-cancel {
|
||||
background: none;
|
||||
color: var(--glass);
|
||||
font-weight: normal;
|
||||
|
||||
&:hover:not(:disabled) {
|
||||
color: var(--error);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
color: var(--glass);
|
||||
}
|
||||
}
|
||||
|
||||
.radio {
|
||||
margin: 0 .5rem 0 0;
|
||||
}
|
||||
|
||||
.filter-section {
|
||||
width: 100%;
|
||||
margin-bottom: .25rem;
|
||||
}
|
||||
|
||||
.label-values {
|
||||
flex-shrink: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.filter-split {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.toggle-container,
|
||||
.range-container {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
align-items: center;
|
||||
padding: .5rem 0;
|
||||
|
||||
&.on {
|
||||
.toggle-label.on {
|
||||
color: var(--enabled);
|
||||
|
||||
.icon {
|
||||
fill: var(--enabled);
|
||||
}
|
||||
}
|
||||
|
||||
.toggle {
|
||||
background-color: var(--enabled-background);
|
||||
|
||||
&::-webkit-slider-thumb {
|
||||
background: var(--enabled);
|
||||
}
|
||||
|
||||
&::-moz-range-thumb {
|
||||
background: var(--enabled);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.off {
|
||||
.toggle-label.off {
|
||||
color: var(--disabled);
|
||||
|
||||
.icon {
|
||||
fill: var(--disabled);
|
||||
}
|
||||
}
|
||||
|
||||
.toggle {
|
||||
background-color: var(--disabled-background);
|
||||
|
||||
&::-webkit-slider-thumb {
|
||||
background: var(--disabled);
|
||||
}
|
||||
|
||||
&::-moz-range-thumb {
|
||||
background: var(--disabled);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toggle-label {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
min-width: 1.5rem;
|
||||
flex-shrink: 0;
|
||||
padding: 0 .5rem;
|
||||
color: var(--glass);
|
||||
font-weight: bold;
|
||||
font-size: .9rem;
|
||||
|
||||
&.on {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.icon {
|
||||
fill: var(--glass);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
|
||||
&.on {
|
||||
color: var(--enabled);
|
||||
|
||||
.icon {
|
||||
fill: var(--enabled);
|
||||
}
|
||||
}
|
||||
|
||||
&.off {
|
||||
color: var(--disabled);
|
||||
|
||||
.icon {
|
||||
fill: var(--disabled);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.filter-label {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: .5rem 0 .25rem .25rem;
|
||||
color: var(--glass);
|
||||
font-weight: bold;
|
||||
font-size: .9rem;
|
||||
|
||||
.label {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
margin: 0 .75rem 0 0;
|
||||
}
|
||||
|
||||
.icon {
|
||||
margin: 0 .5rem 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.toggle {
|
||||
width: 0;
|
||||
flex-grow: 1;
|
||||
height: 1.25rem;
|
||||
appearance: none;
|
||||
border-radius: 1rem;
|
||||
background-color: var(--glass-weak-40);
|
||||
background-image: radial-gradient(circle, var(--glass-weak-10) .3rem, transparent calc(.3rem + 1px));
|
||||
cursor: pointer;
|
||||
|
||||
&::-webkit-slider-thumb {
|
||||
appearance: none;
|
||||
background: var(--disabled-handle);
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
border-radius: .625rem;
|
||||
box-shadow: 0 0 3px var(--shadow-weak-10);
|
||||
}
|
||||
|
||||
&::-moz-range-thumb {
|
||||
appearance: none;
|
||||
background: var(--disabled-handle);
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
border: none;
|
||||
border-radius: .625rem;
|
||||
box-shadow: 0 0 3px var(--shadow-weak-10);
|
||||
}
|
||||
}
|
||||
3
assets/css/links.css
Normal file
3
assets/css/links.css
Normal file
@@ -0,0 +1,3 @@
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
21
assets/css/markdown.css
Normal file
21
assets/css/markdown.css
Normal file
@@ -0,0 +1,21 @@
|
||||
.markdown-body {
|
||||
margin: 0 auto;
|
||||
max-width: 50rem;
|
||||
flex-grow: 1;
|
||||
padding: 1rem;
|
||||
line-height: 1.5;
|
||||
text-align: justify;
|
||||
|
||||
& h1 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
& h2 {
|
||||
color: var(--primary);
|
||||
margin: 1rem 0 0 0;
|
||||
}
|
||||
|
||||
& p {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
7
assets/css/reset.css
Normal file
7
assets/css/reset.css
Normal file
@@ -0,0 +1,7 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
67
assets/css/states.css
Executable file
67
assets/css/states.css
Executable file
@@ -0,0 +1,67 @@
|
||||
.noselect {
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.nolist {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.nolink {
|
||||
display: inline-block;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.nolink-active {
|
||||
display: inline-block;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.nobutton {
|
||||
background: none;
|
||||
border: none;
|
||||
font-size: 1rem;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.nobar {
|
||||
scrollbar-width: none;
|
||||
-mis-overflow-style: none;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
background: transparent;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.ellipsis {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.noshrink {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.capitalize {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
34
assets/css/style.css
Normal file
34
assets/css/style.css
Normal file
@@ -0,0 +1,34 @@
|
||||
@import 'reset';
|
||||
@import 'links';
|
||||
@import 'code';
|
||||
@import 'theme';
|
||||
@import 'states';
|
||||
@import 'inputs';
|
||||
@import 'forms';
|
||||
@import 'markdown';
|
||||
@import 'tooltip';
|
||||
|
||||
html,
|
||||
body,
|
||||
#app {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.link {
|
||||
color: var(--link);
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.heading {
|
||||
margin: 0 0 1rem 0;
|
||||
color: var(--primary);
|
||||
}
|
||||
132
assets/css/theme.css
Normal file
132
assets/css/theme.css
Normal file
@@ -0,0 +1,132 @@
|
||||
:root {
|
||||
--primary-dark-10: #e54485;
|
||||
--primary: #f65596;
|
||||
--primary-light-10: #f075a6;
|
||||
--primary-light-20: #f2a6c4;
|
||||
--primary-light-30: #f7c9dc;
|
||||
|
||||
--primary: #D81159;
|
||||
--primary-dark-10: #8F2D56;
|
||||
--secondary: #73D2DE;
|
||||
--secondary-dark-10: 218380;
|
||||
|
||||
--grey-dark-50: #111;
|
||||
--grey-dark-40: #222;
|
||||
--grey-dark-30: #444;
|
||||
--grey-dark-20: #666;
|
||||
--grey-dark-10: #888;
|
||||
--grey: #aaa;
|
||||
--grey-light-10: #bbb;
|
||||
--grey-light-20: #ccc;
|
||||
--grey-light-30: #ddd;
|
||||
--grey-light-40: #eee;
|
||||
--grey-light-50: #fafafa;
|
||||
--grey-light-60: #fcfcfc;
|
||||
|
||||
--background-dark-20: #eee;
|
||||
--background-dark-10: #f8f8f8;
|
||||
--background: #fff;
|
||||
|
||||
--background-base: #fff;
|
||||
--background-base-10: #fafafa;
|
||||
--background-base-20: #f0f0f0;
|
||||
--background-level-10: #fff;
|
||||
--background-level-20: #eee;
|
||||
--background-level-30: #eee;
|
||||
--background-dim: var(--shadow-weak-10);
|
||||
--background-error: rgba(255, 0, 0, .1);
|
||||
|
||||
--shadow-weak-50: rgba(0, 0, 0, .02);
|
||||
--shadow-weak-40: rgba(0, 0, 0, .05);
|
||||
--shadow-weak-30: rgba(0, 0, 0, .1);
|
||||
--shadow-weak-20: rgba(0, 0, 0, .2);
|
||||
--shadow-weak-10: rgba(0, 0, 0, .35);
|
||||
--shadow: rgba(0, 0, 0, .5);
|
||||
--shadow-strong-10: rgba(0, 0, 0, .6);
|
||||
--shadow-strong-20: rgba(0, 0, 0, .75);
|
||||
--shadow-strong-30: rgba(0, 0, 0, .9);
|
||||
|
||||
--highlight-weak-40: rgba(255, 255, 255, .05);
|
||||
--highlight-weak-30: rgba(255, 255, 255, .1);
|
||||
--highlight-weak-20: rgba(255, 255, 255, .2);
|
||||
--highlight-weak-10: rgba(255, 255, 255, .35);
|
||||
--highlight: rgba(255, 255, 255, .5);
|
||||
--highlight-strong-10: rgba(255, 255, 255, .6);
|
||||
--highlight-strong-20: rgba(255, 255, 255, .75);
|
||||
--highlight-strong-30: rgba(255, 255, 255, .9);
|
||||
|
||||
--glass-weak-50: rgba(0, 0, 0, .02);
|
||||
--glass-weak-40: rgba(0, 0, 0, .05);
|
||||
--glass-weak-30: rgba(0, 0, 0, .1);
|
||||
--glass-weak-20: rgba(0, 0, 0, .2);
|
||||
--glass-weak-10: rgba(0, 0, 0, .35);
|
||||
--glass: rgba(0, 0, 0, .5);
|
||||
--glass-strong-10: rgba(0, 0, 0, .6);
|
||||
--glass-strong-20: rgba(0, 0, 0, .75);
|
||||
--glass-strong-30: rgba(0, 0, 0, .9);
|
||||
|
||||
--text: #222;
|
||||
--text-light: #fff;
|
||||
|
||||
/* --link: #48f; */
|
||||
--link: var(--primary);
|
||||
|
||||
--male: #0af;
|
||||
--female: #f0a;
|
||||
|
||||
--enabled: #5c2;
|
||||
--enabled-background: rgba(0, 255, 0, .1);
|
||||
--disabled: #c20;
|
||||
--disabled-background: rgba(255, 0, 0, .1);
|
||||
--disabled-handle: var(--grey-light-10);
|
||||
|
||||
--error: #f66;
|
||||
--alert: #f00;
|
||||
--warn: #e80;
|
||||
--success: #5c2;
|
||||
--notice: #25c;
|
||||
|
||||
--approve: #3a1;
|
||||
--reject: #a22;
|
||||
|
||||
--gold: #d5b522;
|
||||
}
|
||||
|
||||
.dark {
|
||||
--background-dark-20: #000;
|
||||
--background-dark-10: #111;
|
||||
--background: #222;
|
||||
|
||||
--background-base: #252525;
|
||||
--background-base-10: #1a1a1a;
|
||||
--background-base-20: #050505;
|
||||
--background-level-10: #fff;
|
||||
--background-level-20: #eee;
|
||||
--background-level-30: #eee;
|
||||
--background-dim: var(--shadow-weak-10);
|
||||
|
||||
--text: #fcfcfc;
|
||||
|
||||
--glass-weak-50: rgba(255, 255, 255, .02);
|
||||
--glass-weak-40: rgba(255, 255, 255, .05);
|
||||
--glass-weak-30: rgba(255, 255, 255, .1);
|
||||
--glass-weak-20: rgba(255, 255, 255, .2);
|
||||
--glass-weak-10: rgba(255, 255, 255, .35);
|
||||
--glass: rgba(255, 255, 255, .5);
|
||||
--glass-strong-10: rgba(255, 255, 255, .6);
|
||||
--glass-strong-20: rgba(255, 255, 255, .75);
|
||||
--glass-strong-30: rgba(255, 255, 255, .9);
|
||||
|
||||
--grey-dark-50: #101010;
|
||||
--grey-dark-40: #1f1f1f;
|
||||
--grey-dark-30: #3c3c3c;
|
||||
--grey-dark-20: #606060;
|
||||
--grey-dark-10: #808080;
|
||||
--grey: #aaa;
|
||||
--grey-light-10: #bbb;
|
||||
--grey-light-20: #ccc;
|
||||
--grey-light-30: #ddd;
|
||||
--grey-light-40: #eee;
|
||||
--grey-light-50: #fafafa;
|
||||
--grey-light-60: #fcfcfc;
|
||||
}
|
||||
205
assets/css/tooltip.css
Normal file
205
assets/css/tooltip.css
Normal file
@@ -0,0 +1,205 @@
|
||||
/* Content */
|
||||
|
||||
.v-popper__popper {
|
||||
z-index: 10000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
outline: none;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.v-popper__wrapper {
|
||||
margin: 0 .25rem .25rem .25rem; /* arrow provides top clearance */
|
||||
}
|
||||
|
||||
.v-popper__popper.v-popper__popper--hidden {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity .15s, visibility .15s;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.v-popper__popper.v-popper__popper--shown {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transition: opacity .15s;
|
||||
}
|
||||
|
||||
.v-popper__popper.v-popper__popper--skip-transition,
|
||||
.v-popper__popper.v-popper__popper--skip-transition > .v-popper__wrapper {
|
||||
transition: none !important;
|
||||
}
|
||||
|
||||
.v-popper__backdrop {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.v-popper__inner {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.v-popper__inner > div {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
max-width: inherit;
|
||||
max-height: inherit;
|
||||
}
|
||||
|
||||
.v-popper__arrow-container {
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.v-popper__popper--arrow-overflow .v-popper__arrow-container,
|
||||
.v-popper__popper--no-positioning .v-popper__arrow-container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.v-popper__arrow-inner,
|
||||
.v-popper__arrow-outer {
|
||||
border-style: solid;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.v-popper__arrow-inner {
|
||||
visibility: hidden;
|
||||
border-width: 7px;
|
||||
}
|
||||
|
||||
.v-popper__arrow-outer {
|
||||
border-width: 6px;
|
||||
}
|
||||
|
||||
.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-inner,
|
||||
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-inner {
|
||||
left: -2px;
|
||||
}
|
||||
|
||||
.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-outer,
|
||||
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-outer {
|
||||
left: -1px;
|
||||
}
|
||||
|
||||
.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-inner,
|
||||
.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-outer {
|
||||
border-bottom-width: 0;
|
||||
border-left-color: transparent !important;
|
||||
border-right-color: transparent !important;
|
||||
border-bottom-color: transparent !important;
|
||||
}
|
||||
|
||||
.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-inner {
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-container {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-inner,
|
||||
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-outer {
|
||||
border-top-width: 0;
|
||||
border-left-color: transparent !important;
|
||||
border-right-color: transparent !important;
|
||||
border-top-color: transparent !important;
|
||||
}
|
||||
|
||||
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-inner {
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-outer {
|
||||
top: -6px;
|
||||
}
|
||||
|
||||
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-inner,
|
||||
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-inner {
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-outer,
|
||||
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-outer {
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-inner,
|
||||
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-outer {
|
||||
border-left-width: 0;
|
||||
border-left-color: transparent !important;
|
||||
border-top-color: transparent !important;
|
||||
border-bottom-color: transparent !important;
|
||||
}
|
||||
|
||||
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-inner {
|
||||
left: -4px;
|
||||
}
|
||||
|
||||
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-outer {
|
||||
left: -6px;
|
||||
}
|
||||
|
||||
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-container {
|
||||
right: -10px;
|
||||
}
|
||||
|
||||
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-inner,
|
||||
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-outer {
|
||||
border-right-width: 0;
|
||||
border-top-color: transparent !important;
|
||||
border-right-color: transparent !important;
|
||||
border-bottom-color: transparent !important;
|
||||
}
|
||||
|
||||
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-inner {
|
||||
left: -2px;
|
||||
}
|
||||
|
||||
/* Tooltip */
|
||||
|
||||
.v-popper--theme-tooltip .v-popper__inner {
|
||||
background: rgba(0, 0, 0, .8);
|
||||
color: white;
|
||||
border-radius: 6px;
|
||||
padding: 7px 12px 6px;
|
||||
}
|
||||
|
||||
.v-popper--theme-tooltip .v-popper__arrow-outer {
|
||||
border-color: rgba(0, 0, 0, .8);
|
||||
}
|
||||
|
||||
/* Dropdown */
|
||||
|
||||
.v-popper--theme-dropdown .v-popper__inner {
|
||||
background: var(--background);
|
||||
color: var(--text);
|
||||
border-radius: 6px;
|
||||
border: solid 1px var(--glass-weak-40);
|
||||
box-shadow: 0 6px 30px rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
.v-popper--theme-dropdown .v-popper__arrow-inner {
|
||||
visibility: visible;
|
||||
border-color: var(--background);
|
||||
}
|
||||
|
||||
.v-popper--theme-dropdown .v-popper__arrow-outer {
|
||||
border-color: var(--glass-weak-40);
|
||||
}
|
||||
|
||||
.resize-observer {
|
||||
width: 0;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
36
assets/img/logo.svg
Normal file
36
assets/img/logo.svg
Normal file
@@ -0,0 +1,36 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="175" height="175" fill="none" version="1.1" viewBox="0 0 175 175" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
|
||||
<metadata>
|
||||
<rdf:RDF>
|
||||
<cc:Work rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
|
||||
<dc:title/>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs>
|
||||
<linearGradient id="linearGradient880" x1="108.64" x2="115.51" y1="88.726" y2="136.2" gradientTransform="matrix(1.0498 0 0 1.0498 -2.9171 -2.9658)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ffea83" offset="0"/>
|
||||
<stop stop-color="#FFDD35" offset=".083333"/>
|
||||
<stop stop-color="#FFA800" offset="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear" x1="48.975" x2="61.299" y1="3.9232" y2="158.04" gradientTransform="translate(-2.832e-5)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FFEA83" offset="0"/>
|
||||
<stop stop-color="#FFDD35" offset=".083333"/>
|
||||
<stop stop-color="#FFA800" offset="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint0_linear-6" x1="-1.4492" x2="116.62" y1="-5.8123" y2="137.08" gradientTransform="translate(-2.832e-5)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41D1FF" offset="0"/>
|
||||
<stop stop-color="#BD34FE" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<circle cx="87.5" cy="87.5" r="87.5" fill="#c4c4c4"/>
|
||||
<circle cx="87.5" cy="87.5" r="87.5" fill="url(#paint0_linear-6)"/>
|
||||
<g transform="translate(632.92 54.355)" fill="#d38787" strokeWidth="1.0614">
|
||||
<path d="m-549.75 68.457c-5.7533-3.1217-6.1166-5.2295-6.1166-35.489 0-30.458 0.35464-32.448 6.3339-35.54 3.9943-2.0655 24.279-2.2805 26.735-0.28333 0.89718 0.72974 6.7203 6.6637 12.94 13.187l11.309 11.86v19.575c0 18.473-0.12956 19.74-2.3011 22.5-4.0223 5.1136-7.558 5.8565-27.65 5.8099-14.15-0.03287-19.008-0.40294-21.25-1.6191zm42.473-6.3594c2.27-1.59 2.359-2.2909 2.359-18.575v-16.923h-6.9521c-12.443 0-16.4-4.0845-16.4-16.93v-7.4828h-8.9464c-6.7178 0-9.3619 0.41549-10.614 1.668-2.5031 2.5031-2.5031 55.724 0 58.228 2.4502 2.4502 37.058 2.4636 40.553 0.01609zm-1.8867-42.165c0-0.16422-2.8659-3.1346-6.3686-6.6008l-6.3686-6.3022v4.9328c0 6.3185 1.8955 8.2687 8.0366 8.2687 2.5854 0 4.7007-0.13434 4.7007-0.29859zm-57.57 44.279c-5.6185-3.0486-6.1166-5.593-6.1166-31.243 0-18.891 0.31331-24.063 1.6101-26.571 1.809-3.4981 6.5048-6.3339 10.489-6.3339 2.4847 0 2.5814 0.19984 1.541 3.1843-0.61054 1.7514-1.7457 3.1843-2.5226 3.1843-0.77686 0-2.1631 0.75059-3.0805 1.668-2.4923 2.4923-2.4923 47.244 0 49.736 0.91739 0.9174 2.3036 1.668 3.0805 1.668 0.77688 0 1.912 1.4329 2.5226 3.1843 1.0562 3.0298 0.97108 3.1822-1.7537 3.1418-1.575-0.02331-4.1713-0.75194-5.7694-1.6191zm-16.983-4.2458c-5.4392-2.9512-6.1166-5.9415-6.1166-26.997 0-15.096 0.345-19.878 1.6101-22.325 1.7476-3.3796 6.4758-6.3339 10.137-6.3339 1.8666 0 2.1789 0.44955 1.6594 2.3882-0.35184 1.3135-0.64655 2.7465-0.65453 3.1843-8e-3 0.43784-0.69682 0.79608-1.5308 0.79608-0.83399 0-2.2669 0.75059-3.1843 1.668-2.4767 2.4767-2.4767 38.768 0 41.244 0.91741 0.91739 2.2946 1.668 3.0605 1.668 1.196 0 2.6402 2.995 2.6871 5.5726 0.0241 1.3294-4.5804 0.80962-7.6676-0.8655z" style="mix-blend-mode:lighten"/>
|
||||
<path d="m-552.2 68.911c-5.7533-3.1217-6.1166-5.2295-6.1166-35.489 0-30.458 0.35463-32.448 6.3339-35.54 3.9943-2.0655 24.279-2.2805 26.735-0.28333 0.89718 0.72974 6.7203 6.6637 12.94 13.187l11.309 11.86v19.575c0 18.473-0.12957 19.74-2.3011 22.5-4.0223 5.1136-7.558 5.8565-27.65 5.8099-14.15-0.03287-19.008-0.40294-21.25-1.6191zm42.473-6.3594c2.27-1.59 2.359-2.2909 2.359-18.575v-16.923h-6.952c-12.443 0-16.4-4.0845-16.4-16.93v-7.4828h-8.9464c-6.7179 0-9.3619 0.41549-10.614 1.668-2.5031 2.5031-2.5031 55.724 0 58.228 2.4502 2.4502 37.058 2.4636 40.553 0.01609zm-1.8867-42.165c0-0.16422-2.8659-3.1346-6.3686-6.6008l-6.3686-6.3022v4.9328c0 6.3185 1.8955 8.2688 8.0366 8.2688 2.5854 0 4.7007-0.13434 4.7007-0.29859zm-57.57 44.279c-5.6185-3.0486-6.1166-5.593-6.1166-31.243 0-18.891 0.31331-24.063 1.6101-26.571 1.809-3.4981 6.5048-6.3339 10.489-6.3339 2.4847 0 2.5814 0.19984 1.541 3.1843-0.61054 1.7514-1.7457 3.1843-2.5226 3.1843-0.77687 0-2.1631 0.75059-3.0805 1.668-2.4923 2.4923-2.4923 47.244 0 49.736 0.91741 0.91739 2.3036 1.668 3.0805 1.668 0.77686 0 1.912 1.4329 2.5226 3.1843 1.0562 3.0298 0.97107 3.1822-1.7537 3.1418-1.575-0.02331-4.1713-0.75194-5.7694-1.6191zm-16.983-4.2458c-5.4392-2.9512-6.1166-5.9415-6.1166-26.997 0-15.096 0.34502-19.878 1.6101-22.325 1.7476-3.3796 6.4758-6.3339 10.137-6.3339 1.8666 0 2.1789 0.44955 1.6594 2.3882-0.35182 1.3135-0.64653 2.7465-0.65452 3.1843-8e-3 0.43784-0.69683 0.79608-1.5308 0.79608-0.83397 0-2.2669 0.75059-3.1843 1.668-2.4767 2.4767-2.4767 38.768 0 41.245 0.9174 0.91739 2.2946 1.668 3.0605 1.668 1.196 0 2.6402 2.995 2.6871 5.5726 0.0241 1.3294-4.5804 0.80962-7.6676-0.8655z" fillOpacity=".47466" style="mix-blend-mode:lighten"/>
|
||||
</g>
|
||||
<path d="m128.48 88.913-24.027 4.6784c-0.39475 0.07685-0.68766 0.40944-0.71076 0.80849l-1.4782 24.805c-0.0347 0.58371 0.50497 1.0372 1.0792 0.90602l6.6886-1.5338c0.62676-0.14383 1.1916 0.40419 1.0635 1.0299l-1.9874 9.6702c-0.13438 0.65091 0.48084 1.2073 1.1202 1.0142l4.1322-1.2472c0.64041-0.19317 1.2556 0.36535 1.1202 1.0162l-3.158 15.191c-0.19842 0.95011 1.074 1.4677 1.6042 0.653l0.35485-0.54382 19.578-38.827c0.32755-0.64985-0.23727-1.391-0.95641-1.2535l-6.8849 1.3207c-0.6467 0.12389-1.1979-0.47453-1.0152-1.1034l4.4944-15.482c0.18266-0.63012-0.36955-1.2295-1.0173-1.1034z" fill="url(#linearGradient880)" strokeWidth="1.0498"/>
|
||||
<rect x="3" y="3" width="169" height="169" rx="84.5" stroke="url(#paint2_linear)" strokeWidth="6" style="mix-blend-mode:soft-light"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.6 KiB |
Reference in New Issue
Block a user