header.scss 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. #header{
  2. .language-selector{
  3. margin-top: 40px;
  4. width: 120px;
  5. margin-left: -58px;
  6. }
  7. .navigation{
  8. .left{
  9. li{
  10. &:nth-of-type(1){
  11. -webkit-transform: rotate(-90deg)!important;
  12. transform: rotate(-90deg)!important;
  13. top: 75%!important;
  14. width: 50%;
  15. left: -24%!important;
  16. right: auto!important;
  17. bottom: auto!important;
  18. margin-left: 15px;
  19. }
  20. &:nth-of-type(2){
  21. -webkit-transform: rotate(-90deg)!important;
  22. transform: rotate(-90deg)!important;
  23. top: 25%!important;
  24. width: 50%;
  25. left: -24%!important;
  26. right: auto!important;
  27. bottom: auto!important;
  28. margin-left: 15px;
  29. }
  30. &:nth-of-type(3){
  31. -webkit-transform: rotate(0deg)!important;
  32. transform: rotate(0deg)!important;
  33. width: 100%!important;
  34. top: 10px!important;
  35. right: auto!important;
  36. bottom: auto!important;
  37. left: 0!important;
  38. }
  39. }
  40. }
  41. .right{
  42. li{
  43. &:nth-of-type(1){
  44. width: 100%!important;
  45. top: auto!important;
  46. right: 0!important;
  47. bottom: 10px!important;
  48. left: auto!important;
  49. }
  50. &:nth-of-type(2){
  51. -webkit-transform: rotate(90deg)!important;
  52. transform: rotate(90deg)!important;
  53. top: 75%!important;
  54. width: 50%;
  55. right: -24%!important;
  56. left: auto!important;
  57. bottom: auto!important;
  58. margin-right: 15px;
  59. }
  60. &:nth-of-type(3){
  61. -webkit-transform: rotate(90deg)!important;
  62. transform: rotate(90deg)!important;
  63. top: 25%!important;
  64. width: 50%;
  65. right: -24%!important;
  66. left: auto!important;
  67. bottom: auto!important;
  68. margin-right: 15px;
  69. }
  70. }
  71. }
  72. }
  73. }