navBar.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. .user-nav .nav-resume-tools {
  2. display: inline-block;
  3. vertical-align: middle;
  4. }
  5. .user-nav .nav-resume-tools > a {
  6. display: inline-block;
  7. font-weight: 500;
  8. color: var(--v-primary-base);
  9. line-height: 20px;
  10. height: auto;
  11. padding: 3px 7px;
  12. vertical-align: middle;
  13. border-radius: 4px;
  14. margin-right: 8px;
  15. border: 1px solid transparent;
  16. }
  17. .banner {
  18. width: 100%;
  19. height: 50px;
  20. z-index: var(--zIndex-nav) !important;
  21. color: #fff;
  22. background-color: var(--default-bgc);
  23. padding-left: 0px;
  24. height: 50px;
  25. font-size: 14px;
  26. }
  27. .banner .left {
  28. height: 100%;
  29. display: flex;
  30. align-items: center;
  31. font-size: 20px;
  32. cursor: pointer;
  33. }
  34. .hover:hover {
  35. cursor: pointer;
  36. background: rgba(0, 0, 0, 0.03);
  37. }
  38. .innerBox {
  39. position: relative;
  40. width: 1184px;
  41. max-width: 1184px;
  42. margin: 0 auto;
  43. align-items: center;
  44. }
  45. .nav-logo {
  46. float: left;
  47. }
  48. .nav-city {
  49. float: left;
  50. position: relative;
  51. cursor: pointer;
  52. height: 49px;
  53. line-height: 49px;
  54. color: var(--v-primary-base);
  55. margin-left: 50px;
  56. }
  57. .nav-city-selected {
  58. display: inline-block;
  59. white-space: nowrap;
  60. overflow: hidden;
  61. text-overflow: ellipsis;
  62. max-width: 84px;
  63. vertical-align: middle;
  64. }
  65. .switchover-city {
  66. color: var(--v-primary-base);
  67. margin-left: 10px;
  68. }
  69. .nav {
  70. font-size: 0;
  71. float: left;
  72. margin-left: 50px;
  73. height: 49px;
  74. line-height: 49px;
  75. }
  76. .nav ul {
  77. display: flex;
  78. white-space: nowrap;
  79. vertical-align: top;
  80. }
  81. .nav ul li {
  82. text-align: center;
  83. font-size: 14px;
  84. margin: 0 5px;
  85. list-style: none;
  86. }
  87. .nav li a {
  88. display: block;
  89. padding: 0 5px;
  90. position: relative;
  91. text-decoration: none;
  92. color: var(--v-primary-base);
  93. }
  94. .user-nav {
  95. position: absolute;
  96. right: 0;
  97. color: var(--v-primary-base);
  98. height: 49px;
  99. line-height: 49px;
  100. }
  101. .user-nav .btns .btn-outline {
  102. border-radius: 8px;
  103. text-align: center;
  104. font-size: 14px;
  105. height: 26px;
  106. line-height: 26px;
  107. min-width: 0;
  108. padding: 0 11px;
  109. margin-left: 14px;
  110. background-color: transparent;
  111. }
  112. .user-nav .btn {
  113. display: inline-block;
  114. box-sizing: content-box;
  115. border: 1px solid var(--v-primary-base);
  116. letter-spacing: 1px;
  117. cursor: pointer;
  118. }
  119. .user-nav a {
  120. text-decoration: none;
  121. }