123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- #loadingBack {
- background-color: #FFFFFF;
- border: 1px solid #888888;
- cursor: default;
- height: 60px;
- left: 0;
- margin-top: -30px;
- position: absolute;
- top: 50%;
- transition: transform 0.25s ease-in-out 0s;
- width: 100%;
- z-index: 3;
- }
- .loadingBack {
- transform: translateX(-120%);
- -webkit-transform: translate(-120%);
- }
- #loadingText {
- color: #888888;
- cursor: default;
- font-size: 30px;
- height: 60px;
- left: 0;
- margin-top: -30px;
- padding-top: 10px;
- position: absolute;
- text-align: center;
- top: 50%;
- transition: transform 0.25s ease-in-out 0s;
- width: 100%;
- z-index: 3;
- }
- .loadingText {
- transform: translateX(120%);
- -webkit-transform: translate(120%);
- }
- #loadingInfos {
- color: #888888;
- cursor: default;
- font-size: 30px;
- height: 60px;
- left: 0;
- margin-top: -30px;
- padding-top: 10px;
- position: absolute;
- text-align: center;
- bottom: 0;
- transition: transform 0.25s ease-in-out 0s;
- width: calc(100% - 10px);
- z-index: 3;
- border: 5px dotted gray;
- pointer-events: none;
- }
- #loadingInfos .content {
- position: relative;
- top: 50%;
- }
- .loadingInfos {
- transform: translateX(120%);
- -webkit-transform: translate(120%);
- }
|