2021-02-20 10:53:00 +00:00
|
|
|
body {
|
|
|
|
|
font-family: -apple-system, BlinkMacSystemFont, Segoe WPC, Segoe UI, HelveticaNeue-Light, Ubuntu, Droid Sans,
|
|
|
|
|
sans-serif;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
/* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
|
|
|
|
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
|
|
|
|
sans-serif;
|
|
|
|
|
*/
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
}
|
|
|
|
|
|
2021-02-28 08:27:57 +00:00
|
|
|
.horizontal-split-handle {
|
|
|
|
|
background-color: var(--theme-border);
|
|
|
|
|
width: var(--dim-splitter-thickness);
|
|
|
|
|
cursor: col-resize;
|
|
|
|
|
}
|
|
|
|
|
.horizontal-split-handle:hover {
|
|
|
|
|
background-color: var(--theme-bg-2);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.vertical-split-handle {
|
|
|
|
|
background-color: var(--theme-border);
|
|
|
|
|
height: var(--dim-splitter-thickness);
|
|
|
|
|
cursor: row-resize;
|
|
|
|
|
}
|
|
|
|
|
.vertical-split-handle:hover {
|
|
|
|
|
background-color: var(--theme-bg-2);
|
|
|
|
|
}
|
|
|
|
|
|
2021-02-28 20:16:08 +00:00
|
|
|
.icon-invisible {
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
}
|
2021-03-13 11:04:33 +00:00
|
|
|
.space-between {
|
2021-03-21 16:55:25 +00:00
|
|
|
display: flex;
|
2021-03-13 11:04:33 +00:00
|
|
|
justify-content: space-between;
|
|
|
|
|
}
|
2021-03-04 09:04:34 +00:00
|
|
|
.flex {
|
|
|
|
|
display: flex;
|
|
|
|
|
}
|
2021-04-01 06:09:22 +00:00
|
|
|
.flexcol {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
2021-03-06 08:59:56 +00:00
|
|
|
.nowrap {
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
.bold {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
2021-03-07 09:17:05 +00:00
|
|
|
.flex1 {
|
|
|
|
|
flex: 1;
|
|
|
|
|
}
|
2021-04-01 08:28:54 +00:00
|
|
|
.relative {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
2021-02-28 20:16:08 +00:00
|
|
|
|
2021-03-04 09:56:58 +00:00
|
|
|
.col-9 {
|
|
|
|
|
flex-basis: 75%;
|
|
|
|
|
max-width: 75%;
|
|
|
|
|
}
|
|
|
|
|
.col-8 {
|
|
|
|
|
flex-basis: 66.6667%;
|
|
|
|
|
max-width: 66.6667%;
|
|
|
|
|
}
|
|
|
|
|
.col-6 {
|
|
|
|
|
flex-basis: 50%;
|
|
|
|
|
max-width: 50%;
|
|
|
|
|
}
|
|
|
|
|
.col-4 {
|
|
|
|
|
flex-basis: 33.3333%;
|
|
|
|
|
max-width: 33.3333%;
|
|
|
|
|
}
|
|
|
|
|
.col-3 {
|
|
|
|
|
flex-basis: 25%;
|
|
|
|
|
max-width: 25%;
|
|
|
|
|
}
|
|
|
|
|
|
2021-03-04 14:20:08 +00:00
|
|
|
.largeFormMarker input[type='text'] {
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding: 10px 10px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
border-radius: 4px;
|
2021-02-17 17:46:27 +00:00
|
|
|
}
|
|
|
|
|
|
2021-03-04 14:20:08 +00:00
|
|
|
.largeFormMarker input[type='password'] {
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding: 10px 10px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
border-radius: 4px;
|
2021-02-17 17:46:27 +00:00
|
|
|
}
|
|
|
|
|
|
2021-03-04 14:20:08 +00:00
|
|
|
.largeFormMarker select {
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding: 10px 10px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
border-radius: 4px;
|
2021-02-17 17:46:27 +00:00
|
|
|
}
|
2021-03-04 14:52:12 +00:00
|
|
|
|
|
|
|
|
body *::-webkit-scrollbar {
|
|
|
|
|
height: 0.8em;
|
|
|
|
|
width: 0.8em;
|
|
|
|
|
}
|
|
|
|
|
body *::-webkit-scrollbar-track {
|
|
|
|
|
border-radius: 1px;
|
|
|
|
|
background-color: var(--theme-bg-1);
|
|
|
|
|
}
|
|
|
|
|
body *::-webkit-scrollbar-corner {
|
|
|
|
|
border-radius: 1px;
|
|
|
|
|
background-color: var(--theme-bg-2);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body *::-webkit-scrollbar-thumb {
|
|
|
|
|
border-radius: 1px;
|
|
|
|
|
background-color: var(--theme-bg-3);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body *::-webkit-scrollbar-thumb:hover {
|
|
|
|
|
background-color: var(--theme-bg-4);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
input {
|
|
|
|
|
background-color: var(--theme-bg-0);
|
|
|
|
|
color: var(--theme-font-1);
|
|
|
|
|
border: 1px solid var(--theme-border);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
input[disabled] {
|
|
|
|
|
background-color: var(--theme-bg-1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
select {
|
|
|
|
|
background-color: var(--theme-bg-0);
|
|
|
|
|
color: var(--theme-font-1);
|
|
|
|
|
border: 1px solid var(--theme-border);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
select[disabled] {
|
|
|
|
|
background-color: var(--theme-bg-1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
textarea {
|
|
|
|
|
background-color: var(--theme-bg-0);
|
|
|
|
|
color: var(--theme-font-1);
|
|
|
|
|
border: 1px solid var(--theme-border);
|
|
|
|
|
}
|
