You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
850 B
74 lines
850 B
html, body{ |
|
padding: 0; |
|
margin: 0; |
|
} |
|
html{ |
|
height: 100%; |
|
} |
|
body{ |
|
min-height: 100%; |
|
} |
|
|
|
.tile{ |
|
border: 1px solid black; |
|
width: 30px; |
|
height: 30px; |
|
position: absolute; |
|
} |
|
|
|
svg polygon, |
|
svg rect{ |
|
fill:rgb(0,255,255); |
|
stroke-width:5; |
|
stroke:rgb(0,0,0); |
|
} |
|
|
|
svg text{ |
|
font-size: 50px; |
|
} |
|
|
|
.menu{ |
|
position: fixed; |
|
width: 100%; |
|
height: 30px; |
|
bottom: 0px; |
|
} |
|
|
|
.menu > div{ |
|
position: relative; |
|
float: left; |
|
border: 1px solid black; |
|
height: 30px; |
|
background: white; |
|
padding: 3px; |
|
} |
|
|
|
.menu .list{ |
|
display: none; |
|
} |
|
|
|
.menu div:hover .list{ |
|
display: inherit; |
|
} |
|
|
|
.menu > div > .list{ |
|
position: fixed; |
|
height: 30px; |
|
bottom: 30px; |
|
width: 100%; |
|
} |
|
|
|
.menu > div > .list > *{ |
|
position: relative; |
|
float: left; |
|
} |
|
|
|
#messages{ |
|
display: none; |
|
position: fixed; |
|
bottom: 5px; |
|
right: 5px; |
|
padding: 5px; |
|
border-radius: 5px; |
|
background: yellow; |
|
} |