tabs.css

button, input { font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif; } a { color: #e65f78; } a:hover, a:focus { color: #e65f78; } p { line-height: 1.51em; font-weight: 300; font-size: 1em; } pre { line-height: 1.51em; font-weight: 300; font-size: 1em; } .category { text-transform: capitalize; font-weight: 700; color: #9a9a9a; } body { color: #2c2c2c; font-size: 14px; font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif; overflow-x: hidden; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .nav-item .nav-link, .nav-tabs .nav-link { -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .card a { -webkit-transition: all 150ms ease 0s; -moz-transition: all 150ms ease 0s; -o-transition: all 150ms ease 0s; -ms-transition: all 150ms ease 0s; transition: all 150ms ease 0s; } [data-toggle="collapse"][data-parent="#accordion"] i { -webkit-transition: transform 150ms ease 0s; -moz-transition: transform 150ms ease 0s; -o-transition: transform 150ms ease 0s; -ms-transition: all 150ms ease 0s; transition: transform 150ms ease 0s; } [data-toggle="collapse"][data-parent="#accordion"][aria-expanded="true"] i { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .now-ui-icons { display: inline-block; font: normal normal normal 14px/1 "Nucleo Outline"; font-size: inherit; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @-webkit-keyframes nc-icon-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes nc-icon-spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @keyframes nc-icon-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .now-ui-icons.objects_umbrella-13:before { content: "\ea5f"; } .now-ui-icons.shopping_cart-simple:before { content: "\ea1d"; } .now-ui-icons.shopping_shop:before { content: "\ea50"; } .now-ui-icons.ui-2_settings-90:before { content: "\ea4b"; } .nav-tabs { border: 0; padding: 15px 0.7rem; } .nav-tabs:not(.nav-tabs-neutral) > .nav-item > .nav-link.active { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); } .card .nav-tabs { border-top-right-radius: 0.1875rem; border-top-left-radius: 0.1875rem; } .nav-tabs > .nav-item > .nav-link { color: black; margin: 0; margin-right: 5px; background-color: transparent; border: 1px solid transparent; border-radius: 30px; font-size: 14px; padding: 11px 23px; line-height: 1.5; } .nav-tabs > .nav-item > .nav-link:hover { background-color: transparent; } .nav-tabs > .nav-item > .nav-link.active { background-color: #e65f78; border-radius: 30px; color: #ffffff; } .nav-tabs > .nav-item > .nav-link i.now-ui-icons { font-size: 14px; position: relative; top: 1px; margin-right: 3px; } .nav-tabs.nav-tabs-neutral > .nav-item > .nav-link { color: #ffffff; } .nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active { background-color: rgba(255, 255, 255, 0.2); color: #ffffff; } .card { border: 0; border-radius: 0.1875rem; display: inline-block; position: relative; width: 100%; margin-bottom: 30px; } .card .card-header { background-color: transparent; border-bottom: 0; background-color: transparent; border-radius: 0; padding: 0; } .card[data-background-color="orange"] { background-color: #f96332; } .card[data-background-color="red"] { background-color: #ff3636; } .card[data-background-color="yellow"] { background-color: #ffb236; } .card[data-background-color="blue"] { background-color: #2ca8ff; } .card[data-background-color="green"] { background-color: #15b60d; } [data-background-color="orange"] { background-color: #e95e38; } [data-background-color="black"] { background-color: #2c2c2c; } [data-background-color]:not([data-background-color="gray"]) { color: #ffffff; } [data-background-color]:not([data-background-color="gray"]) p { color: #ffffff; } [data-background-color]:not([data-background-color="gray"]) a:not(.btn):not(.dropdown-item) { color: #ffffff; } [data-background-color]:not([data-background-color="gray"]) .nav-tabs > .nav-item > .nav-link i.now-ui-icons { color: #ffffff; } .now-ui-icons { display: inline-block; font: normal normal normal 14px/1 "Nucleo Outline"; font-size: inherit; speak: none; text-transform: none; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } footer { margin-top: 50px; color: #555; background: #fff; padding: 25px; font-weight: 300; background: #f7f7f7; } .footer p { margin-bottom: 0; } footer p a { color: #555; font-weight: 400; } footer p a:hover { color: #e86c42; }