2019-08-21 08:00:01 +00:00
|
|
|
@import "mixin";
|
2019-02-17 15:08:10 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
/* Avatar/Icon loading animations */
|
2019-02-17 15:08:10 +00:00
|
|
|
.icon_loading {
|
|
|
|
|
border: 2px solid #f3f3f3; /* Light grey */
|
|
|
|
|
border-top: 2px solid #3498db; /* Blue */
|
|
|
|
|
border-radius: 50%;
|
2019-08-21 08:00:01 +00:00
|
|
|
animation: loading_spin 2s linear infinite;
|
2019-02-17 15:08:10 +00:00
|
|
|
|
|
|
|
|
width: 14px !important;
|
|
|
|
|
height: 14px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.avatar_loading {
|
|
|
|
|
border: 2px solid #f3f3f3; /* Light grey */
|
|
|
|
|
border-top: 2px solid #3498db; /* Blue */
|
|
|
|
|
border-radius: 50%;
|
2019-08-21 08:00:01 +00:00
|
|
|
animation: loading_spin 2s linear infinite;
|
2019-02-17 15:08:10 +00:00
|
|
|
|
|
|
|
|
width: 14px !important;
|
|
|
|
|
height: 14px !important;
|
|
|
|
|
}
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
@keyframes loading_spin {
|
2019-02-17 15:08:10 +00:00
|
|
|
0% {
|
|
|
|
|
transform: rotate(0deg);
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
transform: rotate(360deg);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2019-03-22 22:33:42 +00:00
|
|
|
@viewport {
|
|
|
|
|
width: device-width;
|
2019-05-25 09:22:29 +00:00
|
|
|
user-zoom: fixed;
|
2019-03-22 22:33:42 +00:00
|
|
|
}
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
/* Some general style settings (from bootstrap) */
|
|
|
|
|
:root {
|
|
|
|
|
--blue: #2196f3;
|
|
|
|
|
--indigo: #3f51b5;
|
|
|
|
|
--purple: #9c27b0;
|
|
|
|
|
--pink: #e91e63;
|
|
|
|
|
--red: #f44336;
|
|
|
|
|
--orange: #ff9800;
|
|
|
|
|
--yellow: #ffeb3b;
|
|
|
|
|
--green: #4caf50;
|
|
|
|
|
--teal: #009688;
|
|
|
|
|
--cyan: #00bcd4;
|
|
|
|
|
--white: #fff;
|
|
|
|
|
--gray: #6c757d;
|
|
|
|
|
--gray-dark: #343a40;
|
|
|
|
|
--primary: #009688;
|
|
|
|
|
--secondary: #6c757d;
|
|
|
|
|
--success: #4caf50;
|
|
|
|
|
--info: #03a9f4;
|
|
|
|
|
--warning: #ff5722;
|
|
|
|
|
--danger: #f44336;
|
|
|
|
|
--light: #f5f5f5;
|
|
|
|
|
--dark: #424242;
|
|
|
|
|
--breakpoint-xs: 0;
|
|
|
|
|
--breakpoint-sm: 576px;
|
|
|
|
|
--breakpoint-md: 768px;
|
|
|
|
|
--breakpoint-lg: 992px;
|
|
|
|
|
--breakpoint-xl: 1200px;
|
|
|
|
|
--font-family-sans-serif: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
|
|
|
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
*, :before, :after {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
outline: none;
|
2019-02-17 15:08:10 +00:00
|
|
|
}
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
html {
|
|
|
|
|
font-family: sans-serif;
|
|
|
|
|
line-height: 1.15;
|
|
|
|
|
-webkit-text-size-adjust: 100%;
|
|
|
|
|
-ms-text-size-adjust: 100%;
|
|
|
|
|
-ms-overflow-style: scrollbar;
|
|
|
|
|
-webkit-tap-highlight-color: transparent;
|
|
|
|
|
background-color: gray;
|
|
|
|
|
}
|
|
|
|
|
body {
|
|
|
|
|
height: 100vh;
|
|
|
|
|
width: 100vw;
|
2019-02-17 15:08:10 +00:00
|
|
|
top: 0;
|
2019-08-21 08:00:01 +00:00
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
2019-02-17 15:08:10 +00:00
|
|
|
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
font-family: Roboto, Helvetica, Arial, sans-serif;
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
color: #212529;
|
|
|
|
|
text-align: left;
|
|
|
|
|
background-color: #fafafa;
|
2019-02-17 15:08:10 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
font-weight: 400;
|
2019-02-17 15:08:10 +00:00
|
|
|
}
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
button, input, optgroup, select, textarea {
|
|
|
|
|
margin: 0;
|
|
|
|
|
font-family: inherit;
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
line-height: inherit;
|
2019-02-17 15:08:10 +00:00
|
|
|
}
|
|
|
|
|
|
2020-03-19 10:35:39 +00:00
|
|
|
select {
|
|
|
|
|
-webkit-border-radius: 1px!important;
|
|
|
|
|
|
|
|
|
|
option {
|
|
|
|
|
color: black;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2019-02-17 15:08:10 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
fieldset {
|
|
|
|
|
border: unset;
|
|
|
|
|
display: unset;
|
2019-02-17 15:08:10 +00:00
|
|
|
}
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
code {
|
|
|
|
|
padding: 2px;
|
2019-02-17 15:08:10 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
/* bootstrap materialize fix */
|
|
|
|
|
.form-row {
|
|
|
|
|
margin-left: 0 !important;
|
|
|
|
|
margin-right: 0 !important;
|
2019-02-17 15:08:10 +00:00
|
|
|
}
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
/* New design */
|
|
|
|
|
a[href] {
|
|
|
|
|
color: #4d7bff;
|
|
|
|
|
text-decoration: none;
|
2019-02-17 15:08:10 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
&:hover {
|
|
|
|
|
color: #8aa8ff;
|
|
|
|
|
}
|
2019-02-17 15:08:10 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
&:visited {
|
|
|
|
|
color: #2752cd;
|
|
|
|
|
}
|
2019-02-17 15:08:10 +00:00
|
|
|
}
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
/* code hightliting */
|
|
|
|
|
.tag-hljs-inline-code, .tag-hljs-code {
|
|
|
|
|
display: block;
|
|
|
|
|
margin: 3px;
|
2019-02-17 15:08:10 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
font-size: 80%;
|
|
|
|
|
border-radius: .2em;
|
|
|
|
|
font-family: Monaco, Menlo, Consolas, "Roboto Mono", "Andale Mono", "Ubuntu Mono", monospace;
|
|
|
|
|
box-decoration-break: clone;
|
2019-02-17 15:08:10 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
&.tag-hljs-inline-code {
|
|
|
|
|
display: inline-block;
|
2019-02-17 15:08:10 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
> .hljs {
|
|
|
|
|
padding: 0 .25em!important;
|
|
|
|
|
}
|
2019-02-17 15:08:10 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
white-space: pre-wrap;
|
|
|
|
|
margin: 0 0 -0.1em;
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
}
|
|
|
|
|
&.tag-hljs-code {
|
|
|
|
|
word-wrap: normal;
|
|
|
|
|
}
|
2019-02-17 15:08:10 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
code {
|
|
|
|
|
@include chat-scrollbar-horizontal();
|
|
|
|
|
}
|
2019-02-17 15:08:10 +00:00
|
|
|
}
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
/* fix tailing new line after code blocks */
|
|
|
|
|
.message > {
|
|
|
|
|
.tag-hljs-code + br {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
2019-02-17 15:08:10 +00:00
|
|
|
}
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
/* tooltip */
|
|
|
|
|
#global-tooltip {
|
|
|
|
|
color: #999999;
|
|
|
|
|
background-color: #232222;
|
2019-03-17 11:15:39 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
position: fixed;
|
|
|
|
|
z-index: 1000000;
|
2019-03-17 11:15:39 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
pointer-events: none;
|
2019-02-17 15:08:10 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
padding: .25em;
|
|
|
|
|
transform: translate(-50%, -100%); /* translate up, center */
|
|
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
border-right: 3px;
|
|
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
@include transition(opacity .5s ease-in-out);
|
|
|
|
|
|
|
|
|
|
&:after {
|
|
|
|
|
content: '';
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
|
|
width: 0;
|
|
|
|
|
height: 0;
|
2019-03-17 11:15:39 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
left: calc(50% - .5em);
|
|
|
|
|
bottom: -.4em;
|
2019-07-09 22:52:08 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
border-style: solid;
|
|
|
|
|
border-width: .5em .5em 0 .5em;
|
|
|
|
|
border-color: #232222 transparent transparent transparent;
|
2019-07-09 22:52:08 +00:00
|
|
|
}
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
&.shown {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
2019-02-17 15:08:10 +00:00
|
|
|
}
|
|
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
/* colored letters */
|
|
|
|
|
a.rainbow-letter {
|
|
|
|
|
background-image: url('data:img/png;base64,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
|
|
|
|
|
background-size: 100% 100%;
|
2019-02-17 15:08:10 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
-webkit-background-clip: text;
|
|
|
|
|
-webkit-text-fill-color: transparent;
|
2019-04-29 17:06:18 +00:00
|
|
|
|
2019-08-21 08:00:01 +00:00
|
|
|
font-weight: bold;
|
|
|
|
|
border-bottom: 1px solid #ab4788;
|
|
|
|
|
line-height: 1em;
|
2020-02-16 19:31:30 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
iframe {
|
|
|
|
|
border-radius: .2em;
|
|
|
|
|
border: none;
|
2019-02-17 15:08:10 +00:00
|
|
|
}
|
