not really known
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.

91 lines
1.9 KiB

  1. #main-toolbar #activity-button {
  2. background-image: url(../activity/activity-icon.svg);
  3. }
  4. #main-toolbar #new-game-button {
  5. background-image: url(../icons/new-game-icon.svg);
  6. }
  7. #main-toolbar #level-easy-button {
  8. background-image: url(../icons/level-easy.svg);
  9. }
  10. #main-toolbar #level-medium-button {
  11. background-image: url(../icons/level-medium.svg);
  12. }
  13. #main-toolbar #level-hard-button {
  14. background-image: url(../icons/level-hard.svg);
  15. }
  16. #main-toolbar #switch-player-button {
  17. background-image: url(../icons/switch-player.svg);
  18. }
  19. #main-toolbar #network-button {
  20. background-image: url(../lib/sugar-web/graphics/icons/actions/zoom-home.svg);
  21. }
  22. .splitbar {
  23. background-image: url(../icons/split.svg);
  24. background-position: center;
  25. background-repeat: no;
  26. width: 3px;
  27. margin-left: 5px;
  28. margin-right: 4px;
  29. margin-bottom: 4px;
  30. height: 45px;
  31. display: inline-block;
  32. vertical-align: bottom;
  33. }
  34. #private-button {
  35. background-image: url(../lib/sugar-web/graphics/icons/actions/zoom-home.svg);
  36. width: 47px;
  37. height: 47px;
  38. margin: 4px 2px;
  39. color: white;
  40. color: transparent;
  41. background-color: transparent;
  42. background-position: center;
  43. background-repeat: no-repeat;
  44. background-size: contain;
  45. border: 0;
  46. border-radius: 5.5px;
  47. }
  48. #shared-button {
  49. background-image: url(../lib/sugar-web/graphics/icons/actions/zoom-neighborhood.svg);
  50. width: 47px;
  51. height: 47px;
  52. margin: 4px 2px;
  53. color: white;
  54. color: transparent;
  55. background-color: transparent;
  56. background-position: center;
  57. background-repeat: no-repeat;
  58. background-size: contain;
  59. border: 0;
  60. border-radius: 5.5px;
  61. }
  62. @media screen and (max-width: 620px) {
  63. .toolbar {
  64. padding-left: 10px;
  65. }
  66. }
  67. @media screen and (max-width: 548px) {
  68. #network-button {
  69. visibility: hidden;
  70. width: 0px;
  71. }
  72. }
  73. @media screen and (max-width: 508px) {
  74. #switch-player-button {
  75. visibility: hidden;
  76. width: 0px;
  77. }
  78. }