162 lines
3.1 KiB
Plaintext
162 lines
3.1 KiB
Plaintext
// @col-blue: #2196F3;
|
|
@col-blue: #42a5f5;
|
|
@col-green: #4caf50;
|
|
@col-red: #f44336;
|
|
|
|
@col-light: #ffffff;
|
|
@col-lightgray: #fafafa;
|
|
@col-darkgray: #eeeeee;
|
|
// @col-dark: #333;
|
|
@col-dark: #212121;
|
|
|
|
@col-font-light: @col-light;
|
|
@col-font-dark: @col-dark;
|
|
|
|
@col-back-light: @col-lightgray;
|
|
@col-back-dark: @col-darkgray;
|
|
|
|
@col: @col-dark;
|
|
@col-back: @col-back-dark;
|
|
@col-hover: @col-blue;
|
|
@col-border: rgba(0,0,0,0.05);
|
|
@col-border-strong: rgba(0,0,0,0.15);
|
|
@col-border-stronger: rgba(0,0,0,0.3);
|
|
|
|
@col-okay: @col-green;
|
|
@col-error: @col-red;
|
|
|
|
@col-link: @col-blue;
|
|
@col-link-hover: @col-blue;
|
|
|
|
@col-widget-back: rgb(245,245,245);
|
|
@col-widget-back-highlight: rgba(255,255,255,0.8);
|
|
@col-widget-back-hover: rgba(255,255,255,0.8);
|
|
@col-widget-back-sel: rgba(255,255,255,0.8);
|
|
@col-widget-sep: @col-border;
|
|
|
|
@col-sb-back: rgba(0,0,0,0.08);
|
|
@col-sb-thumb: rgba(0,0,0,0.15);
|
|
@col-sb-thumb-active: rgba(0,0,0,0.25);
|
|
|
|
@col-range-back: rgb(224,224,224);
|
|
@col-range-thumb: rgb(190,190,190);
|
|
|
|
@border-widget: 1px solid @col-border;
|
|
@border-widget-sep: 1px solid @col-widget-sep;
|
|
|
|
@font-family: Roboto, Helvetica, Arial, sans-serif;
|
|
@font-weight: normal;
|
|
@font-size: 13px;
|
|
@font-family-mono: monospace;
|
|
|
|
|
|
::-moz-selection { background: @col-blue; color: @col-font-light; text-shadow: none; }
|
|
::selection { background: @col-blue; color: @col-font-light; text-shadow: none; }
|
|
|
|
.transition (@transition) {
|
|
-webkit-transition: @transition;
|
|
transition: @transition;
|
|
}
|
|
|
|
.transform (@transform) {
|
|
-webkit-transform: @transform;
|
|
-ms-transform: @transform;
|
|
transform: @transform;
|
|
zoom: 1;
|
|
}
|
|
|
|
.card() {
|
|
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.raised() {
|
|
box-shadow: 0 1px 10px 0 rgba(0,0,0,0.5);
|
|
}
|
|
|
|
.rounded() {
|
|
// overflow: hidden;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.el-button() {
|
|
.card();
|
|
.rounded();
|
|
.transition(all 0.2s ease-in-out);
|
|
color: @col-light;
|
|
background: @col-blue;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
.raised();
|
|
}
|
|
}
|
|
|
|
.el-input() {
|
|
.card();
|
|
.rounded();
|
|
-moz-appearance: none;
|
|
-ms-appearance: none;
|
|
-webkit-appearance: none;
|
|
font-family: @font-family;
|
|
font-weight: @font-weight;
|
|
color: @col-dark;
|
|
background: @col-light;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
|
|
html {
|
|
min-height: 100%;
|
|
overflow: auto;
|
|
|
|
&.js .noJsMsg {
|
|
display: none;
|
|
}
|
|
&.browser .noBrowserMsg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
body {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
|
|
font-family: @font-family;
|
|
font-size: @font-size;
|
|
font-weight: @font-weight;
|
|
color: @col;
|
|
background: @col-back;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
justify-content: flex-start;
|
|
align-content: flex-start;
|
|
align-items: stretch;
|
|
}
|
|
|
|
#main-row {
|
|
flex: 1 1 auto;
|
|
order: 50;
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: flex-start;
|
|
align-content: flex-start;
|
|
align-items: stretch;
|
|
|
|
// non-webkit fix;
|
|
height: 0;
|
|
}
|
|
|
|
// *:focus {
|
|
// outline: 1px solid #42a5f5;
|
|
// }
|