您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

153 行
1.9KB

  1. .side-nav.fixed
  2. {
  3. overflow: hidden;
  4. }
  5. .side-nav.fixed:hover
  6. {
  7. overflow: auto;
  8. }
  9. ul.side-nav.fixed li.logo
  10. {
  11. text-align: center;
  12. border-bottom: 1px solid #ddd;
  13. margin-top: 32px;
  14. margin-bottom: 16px;
  15. }
  16. ul.side-nav.fixed li.logo:hover
  17. {
  18. background-color: transparent;
  19. }
  20. #logo-container
  21. {
  22. height: 57px;
  23. margin-bottom: 32px;
  24. }
  25. ul.side-nav.fixed li a
  26. {
  27. font-weight: bold;
  28. font-size: 13px;
  29. line-height: 44px;
  30. height: 44px;
  31. }
  32. ul.side-nav.fixed li:hover,
  33. ul.side-nav.fixed li.active
  34. {
  35. background-color: rgba(0, 0, 0, 0.05);
  36. }
  37. ul.side-nav.fixed li.no-padding:hover
  38. {
  39. background-color: rgba(0, 0, 0, 0);
  40. }
  41. .top-nav
  42. {
  43. height: 122px;
  44. box-shadow: none;
  45. }
  46. header,
  47. main,
  48. footer
  49. {
  50. padding-left: 240px;
  51. }
  52. nav.top-nav a.page-title
  53. {
  54. line-height: 122px;
  55. font-size: 48px;
  56. }
  57. a.button-collapse.top-nav.full
  58. {
  59. line-height: 122px;
  60. }
  61. a.button-collapse.top-nav
  62. {
  63. position: absolute;
  64. text-align: center;
  65. height: 48px;
  66. width: 48px;
  67. left: 7.5%;
  68. top: 0;
  69. float: none;
  70. margin-left: 1.5rem;
  71. color: #fff;
  72. font-size: 32px;
  73. z-index: 2;
  74. }
  75. .col.grid-example
  76. {
  77. border: 1px solid #eee;
  78. margin: 7px 0;
  79. text-align: center;
  80. line-height: 50px;
  81. font-size: 28px;
  82. background-color: tomato;
  83. color: white;
  84. padding: 0;
  85. }
  86. .shadow-demo
  87. {
  88. background-color: #26a69a;
  89. width: 125px;
  90. height: 125px;
  91. margin: 20px auto;
  92. }
  93. .btn, .btn-large
  94. {
  95. margin-left: 5px;
  96. margin-right: 5px;
  97. margin-bottom: 10px;
  98. }
  99. .dropdown-container
  100. {
  101. margin-bottom: 20px;
  102. }
  103. .modal-container
  104. {
  105. display: inline-block;
  106. }
  107. @media only screen and (min-width: 993px)
  108. {
  109. .container
  110. {
  111. width: 85%;
  112. }
  113. }
  114. @media only screen and (max-width: 992px)
  115. {
  116. header,
  117. main,
  118. footer
  119. {
  120. padding-left: 0;
  121. }
  122. nav .nav-wrapper
  123. {
  124. text-align: center;
  125. }
  126. nav .nav-wrapper a.page-title
  127. {
  128. font-size: 36px;
  129. }
  130. }