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.

board.css 1.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. html, body, svg {
  2. padding:0;
  3. margin:0;
  4. }
  5. #menu {
  6. font-family:"Segoe UI","Roboto","Ubuntu";
  7. border-radius:0;
  8. box-shadow: 0px 0px 9px black;
  9. overflow:hidden;
  10. position:fixed;
  11. left:0;
  12. top:0;
  13. color:black;
  14. background-color:rgba(0,100,255,0.9);
  15. width:200px;
  16. height:100%;
  17. transition-duration:1s;
  18. cursor:default;
  19. }
  20. #menu.closed {
  21. border-radius:3px;
  22. left:10px;
  23. top:10px;
  24. background-color:rgba(100,200,255,0.7);
  25. width:100px;
  26. height:2em;
  27. transition-duration:1s;
  28. }
  29. #menu.closed h2{ /*Menu title ("Menu")*/
  30. text-align:center;
  31. }
  32. #menu h2{ /*Menu title ("Menu")*/
  33. font-size:22px;
  34. font-family:monospace;
  35. letter-spacing:5px;
  36. text-shadow: 0px 0px 9px white;
  37. color:black;
  38. word-wrap:break-word;
  39. padding:0;
  40. margin:0;
  41. }
  42. #menu ul {
  43. list-style-type:none;
  44. padding:0;
  45. }
  46. #menu li {
  47. width:150px;
  48. font-size:1.5em;
  49. list-style-position:inside;
  50. width:100%;
  51. color:#335;
  52. border:0;
  53. text-decoration:none;
  54. width:100%;
  55. transition-duration:0.5s;
  56. cursor:pointer;
  57. }
  58. #menu li:hover {
  59. color:black;
  60. transition-duration:0.5s;
  61. }
  62. #menu li.curTool {
  63. box-shadow: 0 0 2px white;
  64. background-color:rgba(0,100,255,1);
  65. text-shadow: 0px 0px 3px white;
  66. transition-duration:0.5s;
  67. }
  68. input {
  69. font-size:16px;
  70. }
  71. #chooseColor {
  72. width:5em;
  73. border:1px solid black;
  74. border-radius:3px;
  75. color:black;
  76. text-shadow: 0 0 6px white;
  77. }
  78. #chooseSize {
  79. width:100px;
  80. }