20kapak

ccc code

CSS

.row {
    height: 200px; 
    padding-top: 10px;
}
.side-tabs{
    border: 1px solid black;
    width: 100%;
    float: left;
    height: 100%;
}
.side-tabs-panel {
    border-left: 1px solid black;
    margin-left: 0;
    height: 100%;
}
.side-tabs-items {
    margin-right: 0;
    padding: 0;
    border-bottom: 1px solid black;
}
.side-tabs-items button {
    display: block;
    width: 100%;
    background: white;
    border: 0;
    border-bottom: 1px solid black;
    cursor: pointer;
    padding: 5px 10px;
}
.side-tabs-item.active {
    border-left: 5px solid green;
}
.side-tabs-items button:first-child {
    border-top: 0;
}
.side-tabs-items button:last-child {
    border-bottom: 0;
}
.side-tabs-items button:hover {
    background: ghostwhite;
}
.side-tabs-tab {
    height:100%;
    display: none;
}
.side-tabs-tab.active{
    display: block;
}