dbgate/packages/web/public/global.css

130 lines
2.4 KiB
CSS
Raw Normal View History

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-04 09:04:34 +00:00
.flex {
display: flex;
}
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);
}