adrien/Webtris
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

use table instead of canvas

Browse Source
This commit is contained in:
Adrien MALINGREY
2019-10-30 00:51:09 +01:00
parent 826e71d0a0
commit ecbb8552cd
4 changed files with 273 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
css/style.css
View File

@ -17,7 +17,7 @@
* {
color: white;
font-family: 'Share Tech';
font-size: 1.05em;
font-size: 1em;
}
body {
@ -28,7 +28,7 @@ body {
h1 {
font-size: 50px;
margin: 40px;
margin: 20px;
text-shadow: 3px 2px rgb(153, 145, 175);
text-align: center;
}
@ -42,10 +42,11 @@ a {
text-decoration: none;
font-size: 1em;
border-style: outset;
border-width: 5px;
border-width: 2px;
border-radius: 5px;
color: black;
background-color: white;
padding: 5px;
}
a:active {
@ -69,38 +70,56 @@ a:active {
#grid {
display: grid;
grid-template-columns: 2fr 3fr 10fr 6fr;
grid-template-columns: 6fr 10fr 6fr;
grid-gap: 20px;
margin: auto;
width: 550px;
}
#hold {
grid-column: 1 / 3;
grid-row: 1;
table {
table-layout: fixed;
border-spacing: 0;
}
#stats-names {
td {
border: 1px solid transparent;
}
#hold {
grid-column: 1;
grid-row: 1;
width: 120px;
height: 120px;
}
#matrix {
grid-column: 2;
grid-row: 1 / 3;
width: 200px;
height: 480px;
}
#next {
grid-column: 3;
grid-row: 1 / 3;
width: 120px;
height: 480px;
}
#stats {
grid-column: 1;
grid-row: 2;
width: 0;
height: 0;
table-layout: auto;
}
.stat-label {
font-family: 'Share Tech';
text-align: left;
}
#stats-values {
grid-column: 2;
grid-row: 2;
.stat-value {
font-family: 'Share Tech Mono';
text-align: right;
}
#matrix {
grid-column: 3;
grid-row: 1 / 3;
border: 0.5px solid grey;
}
#next {
grid-column: 4;
grid-row: 1 / 3;
}