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.

100 lines
1.8KB

  1. #menu {
  2. .menu-content {
  3. background-color: #FFF;
  4. display: none;
  5. position: fixed;
  6. height: 100%;
  7. width: 100%;
  8. z-index: 100;
  9. top: 0;
  10. left: 0;
  11. .row-menu {
  12. height: 100%;
  13. .row-toggle {
  14. height: 16%;
  15. }
  16. .row-list {
  17. height: 84%;
  18. nav {
  19. ul {
  20. height: 100%;
  21. margin: 0;
  22. li {
  23. width: 100%;
  24. padding-left: 20%;
  25. padding-right: 15%;
  26. margin-bottom: 8%;
  27. display: inline-block;
  28. a {
  29. color: $green;
  30. font-size: 50px;
  31. font-family: dinbold;
  32. font-weight: bold;
  33. line-height: 50px;
  34. }
  35. &.contact {
  36. margin-bottom: 5%;
  37. a {
  38. border: 2px solid $yellow;
  39. padding: 10px 45px;
  40. font-size: 25px;
  41. }
  42. }
  43. .yellow-trait {
  44. width: 20%;
  45. height: 10px;
  46. position: absolute;
  47. top: 0;
  48. right: 0;
  49. background-color: $yellow;
  50. }
  51. }
  52. }
  53. }
  54. .col-logo {
  55. .logo {
  56. position: absolute;
  57. top: 50%;
  58. transform: translate(-50%, -50%);
  59. left: 50%;
  60. }
  61. }
  62. }
  63. }
  64. }
  65. .menu-fixed {
  66. background-color: #FFF;
  67. height: 150px;
  68. z-index: 2;
  69. .navbar-brand {
  70. width: 50%;
  71. }
  72. .participate {
  73. font-size: 30px;
  74. color: #568b6f;
  75. font-family: dinbold;
  76. border: 2px solid #568b6f;
  77. padding: 8px 10px;
  78. font-weight: bold;
  79. }
  80. .space-collab {
  81. color: $yellow;
  82. font-size: 20px;
  83. font-family: dinbold;
  84. }
  85. }
  86. }