Line 470: | Line 470: | ||
} | } | ||
− | button.accordion { | + | button.accordion { |
− | + | background:#fefefe; | |
color: #444; | color: #444; | ||
cursor: pointer; | cursor: pointer; | ||
Line 614: | Line 614: | ||
#mega-menu { | #mega-menu { | ||
− | |||
justify-content: space-around; | justify-content: space-around; | ||
− | margin: 5% 0; | + | margin: 5% 0; |
− | + | } | |
+ | |||
+ | #mega-menu i{ | ||
+ | font-size: 10vw; | ||
} | } | ||
Line 627: | Line 629: | ||
color: #149375; | color: #149375; | ||
} | } | ||
+ | |||
+ | .tabs { | ||
+ | margin: 0; | ||
+ | border: 1px solid #eceff1; | ||
+ | background: #fefefe; | ||
+ | list-style-type: none | ||
+ | } | ||
+ | .tabs::before, | ||
+ | .tabs::after { | ||
+ | display: table; | ||
+ | content: ' ' | ||
+ | } | ||
+ | .tabs::after { | ||
+ | clear: both | ||
+ | } | ||
+ | .tabs.primary { | ||
+ | background: #149375 | ||
+ | } | ||
+ | .tabs.primary>li>a { | ||
+ | color: #fefefe | ||
+ | } | ||
+ | .tabs.primary>li>a:hover, | ||
+ | .tabs.primary>li>a:focus { | ||
+ | background: #16a281 | ||
+ | } | ||
+ | .tabs-title { | ||
+ | float: left | ||
+ | } | ||
+ | .tabs-title>a { | ||
+ | display: block; | ||
+ | padding: 1.25rem 1.5rem; | ||
+ | font-size: .75rem; | ||
+ | line-height: 1; | ||
+ | color: #149375 | ||
+ | } | ||
+ | .tabs-title>a:hover { | ||
+ | background: #fefefe; | ||
+ | color: #117e65 | ||
+ | } | ||
+ | .tabs-title>a:focus, | ||
+ | .tabs-title>a[aria-selected='true'] { | ||
+ | background: #eceff1; | ||
+ | color: #149375 | ||
+ | } | ||
+ | .tabs-content { | ||
+ | border: 1px solid #eceff1; | ||
+ | border-top: 0; | ||
+ | background: #fefefe; | ||
+ | color: #263238; | ||
+ | transition: all 0.5s ease | ||
+ | } | ||
+ | .tabs-panel { | ||
+ | display: none; | ||
+ | padding: 1rem | ||
+ | } | ||
+ | .tabs-panel[aria-hidden="false"] { | ||
+ | display: block | ||
+ | } | ||
+ | |||
+ | |||
Revision as of 06:56, 5 May 2017