mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
509c23def7
display maintenance messages in editor GitOrigin-RevId: 7d4fda60c5e2bd12d2cead2a9bff326b75e9c4e7
130 lines
3.2 KiB
Text
130 lines
3.2 KiB
Text
.system-message {
|
|
padding: (@line-height-computed / 4) (@line-height-computed / 2);
|
|
background-color: @sys-msg-background;
|
|
color: @sys-msg-color;
|
|
border-bottom: @sys-msg-border;
|
|
a {
|
|
color: @sidebar-link-color;
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
.system-message .close when (@is-overleaf = true) {
|
|
color: #fff;
|
|
opacity: 1;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.clickable {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.img-circle {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
border-radius: 50%;
|
|
width: @line-height-computed * 4;
|
|
height: @line-height-computed * 4;
|
|
img {
|
|
margin-top: -10px;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes bounce {
|
|
0%,
|
|
10%,
|
|
26%,
|
|
40%,
|
|
50% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
20%,
|
|
21% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
-webkit-transform: translate3d(0, -10px, 0);
|
|
transform: translate3d(0, -10px, 0);
|
|
}
|
|
|
|
35% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
-webkit-transform: translate3d(0, -5px, 0);
|
|
transform: translate3d(0, -5px, 0);
|
|
}
|
|
|
|
45% {
|
|
-webkit-transform: translate3d(0, -2px, 0);
|
|
transform: translate3d(0, -2px, 0);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes bounce {
|
|
0%,
|
|
10%,
|
|
26%,
|
|
40%,
|
|
50% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
-ms-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
20%,
|
|
21% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
-webkit-transform: translate3d(0, -10px, 0);
|
|
-ms-transform: translate3d(0, -10px, 0);
|
|
transform: translate3d(0, -10px, 0);
|
|
}
|
|
|
|
35% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
-webkit-transform: translate3d(0, -5px, 0);
|
|
-ms-transform: translate3d(0, -5px, 0);
|
|
transform: translate3d(0, -5px, 0);
|
|
}
|
|
|
|
45% {
|
|
-webkit-transform: translate3d(0, -2px, 0);
|
|
-ms-transform: translate3d(0, -2px, 0);
|
|
transform: translate3d(0, -2px, 0);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
-ms-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
.bounce {
|
|
-webkit-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
-webkit-animation-name: bounce;
|
|
animation-name: bounce;
|
|
-webkit-transform-origin: center bottom;
|
|
-ms-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
}
|
|
|
|
.grecaptcha-badge {
|
|
display: none;
|
|
}
|