Flummi/skipbo
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

...

Browse Source
This commit is contained in:
Flummi 2018-08-11 15:18:58 +02:00
parent fcd901e788
commit 6a86b4e07b
2 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/static/css/main.css
View File

@ -33,7 +33,7 @@ html, body {
}
.player {
height: 200px;
height: 185px;
box-sizing: border-box;
border-style: none solid solid solid;
border-bottom-left-radius: 10px;
@ -48,21 +48,20 @@ html, body {
width: 95%;
}
.pile {
/*width: 95%;*/
margin: auto;
height: 160px;
height: 150px;
display: grid;
grid-template-columns: 2fr repeat(4, 1fr);
grid-column-gap: 2px;
}
.pileslot {
width: 110px;
width: 100px;
border: 1px solid #000;
background-color: #fff;
border-radius: 10px;
}
.handslot {
width: 110px;
width: 100px;
border: 1px solid #000;
background-color: #fff;
border-radius: 10px;
@ -76,8 +75,8 @@ html, body {
grid-template-columns: repeat(4, 1fr);
}
.mainstock_pile {
width: 110px;
height: 160px;
width: 100px;
height: 150px;
border: 1px solid #000;
background-color: #fff;
border-radius: 10px;
@ -235,12 +234,12 @@ html, body {
}
#mainstock {
height: 200px;
height: 185px;
width: 100%;
position: absolute;
top: 50%;
top: 190px;
left: 50%;
transform: translate(-50%, -50%);
transform: translateX(-50%);
}
#player_self {
@ -250,7 +249,7 @@ html, body {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-style: solid solid none solid;
height: 350px;
height: 327px;
position: fixed;
bottom: 0;
left: 50%;

4
src/static/index.html
View File

@ -5,7 +5,7 @@
<link rel="stylesheet" href="./css/msgbox.css" />
</head>
<body>
<div id="menu" style="display: none">
<div id="menu" style="display: block">
<div id="menu_title">Menu</div>
<div class="menu_new">
<button class="menu_new">new</button>
@ -14,7 +14,7 @@
<button class="menu_join">join</button>
</div>
</div>
<div id="black" style="display: none"></div>
<div id="black" style="display: block"></div>
<div id="layer_game">
<div id="debug" style="display: none">
<a href="#" id="newcard">new card</a>