mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-27 06:31:46 +00:00
106 lines
3 KiB
Text
106 lines
3 KiB
Text
.system-message {
|
|
padding: (@line-height-computed / 4) (@line-height-computed / 2);
|
|
background-color: @state-warning-bg;
|
|
color: #333;
|
|
border-bottom: 1px solid @toolbar-border-color;
|
|
}
|
|
|
|
.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.610, 0.355, 1.000);
|
|
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
-webkit-transform: translate3d(0,0,0);
|
|
transform: translate3d(0,0,0);
|
|
}
|
|
|
|
20%, 21% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
|
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
|
-webkit-transform: translate3d(0, -10px, 0);
|
|
transform: translate3d(0, -10px, 0);
|
|
}
|
|
|
|
35% {
|
|
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
|
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
|
-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.610, 0.355, 1.000);
|
|
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
-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.050, 0.855, 0.060);
|
|
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
|
-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.050, 0.855, 0.060);
|
|
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
|
-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;
|
|
}
|