User:Mechemik/common.css

.canontabs { width: 100%; border-bottom: 2px solid #7abaff; z-index: 0;

margin-bottom: 20px;

} .canontabs ul { margin: 0px; padding: 0px; height: 37px; }

.canontabs li { display: inline-block; margin-right: 10px; padding: 0px; height: 25px; }

.canontabs li a { display: block; height: 25px; text-decoration: none; }

.canontabs li.current {

color: #FFFFFF;

border: 2px solid #7abaff;

z-index: 1;

}

.canontabs li span { background-color: none !important; padding: 7px 15px 25px 15px; border: 2px solid #314b75; border-radius: 10px 10px 0px 0px;

border-bottom: none; height: 25px; line-height: 18px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box;

}

.canontabs li a span:hover { border-color: #d2801e; }

.tabrow { text-align: center; list-style: none; margin: 0; padding: 0; line-height: 24px; position: relative; }

.tabrow li { margin: 0 10px; padding: 0 10px; border: 1px solid #AAA; background: #ECECEC; display: inline-block; position: relative; z-index: 0; }

.tabrow li.selected { background: #FFF; color: #000; z-index: 2; border-bottom-color: #FFF; }

.tabrow:after { position: absolute; content: ""; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #AAA; z-index: 1; }

.tabrow:before { z-index: 1; }