I want to define a blue border for all the top navigation ribbons, so using Firebug I have detected the classes which are responsible for the ribbon as shown in the below two images:-
So I use the following CSS rules inside my custom CSS document:-
.ms-cui-tabBody{
border-color:#008CD2 #008CD2 #008CD2 #008CD2 !important;
border-top-color:#008CD2 !important;
}
.ms-cui-tabBody.ms-cui-tabBody-gr{
border-color:#008CD2 #008CD2 #008CD2 #008CD2 !important;
border-top-color:#008CD2 !important;
}
But unfortunately this has changed only the buttom boarder colour to be blue, while the “Calendar” tab still have green upper boarder, and “Page Option” tab have no upper boarder color ? can anyone advice on how I can change the boarder to be all blue? Thanks.