menu_top.css 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. div.bx-std-menu-top-wrp {
  2. position: relative;
  3. display: -webkit-flex;
  4. display: flex;
  5. -webkit-flex-wrap: wrap;
  6. flex-wrap: wrap;
  7. width: 100%;
  8. min-height: 4rem;
  9. background: #232A32;
  10. }
  11. div.bx-std-menu-top {
  12. position: relative;
  13. }
  14. div.bx-std-menu-top-left {
  15. height: 4rem;
  16. -webkit-flex: 1 1 100%;
  17. flex: 1 1 100%;
  18. width: 100%;
  19. }
  20. div.bx-std-menu-top-left ul {
  21. text-align: center;
  22. }
  23. div.bx-std-menu-top-center,
  24. div.bx-std-menu-top-right {
  25. -webkit-flex: 1 1 50%;
  26. flex: 1 1 50%;
  27. width: 50%;
  28. }
  29. div.bx-std-menu-top-center {
  30. padding-left: 1rem;
  31. background: #334455;
  32. line-height: 3rem;
  33. text-align: left;
  34. font-size: 1.5rem;
  35. }
  36. div.bx-std-menu-top-right {
  37. padding-right: 1rem;
  38. background: #334455;
  39. text-align: right;
  40. }
  41. div.bx-std-menu-top .bx-menu-floating-blocks li {
  42. width: 4rem;
  43. height: 4rem;
  44. }
  45. div.bx-std-menu-top .bx-menu-floating-blocks li.bx-def-color-bg-active,
  46. div.bx-std-menu-top .bx-menu-floating-blocks li.bx-def-color-bg-hl-hover:hover {
  47. background-color: #334455;
  48. }
  49. div.bx-std-menu-top .bx-menu-floating-blocks li a,
  50. div.bx-std-menu-top .bx-menu-floating-blocks li img,
  51. div.bx-std-menu-top .bx-menu-floating-blocks li .sys-icon {
  52. width: 100%;
  53. height: 100%;
  54. }
  55. div.bx-std-menu-top .bx-menu-floating-blocks li img {
  56. margin: 0;
  57. }
  58. div.bx-std-menu-top .bx-menu-floating-blocks li .sys-icon {
  59. margin: 0px;
  60. line-height: 4rem;
  61. font-size: 1.5rem;
  62. color: #ffffff;
  63. }
  64. div.bx-std-menu-top .bx-menu-toolbar li {
  65. float: none;
  66. display: inline-block;
  67. vertical-align: top;
  68. }
  69. div.bx-std-menu-top i.sys-icon {
  70. -webkit-transition: all 0.2s ease-in-out;
  71. transition: all 0.2s ease-in-out;
  72. }
  73. div.bx-std-menu-top-right li.bx-menu-tab-active i.sys-icon {
  74. color: #ffe900;
  75. text-shadow: 0 0 4px #ffe900;
  76. }