Skip to content

Instantly share code, notes, and snippets.

@hackaugusto
Created September 19, 2012 23:43
Show Gist options
  • Select an option

  • Save hackaugusto/3753063 to your computer and use it in GitHub Desktop.

Select an option

Save hackaugusto/3753063 to your computer and use it in GitHub Desktop.
.tabbar {
background: #b6b6b6;
height: 30px;
}
.row-fluid .span2-tab {
margin-left: 0px;
width: 17.02127659574468%;
background: #b6b6b6;
}
.row-fluid .span2-tab:first-child {
background: #b6b6b6;
background-image: url('../img/tab_left.png');
background-position: left bottom;
background-repeat: no-repeat;
}
.row-fluid .span2-tab.active:first-child {
background: #f0f0f0;
background-image: url('../img/tab_active_left.png');
background-position: left bottom;
background-repeat: no-repeat;
}
.row-fluid .span2-tab {
background: #b6b6b6;
background-image: url('../img/tab_middle.png');
background-position: left bottom;
background-repeat: no-repeat;
}
.row-fluid .span2-tab.active {
background: #b6b6b6;
background-image: url('../img/tab_middle_active_right.png');
background-position: left bottom;
background-repeat: no-repeat;
}
.row-fluid .span2-tab.active + .span2-tab {
background: #b6b6b6;
background-image: url('../img/tab_middle_active_left.png');
background-position: left bottom;
background-repeat: no-repeat;
}
.row-fluid .span2-tab.active + .span2-tab:last-child {
background: #b6b6b6;
background-image: url('../img/tab_middle_active_left.png'), url('../img/tab_right.png');
background-position: left bottom, right bottom;
background-repeat: no-repeat;
}
.row-fluid .span2-tab:last-child {
background: #b6b6b6;
background-image: url('../img/tab_middle.png'), url('../img/tab_right.png');
background-position: left bottom, right bottom;
background-repeat: no-repeat;
}
.row-fluid .span2-tab.active:last-child {
background: #f0f0f0;
background-image: url('../img/tab_middle_active_right.png'), url('../img/tab_active_right.png');
background-position: left bottom, right bottom;
background-repeat: no-repeat;
}
.row-fluid .span2-tab:only-child {
background: #b6b6b6;
background-image: url('../img/tab_left.png'), url('../img/tab_right.png');
background-position: left bottom, right bottom;
background-repeat: no-repeat;
}
.row-fluid .span2-tab.active:only-child {
background: #f0f0f0;
background-image: url('../img/tab_active_left.png'), url('../img/tab_active_right.png');
background-position: left bottom, right bottom;
background-repeat: no-repeat;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment