
| Current Path : /var/www/html/german-vocational.cn/themes/showcase_lite/css/components/ |
Linux ift1.ift-informatik.de 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 |
| Current File : /var/www/html/german-vocational.cn/themes/showcase_lite/css/components/pills.css |
/**
* @file
* Visual styles for Showcase Lite's nav pills.
*/
.nav.nav-pills {
margin-right: -15px;
margin-left: -15px;
}
.nav.nav-pills.text-center {
font-size: 0px;
}
.nav.nav-pills.text-center > li {
float: none;
display: inline-block;
}
.nav-pills > li > a {
font-size: 12px;
font-weight: 400;
padding: 10px 30px;
color: #ffffff;
display: inline-block;
line-height: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin: 10px 0;
text-align: center;
border-radius: 50px;
border-width: 1px;
border-style: solid;
border-color: transparent;
text-decoration: none;
}
.headings-wide-spacing-enabled .nav-pills > li > a {
letter-spacing: 0.25em;
text-transform: uppercase;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover,
.nav-pills > li > a:focus {
background-color: transparent;
}
.nav-pills > li > a:hover {
color: #ffffff;
text-decoration: none;
}
.nav.nav-pills > li,
.nav.nav-pills > li + li {
margin: 0px 15px 15px;
}
/*nav pills @colored-regions*/
.region--light-typography .nav-pills > li > a {
color: #ffffff;
text-decoration: none;
background-color: transparent;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
}
.region--light-typography .nav-pills > li.active > a,
.region--light-typography .nav-pills > li.active > a:focus,
.region--light-typography .nav-pills > li.active > a:hover,
.region--light-typography .nav-pills > li > a:hover,
.region--light-typography .nav-pills > li > a:focus {
color: #ffffff;
}
.region--light-typography.region--colored-background .nav-pills > li.active > a,
.region--light-typography.region--colored-background .nav-pills > li.active > a:focus,
.region--light-typography.region--colored-background .nav-pills > li.active > a:hover,
.region--light-typography.region--colored-background .nav-pills > li > a:hover,
.region--light-typography.region--colored-background .nav-pills > li > a:focus {
color: #ffffff;
}