.tab-container { & .tabs { padding: 0; margin: 0; //background-color: $infoColor; padding-left:10px; border-bottom:solid 1px #c9c7c7; background-color:#eeeff2; padding-top:10px; @include mq($to : phone){text-align: center}; } & .tab-title { @include mq($to : phone){float: none}; } & .tab-title > .light-title { font-style: italic; font-size: 1.8em; padding-top: 6px; } & .tab { //background: none repeat scroll 0 0 #EEEEEE; // border-color: #999999; // border-image: none; // border-style: solid solid none; // border-width: 1px 1px medium; display: inline-block; @include mq($to: phone){display: block}; padding:8px; //border-right:solid 1px $menuColor; &.active { //background: none repeat scroll 0 0 #FFFFFF; // border-color: #666666; //background: rgba(255, 255, 255, 0.25); padding-top: 6px; position: relative; top: 1px; @include mq($to : phone){position: static} border-left:solid 1px #c9c7c7; border-right:solid 1px #c9c7c7; border-bottom:solid 1px #fff; background-color: #fff; &:before { content: ""; position: absolute; width: 100%; height: 4px; background-color: $infoColor; top:0; left:0; } } & a { display: block; font-size: 14px; line-height: 2em; outline: medium none; padding: 0 10px; text-decoration: none; // color: #999999; color:#555; &.active { font-weight: bold; //color: #696969; } &:hover { //color: #696969; } } } & .panel-container { //background: none repeat scroll 0 0 #FFFFFF; //border: 1px solid #666666; //padding: 10px; background-color:#fff; padding: 0 4px; } }