Skip to content

S
sdkjs
Commit da64bc3a authored by Alexander.Trofimov's avatar Alexander.Trofimov Committed by Alexander.Trofimov
Browse files
Options

merge index.html 

git-svn-id: svn://192.168.3.15/activex/AVS/Sources/TeamlabOffice/trunk/OfficeWeb@60340 954022d7-b5bf-4e40-9824-e11837661b57
parent a5248f60
Hide whitespace changes
Inline Side-by-side
Showing with 114 additions and 73 deletions
Excel/index.html
View file @ da64bc3a
...@@ -15,6 +15,18 @@ ...@@ -15,6 +15,18 @@
<!-- splash --> <!-- splash -->
<style type="text/css"> <style type="text/css">
.loadmask {
left: 0;
top: 0;
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
border: none;
background-color: #f4f4f4;
z-index: 20002;
}
.loader-page { .loader-page {
top: 50%; top: 50%;
left: 50%; left: 50%;
...@@ -75,8 +87,8 @@ ...@@ -75,8 +87,8 @@
@-webkit-keyframes red { @-webkit-keyframes red {
0% { top:120px; background: #de7a59; } 0% { top:120px; background: #de7a59; }
10% { top:120px; background: #F2CBBF; } 10% { top:120px; background: #F2CBBF; }
14% { background: #fff; top:120px; } 14% { background: #f4f4f4; top:120px; }
15% { background: #fff; top:0;} 15% { background: #f4f4f4; top:0;}
20% { background: #E6E4E4; } 20% { background: #E6E4E4; }
30% { background: #D2D2D2; } 30% { background: #D2D2D2; }
40% { top:120px; } 40% { top:120px; }
...@@ -86,8 +98,8 @@ ...@@ -86,8 +98,8 @@
@keyframes red { @keyframes red {
0% { top:120px; background: #de7a59; } 0% { top:120px; background: #de7a59; }
10% { top:120px; background: #F2CBBF; } 10% { top:120px; background: #F2CBBF; }
14% { background: #fff; top:120px; } 14% { background: #f4f4f4; top:120px; }
15% { background: #fff; top:0; } 15% { background: #f4f4f4; top:0; }
20% { background: #E6E4E4; } 20% { background: #E6E4E4; }
30% { background: #D2D2D2; } 30% { background: #D2D2D2; }
40% { top:120px; } 40% { top:120px; }
...@@ -97,9 +109,9 @@ ...@@ -97,9 +109,9 @@
@-webkit-keyframes green { @-webkit-keyframes green {
0% { top:110px; background: #a1cb5c; opacity:1; } 0% { top:110px; background: #a1cb5c; opacity:1; }
10% { top:110px; background: #CBE0AC; opacity:1; } 10% { top:110px; background: #CBE0AC; opacity:1; }
14% { background: #fff; top:110px; opacity:1; } 14% { background: #f4f4f4; top:110px; opacity:1; }
15% { background: #fff; top:0; opacity:1; } 15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #ffffff; top:0; opacity:0; } 20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #EFEFEF; top:0; opacity:1; } 25% { background: #EFEFEF; top:0; opacity:1; }
30% { background:#E6E4E4; } 30% { background:#E6E4E4; }
70% { top:110px; } 70% { top:110px; }
...@@ -109,9 +121,9 @@ ...@@ -109,9 +121,9 @@
@keyframes green { @keyframes green {
0% { top:110px; background: #a1cb5c; opacity:1; } 0% { top:110px; background: #a1cb5c; opacity:1; }
10% { top:110px; background: #CBE0AC; opacity:1; } 10% { top:110px; background: #CBE0AC; opacity:1; }
14% { background: #fff; top:110px; opacity:1; } 14% { background: #f4f4f4; top:110px; opacity:1; }
15% { background: #fff; top:0;opacity:1; } 15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #ffffff; top:0; opacity:0; } 20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #EFEFEF; top:0; opacity:1; } 25% { background: #EFEFEF; top:0; opacity:1; }
30% { background:#E6E4E4; } 30% { background:#E6E4E4; }
70% { top:110px; } 70% { top:110px; }
...@@ -121,31 +133,33 @@ ...@@ -121,31 +133,33 @@
@-webkit-keyframes blue { @-webkit-keyframes blue {
0% { top:100px; background: #55bce6; opacity:1; } 0% { top:100px; background: #55bce6; opacity:1; }
10% { top:100px; background: #BFE8F8; opacity:1; } 10% { top:100px; background: #BFE8F8; opacity:1; }
14% { background: #fff; top:100px; opacity:1; } 14% { background: #f4f4f4; top:100px; opacity:1; }
15% { background: #fff; top:0;opacity:1; } 15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #ffffff; top:0; opacity:0; } 20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #ffffff; top:0; opacity:0; } 25% { background: #f4f4f4; top:0; opacity:0; }
45% { background: #EFEFEF; top:0;opacity:0,2; } 45% { background: #EFEFEF; top:0; opacity:0,2; }
100% { top:100px; background: #55bce6; } 100% { top:100px; background: #55bce6; }
} }
@keyframes blue { @keyframes blue {
0% { top:100px; background: #55bce6; opacity:1; } 0% { top:100px; background: #55bce6; opacity:1; }
10% { top:100px; background: #BFE8F8; opacity:1; } 10% { top:100px; background: #BFE8F8; opacity:1; }
14% { background: #fff; top:100px; opacity:1; } 14% { background: #f4f4f4; top:100px; opacity:1; }
15% { background: #fff; top:0;opacity:1; } 15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #ffffff; top:0; opacity:0; } 20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #ffffff; top:0; opacity:0; } 25% { background: #f4f4f4; top:0; opacity:0; }
45% { background: #EFEFEF; top:0;opacity:0,2; } 45% { background: #EFEFEF; top:0; opacity:0,2; }
100% { top:100px; background: #55bce6; } 100% { top:100px; background: #55bce6; }
} }
</style> </style>
</head> </head>
<body> <body>
<div id="loading-mask" class="loader-page"> <div id="loading-mask" class="loadmask">
<div class="romb" id="blue"></div> <div class="loader-page">
<div class="romb" id="green"></div> <div class="romb" id="blue"></div>
<div class="romb" id="red"></div> <div class="romb" id="green"></div>
<div class="romb" id="red"></div>
</div>
</div> </div>
<div id="viewport"></div> <div id="viewport"></div>
......
PowerPoint/index.html
View file @ da64bc3a
...@@ -13,6 +13,18 @@ ...@@ -13,6 +13,18 @@
<!-- splash --> <!-- splash -->
<style type="text/css"> <style type="text/css">
.loadmask {
left: 0;
top: 0;
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
border: none;
background-color: #f4f4f4;
z-index: 20002;
}
.loader-page { .loader-page {
top: 50%; top: 50%;
left: 50%; left: 50%;
...@@ -73,8 +85,8 @@ ...@@ -73,8 +85,8 @@
@-webkit-keyframes red { @-webkit-keyframes red {
0% { top:120px; background: #de7a59; } 0% { top:120px; background: #de7a59; }
10% { top:120px; background: #F2CBBF; } 10% { top:120px; background: #F2CBBF; }
14% { background: #fff; top:120px; } 14% { background: #f4f4f4; top:120px; }
15% { background: #fff; top:0;} 15% { background: #f4f4f4; top:0;}
20% { background: #E6E4E4; } 20% { background: #E6E4E4; }
30% { background: #D2D2D2; } 30% { background: #D2D2D2; }
40% { top:120px; } 40% { top:120px; }
...@@ -84,8 +96,8 @@ ...@@ -84,8 +96,8 @@
@keyframes red { @keyframes red {
0% { top:120px; background: #de7a59; } 0% { top:120px; background: #de7a59; }
10% { top:120px; background: #F2CBBF; } 10% { top:120px; background: #F2CBBF; }
14% { background: #fff; top:120px; } 14% { background: #f4f4f4; top:120px; }
15% { background: #fff; top:0; } 15% { background: #f4f4f4; top:0; }
20% { background: #E6E4E4; } 20% { background: #E6E4E4; }
30% { background: #D2D2D2; } 30% { background: #D2D2D2; }
40% { top:120px; } 40% { top:120px; }
...@@ -95,9 +107,9 @@ ...@@ -95,9 +107,9 @@
@-webkit-keyframes green { @-webkit-keyframes green {
0% { top:110px; background: #a1cb5c; opacity:1; } 0% { top:110px; background: #a1cb5c; opacity:1; }
10% { top:110px; background: #CBE0AC; opacity:1; } 10% { top:110px; background: #CBE0AC; opacity:1; }
14% { background: #fff; top:110px; opacity:1; } 14% { background: #f4f4f4; top:110px; opacity:1; }
15% { background: #fff; top:0; opacity:1; } 15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #ffffff; top:0; opacity:0; } 20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #EFEFEF; top:0; opacity:1; } 25% { background: #EFEFEF; top:0; opacity:1; }
30% { background:#E6E4E4; } 30% { background:#E6E4E4; }
70% { top:110px; } 70% { top:110px; }
...@@ -107,9 +119,9 @@ ...@@ -107,9 +119,9 @@
@keyframes green { @keyframes green {
0% { top:110px; background: #a1cb5c; opacity:1; } 0% { top:110px; background: #a1cb5c; opacity:1; }
10% { top:110px; background: #CBE0AC; opacity:1; } 10% { top:110px; background: #CBE0AC; opacity:1; }
14% { background: #fff; top:110px; opacity:1; } 14% { background: #f4f4f4; top:110px; opacity:1; }
15% { background: #fff; top:0;opacity:1; } 15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #ffffff; top:0; opacity:0; } 20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #EFEFEF; top:0; opacity:1; } 25% { background: #EFEFEF; top:0; opacity:1; }
30% { background:#E6E4E4; } 30% { background:#E6E4E4; }
70% { top:110px; } 70% { top:110px; }
...@@ -119,31 +131,33 @@ ...@@ -119,31 +131,33 @@
@-webkit-keyframes blue { @-webkit-keyframes blue {
0% { top:100px; background: #55bce6; opacity:1; } 0% { top:100px; background: #55bce6; opacity:1; }
10% { top:100px; background: #BFE8F8; opacity:1; } 10% { top:100px; background: #BFE8F8; opacity:1; }
14% { background: #fff; top:100px; opacity:1; } 14% { background: #f4f4f4; top:100px; opacity:1; }
15% { background: #fff; top:0;opacity:1; } 15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #ffffff; top:0; opacity:0; } 20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #ffffff; top:0; opacity:0; } 25% { background: #f4f4f4; top:0; opacity:0; }
45% { background: #EFEFEF; top:0;opacity:0,2; } 45% { background: #EFEFEF; top:0; opacity:0,2; }
100% { top:100px; background: #55bce6; } 100% { top:100px; background: #55bce6; }
} }
@keyframes blue { @keyframes blue {
0% { top:100px; background: #55bce6; opacity:1; } 0% { top:100px; background: #55bce6; opacity:1; }
10% { top:100px; background: #BFE8F8; opacity:1; } 10% { top:100px; background: #BFE8F8; opacity:1; }
14% { background: #fff; top:100px; opacity:1; } 14% { background: #f4f4f4; top:100px; opacity:1; }
15% { background: #fff; top:0;opacity:1; } 15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #ffffff; top:0; opacity:0; } 20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #ffffff; top:0; opacity:0; } 25% { background: #f4f4f4; top:0; opacity:0; }
45% { background: #EFEFEF; top:0;opacity:0,2; } 45% { background: #EFEFEF; top:0; opacity:0,2; }
100% { top:100px; background: #55bce6; } 100% { top:100px; background: #55bce6; }
} }
</style> </style>
</head> </head>
<body> <body>
<div id="loading-mask" class="loader-page"> <div id="loading-mask" class="loadmask">
<div class="romb" id="blue"></div> <div class="loader-page">
<div class="romb" id="green"></div> <div class="romb" id="blue"></div>
<div class="romb" id="red"></div> <div class="romb" id="green"></div>
<div class="romb" id="red"></div>
</div>
</div> </div>
<div id="viewport"></div> <div id="viewport"></div>
......
Word/index.html
View file @ da64bc3a
...@@ -13,12 +13,23 @@ ...@@ -13,12 +13,23 @@
<!-- splash --> <!-- splash -->
<style type="text/css"> <style type="text/css">
.loadmask {
left: 0;
top: 0;
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
border: none;
background-color: #f4f4f4;
z-index: 20002;
}
.loader-page { .loader-page {
top: 50%; top: 50%;
left: 50%; left: 50%;
width: 50px; width: 50px;
height: 180px; height: 180px;
z-index: 100;
position: absolute; position: absolute;
margin-top: -100px; margin-top: -100px;
} }
...@@ -73,8 +84,8 @@ ...@@ -73,8 +84,8 @@
@-webkit-keyframes red { @-webkit-keyframes red {
0% { top:120px; background: #de7a59; } 0% { top:120px; background: #de7a59; }
10% { top:120px; background: #F2CBBF; } 10% { top:120px; background: #F2CBBF; }
14% { background: #fff; top:120px; } 14% { background: #f4f4f4; top:120px; }
15% { background: #fff; top:0;} 15% { background: #f4f4f4; top:0;}
20% { background: #E6E4E4; } 20% { background: #E6E4E4; }
30% { background: #D2D2D2; } 30% { background: #D2D2D2; }
40% { top:120px; } 40% { top:120px; }
...@@ -84,8 +95,8 @@ ...@@ -84,8 +95,8 @@
@keyframes red { @keyframes red {
0% { top:120px; background: #de7a59; } 0% { top:120px; background: #de7a59; }
10% { top:120px; background: #F2CBBF; } 10% { top:120px; background: #F2CBBF; }
14% { background: #fff; top:120px; } 14% { background: #f4f4f4; top:120px; }
15% { background: #fff; top:0; } 15% { background: #f4f4f4; top:0; }
20% { background: #E6E4E4; } 20% { background: #E6E4E4; }
30% { background: #D2D2D2; } 30% { background: #D2D2D2; }
40% { top:120px; } 40% { top:120px; }
...@@ -95,9 +106,9 @@ ...@@ -95,9 +106,9 @@
@-webkit-keyframes green { @-webkit-keyframes green {
0% { top:110px; background: #a1cb5c; opacity:1; } 0% { top:110px; background: #a1cb5c; opacity:1; }
10% { top:110px; background: #CBE0AC; opacity:1; } 10% { top:110px; background: #CBE0AC; opacity:1; }
14% { background: #fff; top:110px; opacity:1; } 14% { background: #f4f4f4; top:110px; opacity:1; }
15% { background: #fff; top:0; opacity:1; } 15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #ffffff; top:0; opacity:0; } 20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #EFEFEF; top:0; opacity:1; } 25% { background: #EFEFEF; top:0; opacity:1; }
30% { background:#E6E4E4; } 30% { background:#E6E4E4; }
70% { top:110px; } 70% { top:110px; }
...@@ -107,9 +118,9 @@ ...@@ -107,9 +118,9 @@
@keyframes green { @keyframes green {
0% { top:110px; background: #a1cb5c; opacity:1; } 0% { top:110px; background: #a1cb5c; opacity:1; }
10% { top:110px; background: #CBE0AC; opacity:1; } 10% { top:110px; background: #CBE0AC; opacity:1; }
14% { background: #fff; top:110px; opacity:1; } 14% { background: #f4f4f4; top:110px; opacity:1; }
15% { background: #fff; top:0;opacity:1; } 15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #ffffff; top:0; opacity:0; } 20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #EFEFEF; top:0; opacity:1; } 25% { background: #EFEFEF; top:0; opacity:1; }
30% { background:#E6E4E4; } 30% { background:#E6E4E4; }
70% { top:110px; } 70% { top:110px; }
...@@ -119,31 +130,33 @@ ...@@ -119,31 +130,33 @@
@-webkit-keyframes blue { @-webkit-keyframes blue {
0% { top:100px; background: #55bce6; opacity:1; } 0% { top:100px; background: #55bce6; opacity:1; }
10% { top:100px; background: #BFE8F8; opacity:1; } 10% { top:100px; background: #BFE8F8; opacity:1; }
14% { background: #fff; top:100px; opacity:1; } 14% { background: #f4f4f4; top:100px; opacity:1; }
15% { background: #fff; top:0;opacity:1; } 15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #ffffff; top:0; opacity:0; } 20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #ffffff; top:0; opacity:0; } 25% { background: #f4f4f4; top:0; opacity:0; }
45% { background: #EFEFEF; top:0;opacity:0,2; } 45% { background: #EFEFEF; top:0; opacity:0,2; }
100% { top:100px; background: #55bce6; } 100% { top:100px; background: #55bce6; }
} }
@keyframes blue { @keyframes blue {
0% { top:100px; background: #55bce6; opacity:1; } 0% { top:100px; background: #55bce6; opacity:1; }
10% { top:100px; background: #BFE8F8; opacity:1; } 10% { top:100px; background: #BFE8F8; opacity:1; }
14% { background: #fff; top:100px; opacity:1; } 14% { background: #f4f4f4; top:100px; opacity:1; }
15% { background: #fff; top:0;opacity:1; } 15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #ffffff; top:0; opacity:0; } 20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #ffffff; top:0; opacity:0; } 25% { background: #fff; top:0; opacity:0; }
45% { background: #EFEFEF; top:0;opacity:0,2; } 45% { background: #EFEFEF; top:0; opacity:0,2; }
100% { top:100px; background: #55bce6; } 100% { top:100px; background: #55bce6; }
} }
</style> </style>
</head> </head>
<body> <body>
<div id="loading-mask" class="loader-page"> <div id="loading-mask" class="loadmask">
<div class="romb" id="blue"></div> <div class="loader-page">
<div class="romb" id="green"></div> <div class="romb" id="blue"></div>
<div class="romb" id="red"></div> <div class="romb" id="green"></div>
<div class="romb" id="red"></div>
</div>
</div> </div>
<div id="viewport"></div> <div id="viewport"></div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7