/* ��;��zh28 PMS for PC - ȫ��ͨ�ü������Զ���� ������Ա : Jason Kim ������ : 2015-9-30 �����������Դ : pace.js (http://github.hubspot.com/pace/docs/welcome/) */ ҳ������У������� */ .pace { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; width: 100%; height: 100%; z-index: 2000; } .pace .pace-activity { display: block; position: absolute; z-index: 2000; top: 0; right: 0; width: 100%; height: 100%; background: #FFF; opacity: 0.9; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; pointer-events: none; } .pace .pace-activity::before, .pace .pace-activity::after { -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 50%; display: block; border: 4px solid #57a3f1; border-radius: 50%; content: ''; } /* Բ�ζ��� */ .pace .pace-activity::before { margin-left: -40px; margin-top: -60px; width: 80px; height: 80px; border-right-color: #FFF; border-left-color: #FFF; -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; animation: pace-theme-corner-indicator-spin 3s linear infinite; } /* ����ҵLOGO */ .pace .pace-activity::after { margin-left: -22px; margin-top: -42px; width: 44px; height: 44px; border: none;  background-image: url('../images/logo-loading.png');background-repeat: no-repeat;background-size: 100% 100%; } @-webkit-keyframes pace-theme-corner-indicator-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @keyframes pace-theme-corner-indicator-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /* �ٷֱ����� */ .pace .pace-progress { position: absolute; z-index: 2001; top: 50%; left: 50%; height: 60px; width: 60px; margin-left: -24px; margin-top: 30px; -webkit-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .pace .pace-progress:after { content: attr(data-progress-text); font-family: Arial, sans-serif; display: block; font-size: 20px; text-align: center; color: #57a3f1; } /* ������ʾ�� */ .pace .pace-progress-inner { width: 200px; height: 24px; background: url('../images/loading-words.png'); position: absolute; top: 50%; left: 50%; margin-left: -100px; margin-top: 0; } /* ���ش��� */ .pace-inactive { display: none; } .pace-inactive .pace-activity { display: none; } .pace-inactive .pace-activity::before, .pace-inactive .pace-activity::after { display: none; } .pace.pace-inactive .pace-progress { display: none; }