|
|
@@ -23,8 +23,8 @@ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,su
|
|
|
audio,canvas,video,progress{display:inline-block;}
|
|
|
|
|
|
.loader {
|
|
|
- width: 20em;
|
|
|
- height: 20em;
|
|
|
+ width: 4rem;
|
|
|
+ height: 4rem;
|
|
|
font-size: 10px;
|
|
|
position: relative;
|
|
|
display: flex;
|
|
|
@@ -98,9 +98,9 @@ body{
|
|
|
}
|
|
|
.cov{ position: absolute; }
|
|
|
.g-inner{margin: 0 auto;width: 7.5rem;}
|
|
|
-.cov1{left: 50%;top: 3.1rem;width: 2.4rem;margin-left: -1.3rem;border: solid #71a3fd .1rem;border-radius: 50%;}
|
|
|
+.cov1{left: 50%;top: 3.3rem;width: 2.4rem;margin-left: -1.2rem;/* border: solid #71a3fd 2px; */border-radius: 50%;}
|
|
|
.cov2{left: 50%;top: 10.5rem;margin-left: -1.5rem;width: 3rem;font-size: .3rem;text-align: center;}
|
|
|
-.cov1 .userface{width: 2.4rem;height: 2.4rem;}
|
|
|
+.cov1 .userface{width: 2.2rem;height: 2.2rem;margin: 0 auto;}
|
|
|
.cov3{left: 50%;top: 7rem;width: 2rem;height: 1rem;line-height: 1rem;margin-left: -1rem;text-align: center;font-size: .5rem;color: #FFF;font-weight: bold;border-radius: .2rem;}
|
|
|
.cov4{right: 50%;top: 8.5rem;width: 2rem;margin-right: -1rem;}
|
|
|
.userface{border-radius: 50%;overflow: hidden;background-color: #000;display: block;}
|
|
|
@@ -135,7 +135,7 @@ body{
|
|
|
text-align: center;
|
|
|
}
|
|
|
.cov4 .name{left: 1.7rem;top: -1.2rem;}
|
|
|
-.gstart .name{top: 3rem;width: 2rem;left: 50%;margin-left: -1rem;text-align: center;}
|
|
|
+.gstart .name{top: 3.4rem;width: 2rem;left: 50%;margin-left: -1rem;text-align: center;}
|
|
|
.gstart .cov4 .name{ left: 46%; }
|
|
|
.doing.gstart .name{ top:inherit; }
|
|
|
.doing.gstart .cov4 .name{ left:inherit; }
|
|
|
@@ -222,6 +222,13 @@ body{
|
|
|
transition: all .3s;
|
|
|
-webkit-transition: all .3s;
|
|
|
}
|
|
|
+.loading{
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: .4rem;
|
|
|
+ width: 4rem;
|
|
|
+ margin-left: -2rem;
|
|
|
+}
|
|
|
#start_game.layui-btn {
|
|
|
display:inline-block;
|
|
|
width: 2.66rem;
|
