You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
145 lines
5.4 KiB
145 lines
5.4 KiB
<!--
|
|
Copyright (C) Ascensio System SIA, 2009-2026
|
|
|
|
This program is a free software product. You can redistribute it and/or
|
|
modify it under the terms of the GNU Affero General Public License (AGPL)
|
|
version 3 as published by the Free Software Foundation, together with the
|
|
additional terms provided in the LICENSE file.
|
|
|
|
This program is distributed WITHOUT ANY WARRANTY; without even the implied
|
|
warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
|
|
details, see the GNU AGPL at: https://www.gnu.org/licenses/agpl-3.0.html
|
|
|
|
You can contact Ascensio System SIA by email at info@onlyoffice.com
|
|
or by postal mail at 20A-6 Ernesta Birznieka-Upisha Street, Riga,
|
|
LV-1050, Latvia, European Union.
|
|
|
|
The interactive user interfaces in modified versions of the Program
|
|
are required to display Appropriate Legal Notices in accordance with
|
|
Section 5 of the GNU AGPL version 3.
|
|
|
|
No trademark rights are granted under this License.
|
|
|
|
All non-code elements of the Product, including illustrations,
|
|
icon sets, and technical writing content, are licensed under the
|
|
Creative Commons Attribution-ShareAlike 4.0 International License:
|
|
https://creativecommons.org/licenses/by-sa/4.0/legalcode
|
|
|
|
This license applies only to such non-code elements and does not
|
|
modify or replace the licensing terms applicable to the Program's
|
|
source code, which remains licensed under the GNU Affero General
|
|
Public License v3.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
|
-->
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style type="text/css">
|
|
#body-public #content {
|
|
min-height: 100%;
|
|
}
|
|
|
|
.loadmask{left:0;top:0;position:absolute;height:100%;width:100%;overflow:hidden;border:none;background-color:#f4f4f4;z-index:1001;}
|
|
.loader-page{width:100%;height:170px;bottom:42%;position:absolute;text-align:center;line-height:10px;margin-bottom:20px;}
|
|
.loader-page-romb{width:40px;display:inline-block;}
|
|
.romb{width:40px;height:40px;position:absolute;background:red;border-radius:6px;
|
|
-webkit-transform:rotate(135deg) skew(20deg,20deg);
|
|
-moz-transform:rotate(135deg) skew(20deg,20deg);
|
|
-ms-transform:rotate(135deg) skew(20deg,20deg);
|
|
-o-transform:rotate(135deg) skew(20deg,20deg);
|
|
-webkit-animation:movedown 3s infinite ease;
|
|
-moz-animation:movedown 3s infinite ease;
|
|
-ms-animation:movedown 3s infinite ease;
|
|
-o-animation:movedown 3s infinite ease;
|
|
animation:movedown 3s infinite ease;
|
|
}
|
|
#blue{z-index:3;background:#55bce6;
|
|
-webkit-animation-name:blue;
|
|
-moz-animation-name:blue;
|
|
-ms-animation-name:blue;
|
|
-o-animation-name:blue;
|
|
animation-name:blue;
|
|
}
|
|
#red{z-index:1;background:#de7a59;
|
|
-webkit-animation-name:red;
|
|
-moz-animation-name:red;
|
|
-ms-animation-name:red;
|
|
-o-animation-name:red;
|
|
animation-name:red;
|
|
}
|
|
#green{z-index:2;background:#a1cb5c;
|
|
-webkit-animation-name:green;
|
|
-moz-animation-name:green;
|
|
-ms-animation-name:green;
|
|
-o-animation-name:green;
|
|
animation-name:green;
|
|
}
|
|
@-webkit-keyframes red{
|
|
0%{top:120px;background:#de7a59;}
|
|
10%{top:120px;background:#F2CBBF;}
|
|
14%{background:#f4f4f4;top:120px;}
|
|
15%{background:#f4f4f4;top:0;}
|
|
20%{background:#E6E4E4;}
|
|
30%{background:#D2D2D2;}
|
|
40%{top:120px;}
|
|
100%{top:120px;background:#de7a59;}
|
|
}
|
|
@keyframesred{
|
|
0%{top:120px;background:#de7a59;}
|
|
10%{top:120px;background:#F2CBBF;}
|
|
14%{background:#f4f4f4;top:120px;}
|
|
15%{background:#f4f4f4;top:0;}
|
|
20%{background:#E6E4E4;}
|
|
30%{background:#D2D2D2;}
|
|
40%{top:120px;}
|
|
100%{top:120px;background:#de7a59;}
|
|
}
|
|
@-webkit-keyframes green{
|
|
0%{top:110px;background:#a1cb5c;opacity:1;}
|
|
10%{top:110px;background:#CBE0AC;opacity:1;}
|
|
14%{background:#f4f4f4;top:110px;opacity:1;}
|
|
15%{background:#f4f4f4;top:0;opacity:1;}
|
|
20%{background:#f4f4f4;top:0;opacity:0;}
|
|
25%{background:#EFEFEF;top:0;opacity:1;}
|
|
30%{background:#E6E4E4;}
|
|
70%{top:110px;}
|
|
100%{top:110px;background:#a1cb5c;}
|
|
}
|
|
@keyframes green{
|
|
0%{top:110px;background:#a1cb5c;opacity:1;}
|
|
10%{top:110px;background:#CBE0AC;opacity:1;}
|
|
14%{background:#f4f4f4;top:110px;opacity:1;}
|
|
15%{background:#f4f4f4;top:0;opacity:1;}
|
|
20%{background:#f4f4f4;top:0;opacity:0;}
|
|
25%{background:#EFEFEF;top:0;opacity:1;}
|
|
30%{background:#E6E4E4;}
|
|
70%{top:110px;}
|
|
100%{top:110px;background:#a1cb5c;}
|
|
}
|
|
@-webkit-keyframes blue{
|
|
0%{top:100px;background:#55bce6;opacity:1;}
|
|
10%{top:100px;background:#BFE8F8;opacity:1;}
|
|
14%{background:#f4f4f4;top:100px;opacity:1;}
|
|
15%{background:#f4f4f4;top:0;opacity:1;}
|
|
20%{background:#f4f4f4;top:0;opacity:0;}
|
|
25%{background:#f4f4f4;top:0;opacity:0;}
|
|
45%{background:#EFEFEF;top:0;opacity:0.2;}
|
|
100%{top:100px;background:#55bce6;}
|
|
}
|
|
@keyframes blue{
|
|
0%{top:100px;background:#55bce6;opacity:1;}
|
|
10%{top:100px;background:#BFE8F8;opacity:1;}
|
|
14%{background:#f4f4f4;top:100px;opacity:1;}
|
|
15%{background:#f4f4f4;top:0;opacity:1;}
|
|
20%{background:#f4f4f4;top:0;opacity:0;}
|
|
25%{background:#fff;top:0;opacity:0;}
|
|
45%{background:#EFEFEF;top:0;opacity:0.2;}
|
|
100%{top:100px;background:#55bce6;}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="loadmask"><div class="loader-page"><div class="loader-page-romb"><div class="romb" id="blue"></div><div class="romb" id="green"></div><div class="romb" id="red"></div></div></div></div>
|
|
</body>
|
|
</html> |