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.
62 lines
704 B
62 lines
704 B
body{ |
|
background: gray; |
|
width: 100%; |
|
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; |
|
bottom: 40px; |
|
} |
|
|
|
.menu .tile{ |
|
background: white; |
|
font-size: 12px; |
|
} |
|
|
|
.menu .list{ |
|
display: none; |
|
} |
|
|
|
.menu div:hover .list{ |
|
display: inherit; |
|
} |
|
|
|
.menu .tile .list{ |
|
position: fixed; |
|
right: 0; |
|
height: 30px; |
|
left: 0; |
|
bottom: 40px; |
|
} |
|
|
|
.menu .tile .list .tile{ |
|
position: relative; |
|
} |
|
|
|
#messages{ |
|
display: none; |
|
position: fixed; |
|
bottom: 5px; |
|
right: 5px; |
|
padding: 5px; |
|
border-radius: 5px; |
|
background: yellow; |
|
} |