...
This commit is contained in:
parent
fcd901e788
commit
6a86b4e07b
@ -33,7 +33,7 @@ html, body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.player {
|
.player {
|
||||||
height: 200px;
|
height: 185px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-style: none solid solid solid;
|
border-style: none solid solid solid;
|
||||||
border-bottom-left-radius: 10px;
|
border-bottom-left-radius: 10px;
|
||||||
@ -48,21 +48,20 @@ html, body {
|
|||||||
width: 95%;
|
width: 95%;
|
||||||
}
|
}
|
||||||
.pile {
|
.pile {
|
||||||
/*width: 95%;*/
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
height: 160px;
|
height: 150px;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 2fr repeat(4, 1fr);
|
grid-template-columns: 2fr repeat(4, 1fr);
|
||||||
grid-column-gap: 2px;
|
grid-column-gap: 2px;
|
||||||
}
|
}
|
||||||
.pileslot {
|
.pileslot {
|
||||||
width: 110px;
|
width: 100px;
|
||||||
border: 1px solid #000;
|
border: 1px solid #000;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
.handslot {
|
.handslot {
|
||||||
width: 110px;
|
width: 100px;
|
||||||
border: 1px solid #000;
|
border: 1px solid #000;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
@ -76,8 +75,8 @@ html, body {
|
|||||||
grid-template-columns: repeat(4, 1fr);
|
grid-template-columns: repeat(4, 1fr);
|
||||||
}
|
}
|
||||||
.mainstock_pile {
|
.mainstock_pile {
|
||||||
width: 110px;
|
width: 100px;
|
||||||
height: 160px;
|
height: 150px;
|
||||||
border: 1px solid #000;
|
border: 1px solid #000;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
@ -235,12 +234,12 @@ html, body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#mainstock {
|
#mainstock {
|
||||||
height: 200px;
|
height: 185px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 190px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
#player_self {
|
#player_self {
|
||||||
@ -250,7 +249,7 @@ html, body {
|
|||||||
border-bottom-left-radius: 0 !important;
|
border-bottom-left-radius: 0 !important;
|
||||||
border-bottom-right-radius: 0 !important;
|
border-bottom-right-radius: 0 !important;
|
||||||
border-style: solid solid none solid;
|
border-style: solid solid none solid;
|
||||||
height: 350px;
|
height: 327px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
<link rel="stylesheet" href="./css/msgbox.css" />
|
<link rel="stylesheet" href="./css/msgbox.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="menu" style="display: none">
|
<div id="menu" style="display: block">
|
||||||
<div id="menu_title">Menu</div>
|
<div id="menu_title">Menu</div>
|
||||||
<div class="menu_new">
|
<div class="menu_new">
|
||||||
<button class="menu_new">new</button>
|
<button class="menu_new">new</button>
|
||||||
@ -14,7 +14,7 @@
|
|||||||
<button class="menu_join">join</button>
|
<button class="menu_join">join</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="black" style="display: none"></div>
|
<div id="black" style="display: block"></div>
|
||||||
<div id="layer_game">
|
<div id="layer_game">
|
||||||
<div id="debug" style="display: none">
|
<div id="debug" style="display: none">
|
||||||
<a href="#" id="newcard">new card</a>
|
<a href="#" id="newcard">new card</a>
|
||||||
|
Loading…
Reference in New Issue
Block a user