MIF_E31211879/desain/dist/css/pages/tab-page.css

78 lines
1.6 KiB
CSS

/*
Template Name: Admin Template
Author: Wrappixel
File: scss
*/
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);
/*Theme Colors*/
/**
* Table Of Content
*
* 1. Color system
* 2. Options
* 3. Body
* 4. Typography
* 5. Breadcrumbs
* 6. Cards
* 7. Dropdowns
* 8. Buttons
* 9. Typography
* 10. Progress bars
* 11. Tables
* 12. Forms
* 14. Component
*/
/*******************
Vertical tabs
******************/
.vtabs {
display: table; }
.vtabs .tabs-vertical {
width: 150px;
border-bottom: 0px;
border-right: 1px solid #e9ecef;
display: table-cell;
vertical-align: top; }
.vtabs .tabs-vertical li .nav-link {
color: #343a40;
margin-bottom: 10px;
border: 0px;
border-radius: 0.25rem 0 0 0.25rem; }
.vtabs .tab-content {
display: table-cell;
padding: 20px;
vertical-align: top; }
.tabs-vertical li .nav-link.active,
.tabs-vertical li .nav-link:hover,
.tabs-vertical li .nav-link.active:focus {
background: #fb9678;
border: 0px;
color: #fff; }
/*Custom vertical tab*/
.customvtab .tabs-vertical li .nav-link.active,
.customvtab .tabs-vertical li .nav-link:hover,
.customvtab .tabs-vertical li .nav-link:focus {
background: #fff;
border: 0px;
border-right: 2px solid #fb9678;
margin-right: -1px;
color: #fb9678; }
.tabcontent-border {
border: 1px solid #ddd;
border-top: 0px; }
.customtab2 li a.nav-link {
border: 0px;
margin-right: 3px;
color: #212529; }
.customtab2 li a.nav-link.active {
background: #fb9678;
color: #fff; }
.customtab2 li a.nav-link:hover {
color: #fff;
background: #fb9678; }