/* Roadmap Tab Styling */ /* ------------------------------------------------ */ .tabs { list-style: none; margin: 0; li { display: inline; a { position: relative; float: left; display: block; padding: 10px 35px; margin-left: -1px; left: 1px; color: $white; background-color: $primary-color; border-bottom: 2px solid $primary-color; text-decoration: none; font-weight: bold; } } li a:hover, li.active a, li.active a:hover { color: $primary-color; background-color: $white; border: 1px solid $primary-color; border-bottom: 2px solid $white; z-index: 1; } } .tabs:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; } .tab-panels { position: relative; min-height: 350px; } .tabbed-area div.tab-panel { padding: 10px 10px; min-height: 400px; position: absolute; top: -1px; left: 0; width: 100%; border: 1px solid $primary-color; border-top-left-radius: 0; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .tab-panel div.active { z-index: 1; }