🎨 代码优化

pull/69/head
ruibaby 2018-11-25 08:30:58 +08:00
parent ae4c80c57f
commit c88db0d6e9
12 changed files with 0 additions and 6215 deletions

View File

@ -1,129 +0,0 @@
#loading{
background-color: #fff;
height: 100%;
width: 100%;
position: fixed;
z-index: 9999;
margin-top: 0px;
top: 0px;
}
#loading-center{
width: 100%;
height: 100%;
position: relative;
}
#loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 60px;
width: 60px;
margin-top: -30px;
margin-left: -30px;
-webkit-animation: loading-center-absolute 1s infinite;
animation: loading-center-absolute 1s infinite;
}
.object{
width: 20px;
height: 20px;
background-color: skyblue;
float: left;
-moz-border-radius: 50% 50% 50% 50%;
-webkit-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
margin-right: 20px;
margin-bottom: 20px;
}
.object:nth-child(2n+0) {
margin-right: 0px;
}
#object_one{
-webkit-animation: object_one 1s infinite;
animation: object_one 1s infinite;
}
#object_two{
-webkit-animation: object_two 1s infinite;
animation: object_two 1s infinite;
}
#object_three{
-webkit-animation: object_three 1s infinite;
animation: object_three 1s infinite;
}
#object_four{
-webkit-animation: object_four 1s infinite;
animation: object_four 1s infinite;
}
@-webkit-keyframes loading-center-absolute{
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loading-center-absolute{
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes object_one{
50% {
-ms-transform: translate(20px,20px);
-webkit-transform: translate(20px,20px);
transform: translate(20px,20px);
}
}
@keyframes object_one{
50% {
-ms-transform: translate(20px,20px);
-webkit-transform: translate(20px,20px);
transform: translate(20px,20px);
}
}
@-webkit-keyframes object_two{
50% {
-ms-transform: translate(-20px,20px);
-webkit-transform: translate(-20px,20px);
transform: translate(-20px,20px);
}
}
@keyframes object_two{
50% {
-ms-transform: translate(-20px,20px);
-webkit-transform: translate(-20px,20px);
transform: translate(-20px,20px);
}
}
@-webkit-keyframes object_three{
50% {
-ms-transform: translate(20px,-20px);
-webkit-transform: translate(20px,-20px);
transform: translate(20px,-20px);
}
}
@keyframes object_three{
50% {
-ms-transform: translate(20px,-20px);
-webkit-transform: translate(20px,-20px);
transform: translate(20px,-20px);
}
}
@-webkit-keyframes object_four{
50% {
-ms-transform: translate(-20px,-20px);
-webkit-transform: translate(-20px,-20px);
transform: translate(-20px,-20px);
}
}
@keyframes object_four{
50% {
-ms-transform: translate(-20px,-20px);
-webkit-transform: translate(-20px,-20px);
transform: translate(-20px,-20px);
}
}

View File

@ -1 +0,0 @@
#loading{background-color:#fff;height:100%;width:100%;position:fixed;z-index:9999;margin-top:0;top:0}#loading-center{width:100%;height:100%;position:relative}#loading-center-absolute{position:absolute;left:50%;top:50%;height:60px;width:60px;margin-top:-30px;margin-left:-30px;-webkit-animation:loading-center-absolute 1s infinite;animation:loading-center-absolute 1s infinite}.object{width:20px;height:20px;background-color:skyblue;float:left;-moz-border-radius:50% 50% 50% 50%;-webkit-border-radius:50% 50% 50% 50%;border-radius:50% 50% 50% 50%;margin-right:20px;margin-bottom:20px}.object:nth-child(2n+0){margin-right:0}#object_one{-webkit-animation:object_one 1s infinite;animation:object_one 1s infinite}#object_two{-webkit-animation:object_two 1s infinite;animation:object_two 1s infinite}#object_three{-webkit-animation:object_three 1s infinite;animation:object_three 1s infinite}#object_four{-webkit-animation:object_four 1s infinite;animation:object_four 1s infinite}@-webkit-keyframes loading-center-absolute{100%{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-center-absolute{100%{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes object_one{50%{-ms-transform:translate(20px,20px);-webkit-transform:translate(20px,20px);transform:translate(20px,20px)}}@keyframes object_one{50%{-ms-transform:translate(20px,20px);-webkit-transform:translate(20px,20px);transform:translate(20px,20px)}}@-webkit-keyframes object_two{50%{-ms-transform:translate(-20px,20px);-webkit-transform:translate(-20px,20px);transform:translate(-20px,20px)}}@keyframes object_two{50%{-ms-transform:translate(-20px,20px);-webkit-transform:translate(-20px,20px);transform:translate(-20px,20px)}}@-webkit-keyframes object_three{50%{-ms-transform:translate(20px,-20px);-webkit-transform:translate(20px,-20px);transform:translate(20px,-20px)}}@keyframes object_three{50%{-ms-transform:translate(20px,-20px);-webkit-transform:translate(20px,-20px);transform:translate(20px,-20px)}}@-webkit-keyframes object_four{50%{-ms-transform:translate(-20px,-20px);-webkit-transform:translate(-20px,-20px);transform:translate(-20px,-20px)}}@keyframes object_four{50%{-ms-transform:translate(-20px,-20px);-webkit-transform:translate(-20px,-20px);transform:translate(-20px,-20px)}}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@ -13,7 +13,6 @@
<link rel="stylesheet" href="/static/css/AdminLTE.min.css">
<link rel="stylesheet" href="/static/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="/static/css/style.min.css">
<link rel="stylesheet" href="/static/css/loader.min.css">
<link rel="stylesheet" href="/static/plugins/toast/css/jquery.toast.min.css">
<link rel="stylesheet" href="/static/plugins/fileinput/fileinput.min.css">
<link rel="stylesheet" href="/static/plugins/OwO/OwO.min.css">