|
|
@ -1,4 +1,7 @@
|
|
|
|
// other solution : http://stackoverflow.com/questions/1577598/how-to-hide-parts-of-html-when-javascript-is-disabled/13857783#13857783
|
|
|
|
// other solution : http://stackoverflow.com/questions/1577598/how-to-hide-parts-of-html-when-javascript-is-disabled/13857783#13857783
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// stylelint-disable no-descending-specificity
|
|
|
|
|
|
|
|
|
|
|
|
html.no-js .hide_if_nojs {
|
|
|
|
html.no-js .hide_if_nojs {
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -12,7 +15,7 @@ html.js .show_if_nojs {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.right {
|
|
|
|
.right {
|
|
|
|
float: right ;
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.left {
|
|
|
|
.left {
|
|
|
@ -67,7 +70,6 @@ kbd {
|
|
|
|
|
|
|
|
|
|
|
|
// table
|
|
|
|
// table
|
|
|
|
table {
|
|
|
|
table {
|
|
|
|
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
|
|
|
&.striped {
|
|
|
|
&.striped {
|
|
|
@ -97,7 +99,7 @@ tr {
|
|
|
|
font-size: 0.8em;
|
|
|
|
font-size: 0.8em;
|
|
|
|
word-break: break-all;
|
|
|
|
word-break: break-all;
|
|
|
|
margin: 0.1em;
|
|
|
|
margin: 0.1em;
|
|
|
|
.select-all-on-focus();
|
|
|
|
.select-all-on-focus();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
div.selectable_url {
|
|
|
|
div.selectable_url {
|
|
|
@ -106,7 +108,6 @@ div.selectable_url {
|
|
|
|
padding: 4px;
|
|
|
|
padding: 4px;
|
|
|
|
color: @color-result-search-url-font;
|
|
|
|
color: @color-result-search-url-font;
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
margin: 0.1em;
|
|
|
|
margin: 0.1em;
|
|
|
|
overflow: hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
height: 1.2em;
|
|
|
|
height: 1.2em;
|
|
|
@ -122,28 +123,30 @@ div.selectable_url {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
width: 70%;
|
|
|
|
width: 70%;
|
|
|
|
padding: 1em 1em 1em 2.7em;
|
|
|
|
padding: 1em 1em 1em 2.7em;
|
|
|
|
margin: 0em 8% 1em 8%;
|
|
|
|
margin: 0 8% 1em 8%;
|
|
|
|
border: 1px solid black;
|
|
|
|
border: 1px solid black;
|
|
|
|
border-radius: 4px;
|
|
|
|
border-radius: 4px;
|
|
|
|
text-align: left;
|
|
|
|
text-align: left;
|
|
|
|
|
|
|
|
|
|
|
|
&:before {
|
|
|
|
&::before {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
top: 0.5em;
|
|
|
|
top: 0.5em;
|
|
|
|
left: 0.5em;
|
|
|
|
left: 0.5em;
|
|
|
|
font-family:"ion";
|
|
|
|
font-family: "ion"; // stylelint-disable font-family-no-missing-generic-family-keyword
|
|
|
|
font-size: 1.5em;
|
|
|
|
font-size: 1.5em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.close {
|
|
|
|
.close {
|
|
|
|
float:right;
|
|
|
|
float: right;
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
top: -3px;
|
|
|
|
top: -3px;
|
|
|
|
color: inherit;
|
|
|
|
color: inherit;
|
|
|
|
font-size: 1.5em;
|
|
|
|
font-size: 1.5em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ul, ol, p {
|
|
|
|
ul,
|
|
|
|
|
|
|
|
ol,
|
|
|
|
|
|
|
|
p {
|
|
|
|
margin: 1px 0 0 0;
|
|
|
|
margin: 1px 0 0 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -153,7 +156,7 @@ div.selectable_url {
|
|
|
|
|
|
|
|
|
|
|
|
tr {
|
|
|
|
tr {
|
|
|
|
vertical-align: text-top;
|
|
|
|
vertical-align: text-top;
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: transparent;
|
|
|
|
background: transparent;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -163,16 +166,15 @@ div.selectable_url {
|
|
|
|
padding: 0 1em 0 0;
|
|
|
|
padding: 0 1em 0 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
h4 {
|
|
|
|
margin-top: 0.3em;
|
|
|
|
margin-top: 0.3em;
|
|
|
|
margin-bottom: 0.3em;
|
|
|
|
margin-bottom: 0.3em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.dialog-error {
|
|
|
|
.dialog-error {
|
|
|
|
.dialog();
|
|
|
|
.dialog();
|
|
|
|
|
|
|
|
|
|
|
|
color: @color-error;
|
|
|
|
color: @color-error;
|
|
|
|
background: @color-error-background;
|
|
|
|
background: @color-error-background;
|
|
|
|
border-color: @color-error;
|
|
|
|
border-color: @color-error;
|
|
|
@ -181,6 +183,7 @@ div.selectable_url {
|
|
|
|
|
|
|
|
|
|
|
|
.dialog-warning {
|
|
|
|
.dialog-warning {
|
|
|
|
.dialog();
|
|
|
|
.dialog();
|
|
|
|
|
|
|
|
|
|
|
|
color: @color-warning;
|
|
|
|
color: @color-warning;
|
|
|
|
background: @color-warning-background;
|
|
|
|
background: @color-warning-background;
|
|
|
|
border-color: @color-warning;
|
|
|
|
border-color: @color-warning;
|
|
|
@ -189,10 +192,12 @@ div.selectable_url {
|
|
|
|
|
|
|
|
|
|
|
|
.dialog-modal {
|
|
|
|
.dialog-modal {
|
|
|
|
.dialog();
|
|
|
|
.dialog();
|
|
|
|
|
|
|
|
|
|
|
|
background: white;
|
|
|
|
background: white;
|
|
|
|
position: fixed;
|
|
|
|
position: fixed;
|
|
|
|
top: 50%;
|
|
|
|
top: 50%;
|
|
|
|
left: 50%;
|
|
|
|
left: 50%;
|
|
|
|
|
|
|
|
|
|
|
|
/* bring your own prefixes */
|
|
|
|
/* bring your own prefixes */
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
z-index: 100000;
|
|
|
|
z-index: 100000;
|
|
|
@ -215,13 +220,14 @@ div.selectable_url {
|
|
|
|
border: none;
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* -- tabs --*/
|
|
|
|
/* -- tabs -- */
|
|
|
|
.tabs .tabs > label {
|
|
|
|
.tabs .tabs > label {
|
|
|
|
font-size: 90%;
|
|
|
|
font-size: 90%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tabs {
|
|
|
|
.tabs {
|
|
|
|
.flexbox();
|
|
|
|
.flexbox();
|
|
|
|
|
|
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
min-width: 100%;
|
|
|
|
min-width: 100%;
|
|
|
@ -238,13 +244,13 @@ div.selectable_url {
|
|
|
|
order: 1;
|
|
|
|
order: 1;
|
|
|
|
padding: 0.7em;
|
|
|
|
padding: 0.7em;
|
|
|
|
margin: 0 0.7em;
|
|
|
|
margin: 0 0.7em;
|
|
|
|
letter-spacing:0.5px;
|
|
|
|
letter-spacing: 0.5px;
|
|
|
|
text-transform: uppercase;
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
|
|
|
|
|
|
border: solid white;
|
|
|
|
border: solid white;
|
|
|
|
border-width: 0px 0px 2px 0;
|
|
|
|
border-width: 0 0 2px 0;
|
|
|
|
|
|
|
|
|
|
|
|
.disable-user-select();
|
|
|
|
.disable-user-select();
|
|
|
|
|
|
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -266,19 +272,19 @@ div.selectable_url {
|
|
|
|
background: @color-categories-item-selected;
|
|
|
|
background: @color-categories-item-selected;
|
|
|
|
color: @color-categories-item-selected-font;
|
|
|
|
color: @color-categories-item-selected-font;
|
|
|
|
font-weight: bold;
|
|
|
|
font-weight: bold;
|
|
|
|
letter-spacing:-0.1px;
|
|
|
|
letter-spacing: -0.1px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
& > section:last-of-type {
|
|
|
|
& > section:last-of-type {
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
html body .tabs > input:checked {
|
|
|
|
html body .tabs > input:checked {
|
|
|
|
~ section {
|
|
|
|
~ section {
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
~ label {
|
|
|
|
~ label {
|
|
|
|
position: inherited;
|
|
|
|
position: inherited;
|
|
|
|
background: inherit;
|
|
|
|
background: inherit;
|
|
|
@ -290,13 +296,15 @@ html body .tabs > input:checked {
|
|
|
|
border-bottom: 2px solid @color-categories-item-border-selected;
|
|
|
|
border-bottom: 2px solid @color-categories-item-border-selected;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
+ label {
|
|
|
|
+ label {
|
|
|
|
border-bottom: 2px solid @color-categories-item-border-selected;
|
|
|
|
border-bottom: 2px solid @color-categories-item-border-selected;
|
|
|
|
background: @color-categories-item-selected;
|
|
|
|
background: @color-categories-item-selected;
|
|
|
|
color: @color-categories-item-selected-font;
|
|
|
|
color: @color-categories-item-selected-font;
|
|
|
|
font-weight: bold;
|
|
|
|
font-weight: bold;
|
|
|
|
letter-spacing:-0.1px;
|
|
|
|
letter-spacing: -0.1px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
+ label + section {
|
|
|
|
+ label + section {
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -311,13 +319,13 @@ select {
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
z-index: 2;
|
|
|
|
z-index: 2;
|
|
|
|
|
|
|
|
|
|
|
|
&:hover, &:focus {
|
|
|
|
&:hover,
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@supports ((background-position-x: 100%) and ((appearance: none) or (-webkit-appearance: none) or (-moz-appearance: none))) {
|
|
|
|
@supports ((background-position-x: 100%) and ((appearance: none) or (-webkit-appearance: none) or (-moz-appearance: none))) {
|
|
|
|
|
|
|
|
|
|
|
|
select {
|
|
|
|
select {
|
|
|
|
appearance: none;
|
|
|
|
appearance: none;
|
|
|
|
-webkit-appearance: none;
|
|
|
|
-webkit-appearance: none;
|
|
|
@ -330,12 +338,11 @@ select {
|
|
|
|
background-origin: content-box;
|
|
|
|
background-origin: content-box;
|
|
|
|
outline: medium none;
|
|
|
|
outline: medium none;
|
|
|
|
|
|
|
|
|
|
|
|
&:hover, &:focus {
|
|
|
|
&:hover,
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
border-bottom: 1px solid @color-search-border;
|
|
|
|
border-bottom: 1px solid @color-search-border;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* -- checkbox-onoff -- */
|
|
|
|
/* -- checkbox-onoff -- */
|
|
|
@ -348,6 +355,7 @@ select {
|
|
|
|
margin: 8px auto;
|
|
|
|
margin: 8px auto;
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
border-radius: 50px;
|
|
|
|
border-radius: 50px;
|
|
|
|
|
|
|
|
|
|
|
|
label {
|
|
|
|
label {
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
width: 20px;
|
|
|
|
width: 20px;
|
|
|
@ -356,14 +364,15 @@ select {
|
|
|
|
top: -5px;
|
|
|
|
top: -5px;
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
border-radius: 50px;
|
|
|
|
border-radius: 50px;
|
|
|
|
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
|
|
|
|
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
|
|
|
|
transition: all 0.4s ease;
|
|
|
|
transition: all 0.4s ease;
|
|
|
|
|
|
|
|
|
|
|
|
left: 27px;
|
|
|
|
left: 27px;
|
|
|
|
background-color: #3498DB;
|
|
|
|
background-color: #3498db;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input[type=checkbox] {
|
|
|
|
input[type=checkbox] {
|
|
|
|
visibility: hidden;
|
|
|
|
visibility: hidden;
|
|
|
|
|
|
|
|
|
|
|
|
&:checked + label {
|
|
|
|
&:checked + label {
|
|
|
|
left: -5px;
|
|
|
|
left: -5px;
|
|
|
|
background: #dcdcdc;
|
|
|
|
background: #dcdcdc;
|
|
|
@ -372,12 +381,13 @@ select {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* -- checkbox --*/
|
|
|
|
/* -- checkbox -- */
|
|
|
|
@supports (transform: rotate(-45deg)) {
|
|
|
|
@supports (transform: rotate(-45deg)) {
|
|
|
|
.checkbox {
|
|
|
|
.checkbox {
|
|
|
|
width: 20px;
|
|
|
|
width: 20px;
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
margin: 20px auto;
|
|
|
|
margin: 20px auto;
|
|
|
|
|
|
|
|
|
|
|
|
label {
|
|
|
|
label {
|
|
|
|
width: 20px;
|
|
|
|
width: 20px;
|
|
|
|
height: 20px;
|
|
|
|
height: 20px;
|
|
|
@ -387,8 +397,9 @@ select {
|
|
|
|
left: 0;
|
|
|
|
left: 0;
|
|
|
|
background: white;
|
|
|
|
background: white;
|
|
|
|
border-radius: 4px;
|
|
|
|
border-radius: 4px;
|
|
|
|
box-shadow: inset 0px 1px 1px white, 0px 1px 4px rgba(0,0,0,0.5);
|
|
|
|
box-shadow: inset 0 1px 1px white, 0 1px 4px rgba(0, 0, 0, 0.5);
|
|
|
|
&:after {
|
|
|
|
|
|
|
|
|
|
|
|
&::after {
|
|
|
|
content: '';
|
|
|
|
content: '';
|
|
|
|
width: 9px;
|
|
|
|
width: 9px;
|
|
|
|
height: 5px;
|
|
|
|
height: 5px;
|
|
|
@ -406,17 +417,18 @@ select {
|
|
|
|
|
|
|
|
|
|
|
|
input[type=checkbox] {
|
|
|
|
input[type=checkbox] {
|
|
|
|
visibility: hidden;
|
|
|
|
visibility: hidden;
|
|
|
|
&:checked + label:after {
|
|
|
|
|
|
|
|
border-color: #3498DB;
|
|
|
|
&:checked + label::after {
|
|
|
|
|
|
|
|
border-color: #3498db;
|
|
|
|
opacity: 1;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// disabled : can''t be focused, show only the check mark
|
|
|
|
// disabled : can''t be focused, show only the check mark
|
|
|
|
input[disabled] + label {
|
|
|
|
input[disabled] + label {
|
|
|
|
background-color: transparent !important;
|
|
|
|
background-color: transparent !important;
|
|
|
|
box-shadow: none !important;
|
|
|
|
box-shadow: none !important;
|
|
|
|
cursor: inherit;;
|
|
|
|
cursor: inherit;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// if not checked and possible to checked then display a "light" check mark on hover
|
|
|
|
// if not checked and possible to checked then display a "light" check mark on hover
|
|
|
@ -434,45 +446,50 @@ select {
|
|
|
|
|
|
|
|
|
|
|
|
/* -- loader -- */
|
|
|
|
/* -- loader -- */
|
|
|
|
.loader,
|
|
|
|
.loader,
|
|
|
|
.loader:after {
|
|
|
|
.loader::after {
|
|
|
|
border-radius: 50%;
|
|
|
|
border-radius: 50%;
|
|
|
|
width: 2em;
|
|
|
|
width: 2em;
|
|
|
|
height: 2em;
|
|
|
|
height: 2em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.loader {
|
|
|
|
.loader {
|
|
|
|
margin: 1em auto;
|
|
|
|
margin: 1em auto;
|
|
|
|
font-size: 10px;
|
|
|
|
font-size: 10px;
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
text-indent: -9999em;
|
|
|
|
text-indent: -9999em;
|
|
|
|
border-top: 0.5em solid rgba(0, 0, 0, 0.2);
|
|
|
|
border-top: 0.5em solid rgba(0, 0, 0, 0.2);
|
|
|
|
border-right: 0.5em solid rgba(0, 0, 0, 0.2);
|
|
|
|
border-right: 0.5em solid rgba(0, 0, 0, 0.2);
|
|
|
|
border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
|
|
|
|
border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
|
|
|
|
border-left: 0.5em solid rgba(255, 255, 255, 0);
|
|
|
|
border-left: 0.5em solid rgba(255, 255, 255, 0);
|
|
|
|
-webkit-transform: translateZ(0);
|
|
|
|
-webkit-transform: translateZ(0);
|
|
|
|
-ms-transform: translateZ(0);
|
|
|
|
-ms-transform: translateZ(0);
|
|
|
|
transform: translateZ(0);
|
|
|
|
transform: translateZ(0);
|
|
|
|
-webkit-animation: load8 1.2s infinite linear;
|
|
|
|
-webkit-animation: load8 1.2s infinite linear;
|
|
|
|
animation: load8 1.2s infinite linear;
|
|
|
|
animation: load8 1.2s infinite linear;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes load8 {
|
|
|
|
@-webkit-keyframes load8 {
|
|
|
|
0% {
|
|
|
|
0% {
|
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
|
transform: rotate(0deg);
|
|
|
|
transform: rotate(0deg);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
|
|
|
|
-webkit-transform: rotate(360deg);
|
|
|
|
100% {
|
|
|
|
transform: rotate(360deg);
|
|
|
|
-webkit-transform: rotate(360deg);
|
|
|
|
}
|
|
|
|
transform: rotate(360deg);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes load8 {
|
|
|
|
@keyframes load8 {
|
|
|
|
0% {
|
|
|
|
0% {
|
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
|
transform: rotate(0deg);
|
|
|
|
transform: rotate(0deg);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
|
|
|
|
-webkit-transform: rotate(360deg);
|
|
|
|
100% {
|
|
|
|
transform: rotate(360deg);
|
|
|
|
-webkit-transform: rotate(360deg);
|
|
|
|
}
|
|
|
|
transform: rotate(360deg);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* -- engine-tooltip -- */
|
|
|
|
/* -- engine-tooltip -- */
|
|
|
@ -480,17 +497,19 @@ select {
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
padding: 0.5rem 1rem;
|
|
|
|
padding: 0.5rem 1rem;
|
|
|
|
margin: 0rem 0 0 2rem;
|
|
|
|
margin: 0 0 0 2rem;
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
|
|
|
|
box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
|
|
|
|
background: white;
|
|
|
|
background: white;
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 14px;
|
|
|
|
font-weight: normal;
|
|
|
|
font-weight: normal;
|
|
|
|
z-index: 1000000;
|
|
|
|
z-index: 1000000;
|
|
|
|
text-align: left;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
th:hover .engine-tooltip, td:hover .engine-tooltip, .engine-tooltip:hover {
|
|
|
|
th:hover .engine-tooltip,
|
|
|
|
|
|
|
|
td:hover .engine-tooltip,
|
|
|
|
|
|
|
|
.engine-tooltip:hover {
|
|
|
|
display: inline-block;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -517,7 +536,7 @@ th:hover .engine-tooltip, td:hover .engine-tooltip, .engine-tooltip:hover {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.stacked-bar-chart-base {
|
|
|
|
.stacked-bar-chart-base {
|
|
|
|
display:flex;
|
|
|
|
display: flex;
|
|
|
|
flex-shrink: 0;
|
|
|
|
flex-shrink: 0;
|
|
|
|
flex-grow: 0;
|
|
|
|
flex-grow: 0;
|
|
|
|
flex-basis: unset;
|
|
|
|
flex-basis: unset;
|
|
|
@ -525,6 +544,7 @@ th:hover .engine-tooltip, td:hover .engine-tooltip, .engine-tooltip:hover {
|
|
|
|
|
|
|
|
|
|
|
|
.stacked-bar-chart-median {
|
|
|
|
.stacked-bar-chart-median {
|
|
|
|
.stacked-bar-chart-base();
|
|
|
|
.stacked-bar-chart-base();
|
|
|
|
|
|
|
|
|
|
|
|
background: @stacked-bar-chart;
|
|
|
|
background: @stacked-bar-chart;
|
|
|
|
border: 1px solid fade(@stacked-bar-chart, 90%);
|
|
|
|
border: 1px solid fade(@stacked-bar-chart, 90%);
|
|
|
|
padding: 0.3rem 0;
|
|
|
|
padding: 0.3rem 0;
|
|
|
@ -532,6 +552,7 @@ th:hover .engine-tooltip, td:hover .engine-tooltip, .engine-tooltip:hover {
|
|
|
|
|
|
|
|
|
|
|
|
.stacked-bar-chart-rate80 {
|
|
|
|
.stacked-bar-chart-rate80 {
|
|
|
|
.stacked-bar-chart-base();
|
|
|
|
.stacked-bar-chart-base();
|
|
|
|
|
|
|
|
|
|
|
|
background: transparent;
|
|
|
|
background: transparent;
|
|
|
|
border: 1px solid fade(@stacked-bar-chart, 30%);
|
|
|
|
border: 1px solid fade(@stacked-bar-chart, 30%);
|
|
|
|
padding: 0.3rem 0;
|
|
|
|
padding: 0.3rem 0;
|
|
|
@ -539,6 +560,7 @@ th:hover .engine-tooltip, td:hover .engine-tooltip, .engine-tooltip:hover {
|
|
|
|
|
|
|
|
|
|
|
|
.stacked-bar-chart-rate95 {
|
|
|
|
.stacked-bar-chart-rate95 {
|
|
|
|
.stacked-bar-chart-base();
|
|
|
|
.stacked-bar-chart-base();
|
|
|
|
|
|
|
|
|
|
|
|
background: transparent;
|
|
|
|
background: transparent;
|
|
|
|
border-bottom: 1px dotted fade(@stacked-bar-chart, 50%);
|
|
|
|
border-bottom: 1px dotted fade(@stacked-bar-chart, 50%);
|
|
|
|
padding: 0;
|
|
|
|
padding: 0;
|
|
|
@ -546,6 +568,7 @@ th:hover .engine-tooltip, td:hover .engine-tooltip, .engine-tooltip:hover {
|
|
|
|
|
|
|
|
|
|
|
|
.stacked-bar-chart-rate100 {
|
|
|
|
.stacked-bar-chart-rate100 {
|
|
|
|
.stacked-bar-chart-base();
|
|
|
|
.stacked-bar-chart-base();
|
|
|
|
|
|
|
|
|
|
|
|
background: transparent;
|
|
|
|
background: transparent;
|
|
|
|
border-left: 1px solid fade(@stacked-bar-chart, 90%);
|
|
|
|
border-left: 1px solid fade(@stacked-bar-chart, 90%);
|
|
|
|
padding: 0.4rem 0;
|
|
|
|
padding: 0.4rem 0;
|
|
|
|