mirror of
https://github.com/ONLYOFFICE/onlyoffice.github.io.git
synced 2026-04-07 14:04:30 +08:00
Add pixabay plugin
This commit is contained in:
186
sdkjs-plugins/content/pixabay/plugin_style.css
Normal file
186
sdkjs-plugins/content/pixabay/plugin_style.css
Normal file
@ -0,0 +1,186 @@
|
||||
.blur {
|
||||
filter: blur(3px);
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flexSize {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.flexCenter {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.flexCol {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
/* loader */
|
||||
|
||||
.cssload-container {
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.cssload-loading i {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
background: rgb(68, 68, 68);
|
||||
}
|
||||
|
||||
.cssload-loading i:first-child {
|
||||
opacity: 0;
|
||||
animation: cssload-loading-ani2 0.58s linear infinite;
|
||||
-o-animation: cssload-loading-ani2 0.58s linear infinite;
|
||||
-ms-animation: cssload-loading-ani2 0.58s linear infinite;
|
||||
-webkit-animation: cssload-loading-ani2 0.58s linear infinite;
|
||||
-moz-animation: cssload-loading-ani2 0.58s linear infinite;
|
||||
transform: translate(-19px);
|
||||
-o-transform: translate(-19px);
|
||||
-ms-transform: translate(-19px);
|
||||
-webkit-transform: translate(-19px);
|
||||
-moz-transform: translate(-19px);
|
||||
}
|
||||
|
||||
.cssload-loading i:nth-child(2),
|
||||
.cssload-loading i:nth-child(3) {
|
||||
animation: cssload-loading-ani3 0.58s linear infinite;
|
||||
-o-animation: cssload-loading-ani3 0.58s linear infinite;
|
||||
-ms-animation: cssload-loading-ani3 0.58s linear infinite;
|
||||
-webkit-animation: cssload-loading-ani3 0.58s linear infinite;
|
||||
-moz-animation: cssload-loading-ani3 0.58s linear infinite;
|
||||
}
|
||||
|
||||
.cssload-loading i:last-child {
|
||||
animation: cssload-loading-ani1 0.58s linear infinite;
|
||||
-o-animation: cssload-loading-ani1 0.58s linear infinite;
|
||||
-ms-animation: cssload-loading-ani1 0.58s linear infinite;
|
||||
-webkit-animation: cssload-loading-ani1 0.58s linear infinite;
|
||||
-moz-animation: cssload-loading-ani1 0.58s linear infinite;
|
||||
}
|
||||
|
||||
.asc-plugin-loader .asc-loader-image {
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+PGNpcmNsZSBjeD0iMTQiIGN5PSIxNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgcj0iMTAuMjUiIHN0cm9rZS1kYXNoYXJyYXk9IjE2MCUsIDQwJSIgLz48L3N2Zz4=) !important;
|
||||
}
|
||||
|
||||
@keyframes cssload-loading-ani1 {
|
||||
100% {
|
||||
transform: translate(39px);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes cssload-loading-ani1 {
|
||||
100% {
|
||||
-o-transform: translate(39px);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes cssload-loading-ani1 {
|
||||
100% {
|
||||
-ms-transform: translate(39px);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes cssload-loading-ani1 {
|
||||
100% {
|
||||
-webkit-transform: translate(39px);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes cssload-loading-ani1 {
|
||||
100% {
|
||||
-moz-transform: translate(39px);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes cssload-loading-ani2 {
|
||||
100% {
|
||||
transform: translate(19px);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes cssload-loading-ani2 {
|
||||
100% {
|
||||
-o-transform: translate(19px);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes cssload-loading-ani2 {
|
||||
100% {
|
||||
-ms-transform: translate(19px);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes cssload-loading-ani2 {
|
||||
100% {
|
||||
-webkit-transform: translate(19px);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes cssload-loading-ani2 {
|
||||
100% {
|
||||
-moz-transform: translate(19px);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes cssload-loading-ani3 {
|
||||
100% {
|
||||
transform: translate(19px);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes cssload-loading-ani3 {
|
||||
100% {
|
||||
-o-transform: translate(19px);
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes cssload-loading-ani3 {
|
||||
100% {
|
||||
-ms-transform: translate(19px);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes cssload-loading-ani3 {
|
||||
100% {
|
||||
-webkit-transform: translate(19px);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes cssload-loading-ani3 {
|
||||
100% {
|
||||
-moz-transform: translate(19px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* end loader */
|
||||
|
||||
.display-none {
|
||||
display: none;
|
||||
}
|
||||
Reference in New Issue
Block a user