_mainMenu.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. #forceTurnToTop {
  2. display: none;
  3. }
  4. #mainPage.mainmenu {
  5. & #statusLine , #statusLine , #rightWindow , #currentRoomTab , #fakeparserTab , #hyperlinksTab, #leftWindow, #bottomNoTurn{
  6. display: none;
  7. }
  8. & #forceTurnToTop {
  9. display: block
  10. }
  11. & #centerWindow {
  12. max-width: 100%;
  13. }
  14. & #currentTurnTab {
  15. padding-left: 15%;
  16. padding-right: 15%;
  17. padding-bottom: 2%;
  18. }
  19. &.mobile #currentTurnTab {
  20. padding-left: 0%;
  21. padding-right: 0%;
  22. }
  23. & p.choice {
  24. border: none;
  25. background: none;
  26. color: #000;
  27. font-weight: bold;
  28. text-align: center;
  29. padding: 0rem;
  30. margin: 0rem;
  31. margin-bottom: 0.1rem;
  32. margin-top: 0.1rem;
  33. &::before {
  34. color: #000;
  35. }
  36. &::after {
  37. content : " ";
  38. color: #000;
  39. }
  40. &:hover {
  41. &::before {
  42. content : "< ";
  43. color: #000;
  44. }
  45. &::after {
  46. content : " >";
  47. color: #000;
  48. }
  49. }
  50. &[data-shortcut]:hover {
  51. &::before {
  52. content : "< " attr(data-shortcut) ") ";
  53. color: #000;
  54. }
  55. &::after {
  56. content : " >";
  57. color: #000;
  58. }
  59. }
  60. }
  61. }