BioTorrents.de’s version of Gazelle
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.

menus.scss 1.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. /*
  2. * Main
  3. */
  4. #menu {
  5. font-size: 1rem;
  6. text-align: center;
  7. width: 100%;
  8. }
  9. #menu > ul {
  10. display: flex;
  11. width: 80%;
  12. margin: 0 auto;
  13. }
  14. #menu > ul > li {
  15. display: flex;
  16. flex: 1 1 auto;
  17. height: 2.5rem;
  18. margin: 0;
  19. position: relative;
  20. }
  21. #menu ul > li > a {
  22. padding: 0.5rem 0;
  23. display: inline-block;
  24. width: 100%;
  25. transition: ease-in-out 0.1s;
  26. text-decoration: none;
  27. }
  28. #nav_links {
  29. max-width: 2.5rem;
  30. }
  31. /* Dropdown */
  32. #menu .nav_dropdown {
  33. margin-top: 0;
  34. backdrop-filter: blur(1rem);
  35. }
  36. .nav_dropdown > div {
  37. position: absolute;
  38. width: 100%;
  39. z-index: 99999;
  40. margin-top: 2.5rem;
  41. left: 0;
  42. /* postmod.scss */
  43. font-family: Helvetica, Arial, sans-serif;
  44. background: url($images + "content.png") transparent;
  45. color: #fff;
  46. -moz-border-radius: 2px;
  47. -webkit-border-radius: 2px;
  48. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  49. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  50. }
  51. #nav_links > #links_menu {
  52. width: 8rem;
  53. margin-left: -4rem;
  54. }
  55. .nav_dropdown > div > a {
  56. display: none;
  57. height: 2.5rem;
  58. line-height: 2.5rem;
  59. text-decoration: none;
  60. &:hover {
  61. border-bottom: 0 !important;
  62. color: #efb34a !important;
  63. }
  64. }
  65. .nav_dropdown:hover > div > a {
  66. display: block;
  67. }
  68. /*
  69. * Search bars
  70. */
  71. #searchbars {
  72. text-align: center;
  73. box-sizing: content-box;
  74. padding: 0.5rem 10%;
  75. display: flex;
  76. }
  77. #searchbars input {
  78. box-sizing: border-box;
  79. padding: 0.25rem;
  80. width: 100%;
  81. }
  82. /*
  83. * Upload, Invite, etc.
  84. */
  85. #userinfo {
  86. padding: 0.5em 0;
  87. width: 100%;
  88. text-align: center;
  89. }
  90. #userinfo ul {
  91. display: inline;
  92. margin: 0 1%;
  93. li {
  94. display: inline;
  95. margin: 0 0.1rem;
  96. line-height: 2rem;
  97. vertical-align: middle;
  98. padding: 0;
  99. }
  100. }