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.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.

231 lines
4.0 KiB

  1. /*nav {
  2. overflow: hidden;
  3. padding: 0px 0px;
  4. background: #E7732F;
  5. height: 2.2em;
  6. }
  7. nav ul {
  8. display: block;
  9. }
  10. nav ul li {
  11. display: block;
  12. float: left;
  13. padding-left: 1em;
  14. }
  15. nav ul li a img {
  16. padding: .1em .2em;
  17. width: 1.9em;
  18. }
  19. nav ul li a img:hover {
  20. background: #ffffff;
  21. }
  22. */
  23. /*#container {
  24. min-height: 100%;
  25. position: relative;
  26. }
  27. */
  28. /*#body {
  29. padding: 10px;
  30. padding-bottom: 2em;
  31. }
  32. */
  33. /*#footer {
  34. position: absolute;
  35. bottom: 0;
  36. width: 100%;
  37. height: 2em;
  38. }
  39. */
  40. /*.text-align-right {
  41. text-align: right;
  42. }*/
  43. .pure-menu-item a img {
  44. padding: .1em .2em;
  45. max-height: 2.4em;
  46. min-width: 2.4em;
  47. }
  48. /*body {
  49. padding: 0em;
  50. }*/
  51. /*.pure-menu-link {
  52. color: #000000;
  53. }
  54. .pure-menu-active>.pure-menu-link,
  55. .pure-menu-link:focus,
  56. .pure-menu-link:hover {
  57. background-color:#ffffff
  58. }*/
  59. .menu-wrapper {
  60. background-color: #E7732F;
  61. margin-bottom: 2.5em;
  62. white-space: nowrap;
  63. position: relative;
  64. }
  65. .menu {
  66. display: inline-block;
  67. width: auto;
  68. vertical-align: middle;
  69. -webkit-font-smoothing: antialiased;
  70. }
  71. .menu .pure-menu-link,
  72. .menu .pure-menu-heading {
  73. color: black;
  74. }
  75. .menu .pure-menu-link:hover,
  76. .menu .pure-menu-heading:hover {
  77. background-color: transparent;
  78. }
  79. .menu-top {
  80. position: relative;
  81. padding-top: .5em;
  82. padding-bottom: .5em;
  83. }
  84. .menu-brand {
  85. display: block;
  86. text-align: center;
  87. position: relative;
  88. color: black;
  89. }
  90. .menu-toggle {
  91. width: 44px;
  92. height: 44px;
  93. display: block;
  94. position: absolute;
  95. top: 3px;
  96. right: 0;
  97. display: none;
  98. }
  99. .menu-toggle .bar {
  100. background-color: white;
  101. display: block;
  102. width: 20px;
  103. height: 2px;
  104. border-radius: 100px;
  105. position: absolute;
  106. top: 22px;
  107. right: 12px;
  108. -webkit-transition: all 0.5s;
  109. -moz-transition: all 0.5s;
  110. -ms-transition: all 0.5s;
  111. transition: all 0.5s;
  112. }
  113. .menu-toggle .bar:first-child {
  114. -webkit-transform: translateY(-6px);
  115. -moz-transform: translateY(-6px);
  116. -ms-transform: translateY(-6px);
  117. transform: translateY(-6px);
  118. }
  119. .menu-toggle.x .bar {
  120. -webkit-transform: rotate(45deg);
  121. -moz-transform: rotate(45deg);
  122. -ms-transform: rotate(45deg);
  123. transform: rotate(45deg);
  124. }
  125. .menu-toggle.x .bar:first-child {
  126. -webkit-transform: rotate(-45deg);
  127. -moz-transform: rotate(-45deg);
  128. -ms-transform: rotate(-45deg);
  129. transform: rotate(-45deg);
  130. }
  131. .menu-screen {
  132. background-color: #E7732F;
  133. -webkit-transition: all 0.5s;
  134. -moz-transition: all 0.5s;
  135. -ms-transition: all 0.5s;
  136. transition: all 0.5s;
  137. height: 3em;
  138. width: 70em;
  139. position: absolute;
  140. top: 0;
  141. z-index: -1;
  142. }
  143. .menu-tucked .menu-screen {
  144. -webkit-transform: translateY(-44px);
  145. -moz-transform: translateY(-44px);
  146. -ms-transform: translateY(-44px);
  147. transform: translateY(-44px);
  148. }
  149. @media (min-width: 63em) {
  150. .menu-screen {
  151. margin-top: 2.95em;
  152. z-index: 1;
  153. }
  154. }
  155. @media (max-width: 62em) {
  156. .menu {
  157. display: block;
  158. }
  159. .menu-toggle {
  160. display: block;
  161. display: none\9;
  162. }
  163. .menu-bottom {
  164. position: absolute;
  165. width: 100%;
  166. border-top: 1px solid #E7732F;
  167. background-color: #808080\9;
  168. z-index: 100;
  169. }
  170. .menu-bottom .pure-menu-link {
  171. opacity: 1;
  172. -webkit-transform: translateX(0);
  173. -moz-transform: translateX(0);
  174. -ms-transform: translateX(0);
  175. transform: translateX(0);
  176. -webkit-transition: all 0.5s;
  177. -moz-transition: all 0.5s;
  178. -ms-transition: all 0.5s;
  179. transition: all 0.5s;
  180. }
  181. .menu-bottom.menu-tucked .pure-menu-link {
  182. -webkit-transform: translateX(-140px);
  183. -moz-transform: translateX(-140px);
  184. -ms-transform: translateX(-140px);
  185. transform: translateX(-140px);
  186. opacity: 0;
  187. opacity: 1\9;
  188. }
  189. .pure-menu-horizontal.menu-tucked {
  190. z-index: -1;
  191. top: 45px;
  192. position: absolute;
  193. overflow: hidden;
  194. }
  195. .menu-untucked {
  196. height: 3.1em;
  197. }
  198. .pure-menu-horizontal.pure-menu-scrollable.menu-untucked {
  199. overflow-x: auto;
  200. }
  201. }