mirror of
https://github.com/lovasoa/whitebophir
synced 2024-11-10 14:34:20 +00:00
85 lines
1.3 KiB
CSS
85 lines
1.3 KiB
CSS
html, body, svg {
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
#menu {
|
|
font-family:"Segoe UI","Roboto","Ubuntu";
|
|
border-radius:0;
|
|
box-shadow: 0px 0px 9px black;
|
|
overflow:hidden;
|
|
position:fixed;
|
|
left:0;
|
|
top:0;
|
|
color:black;
|
|
background-color:rgba(0,100,255,0.9);
|
|
width:200px;
|
|
height:100%;
|
|
transition-duration:1s;
|
|
}
|
|
|
|
#menu.closed {
|
|
border-radius:3px;
|
|
left:10px;
|
|
top:10px;
|
|
background-color:rgba(100,200,255,0.7);
|
|
width:100px;
|
|
height:2em;
|
|
transition-duration:1s;
|
|
}
|
|
|
|
#menu.closed h2{ /*Menu title ("Menu")*/
|
|
text-align:center;
|
|
}
|
|
|
|
#menu h2{ /*Menu title ("Menu")*/
|
|
font-size:22px;
|
|
font-family:monospace;
|
|
letter-spacing:5px;
|
|
text-shadow: 0px 0px 9px white;
|
|
color:black;
|
|
word-wrap:break-word;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
#menu ul {
|
|
list-style-type:none;
|
|
padding:0;
|
|
}
|
|
|
|
#menu li {
|
|
width:150px;
|
|
font-size:1.5em;
|
|
list-style-position:inside;
|
|
width:100%;
|
|
color:#335;
|
|
border:0;
|
|
text-decoration:none;
|
|
width:100%;
|
|
transition-duration:0.5s;
|
|
}
|
|
|
|
#menu li:hover {
|
|
color:black;
|
|
transition-duration:0.5s;
|
|
}
|
|
|
|
#menu li.curTool {
|
|
box-shadow: 0 0 2px white;
|
|
background-color:rgba(0,100,255,1);
|
|
text-shadow: 0px 0px 3px white;
|
|
transition-duration:0.5s;
|
|
}
|
|
|
|
#chooseColor {
|
|
width:5em;
|
|
border:1px solid black;
|
|
border-radius:3px;
|
|
color:black;
|
|
text-shadow: 0 0 6px white;
|
|
}
|
|
|
|
#chooseSize {
|
|
width:100px;
|
|
}
|