|
Server : Apache/2 System : Linux srv244.medyabim.com 4.18.0-553.89.1.el8_10.x86_64 #1 SMP Mon Dec 8 03:53:08 EST 2025 x86_64 User : lionbursa ( 1773) PHP Version : 5.6.40 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/lionbursa/public_html/style/less/less-mobilerepair/shortcodes/ |
Upload File : |
/*
* Shortcode: Tabs.less
* -----------------------------------------------
*/
.tab-content {
padding: 15px;
border: 1px solid @gray-lighter;
}
.nav-tabs {
border: none;
> li {
float: left;
margin-bottom: -1px;
&.active {
a,
a:hover,
a:focus {
color: @white-base;
background-color: @gray-darkgray;
}
}
> a {
background-color: @white-f5;
border-radius: 0;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: @black-555;
padding: 7px 15px;
margin-right: 0;
.fa {
margin-right: 10px;
}
&:hover,
&:focus {
color: @black-333;
background-color: transparent;
}
i {
font-size: 32px;
margin-right: 20px;
vertical-align: middle;
}
}
}
}
/* -------- Nav Tabs ---------- */
.nav-tabs {
> li {
text-align: center;
> a {
i {
display: block;
font-size: 48px;
margin-right: 0;
margin-bottom: 10px;
vertical-align: middle;
}
}
}
}
/* -------- Horizontal-Tab-Centered ---------- */
.horizontal-tab-centered {
.nav-pills {
display: inline-block;
> li {
> a {
background: @gray-lighter;
color: @black-555;
font-size: 14px;
padding: 8px 10px;
margin-right: 10px;
margin-bottom: 10px;
text-transform: capitalize;
&:hover {
color: @white-base;
}
i {
font-size: 14px;
margin-right: 8px;
}
}
&.active > a,
&.active > a:hover,
&.active > a:focus {
color: @white-base;
}
}
}
}
/* -------- Horizontal-Tab Fullwide ---------- */
.horizontal-tab {
&.fullwide {
.nav-tabs {
> li {
width: 20%;
}
}
}
}
/* -------- Vertical Nav-Tabs ---------- */
.vertical-tab {
.tab-content {
padding: 5px 5px 20px 20px;
border: none;
}
.nav-tabs {
> li {
float: none;
margin-bottom: 0;
> a {
background: none;
border-radius: 0;
border-bottom: 1px solid @gray-lightgray;
border-right: 1px solid @gray-lightgray;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
font-size: 14px;
padding: 30px 0 30px 15px;
}
&:first-child > a {
border-top: 1px solid @gray-lightgray!important;
}
&.active > a,
&.active > a:hover,
&.active > a:focus {
background: none;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid @gray-lightgray;
}
}
}
.small-padding {
.nav-tabs {
> li > {
a {
padding: 20px 0 20px 15px;
}
i {
font-size: 24px;
}
}
}
}
}
@media only screen and (max-width : 767px) {
.vertical-tab .tab-content {
padding: 20px 5px;
}
.nav-tabs > li > a {
border-radius: 0;
border-bottom: none;
border-left: 2px solid @gray-lightgray;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
border-bottom: none;
border-left: 2px solid @gray-lightgray;
}
}
.custom-nav-tabs {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color;
border-image: none;
border-style: none solid none none;
border-width: medium 0px medium medium;
margin-right: 53px;
> li {
float: none;
margin: 0 0 1px;
a {
background: @gray-lighter none repeat scroll 0 0;
border: medium none;
border-radius: 0;
display: block;
font-size: 17px;
font-weight: 700;
line-height: 59px;
margin: 0;
outline: medium none;
padding: 0;
text-align: center;
text-transform: uppercase;
}
}
}
.custom-nav-tabs {
> li {
&.active > a,
&.active > a:hover,
&.active > a:focus,
> a:hover,
> a:focus {
border: medium none;
color: @black;
padding: 0;
}
}
}
/* -------- Services Tab ---------- */
.services-tab .nav-tabs {
border-bottom: 1px solid @white-f1;
text-align: center;
> li {
border-left: 1px solid @gray-lighter;
margin-bottom: 0;
width: 20%;
&:first-child {
border-left: none;
}
> a {
background-color: @white-base;
color: @gray-darkgray;
font-size: 13px;
margin-right: 0;
padding: 35px 20px;
text-transform: uppercase;
i {
display: block;
font-size: 36px;
margin-right: 0;
margin-bottom: 10px;
vertical-align: middle;
}
}
}
}
.services-tab .nav-tabs > li.active > a,
.services-tab .nav-tabs > li.active > a:hover,
.services-tab .nav-tabs > li.active > a:focus,
.services-tab .nav-tabs > li a:hover,
.services-tab .nav-tabs > li a:focus {
color: #fff;
}
.services-tab .nav-tabs > li.active > a i,
.services-tab .nav-tabs > li.active > a:hover i,
.services-tab .nav-tabs > li.active > a:focus i,
.services-tab .nav-tabs > li a:hover i,
.services-tab .nav-tabs > li a:focus i {
color: #fff;
}
.services-tab .tab-content .service-content {
.sub-title {
color: #c8c8c8;
font-family: 'Playfair Display', sans-serif;
}
.title {
color: @black-555;
font-family: 'Playfair Display', sans-serif;
}
}
@media only screen and (max-width : 1199px) {
.services-tab .service-content {
margin-bottom: 30px;
}
}
@media only screen and (max-width : 991px) {
.services-tab .service-content {
padding: 0 20px;
}
}
@media only screen and (max-width : 767px) {
.services-tab .nav.nav-tabs a {
padding: 10px 0;
font-size: 9px;
}
.services-tab .nav.nav-tabs a i {
font-size: 28px;
}
}
.vertical-tab .nav-tabs li a:active {
color: @gray-lightgray;
}