Link to article: 'Thalbrum Vehicle Security System' (ZLQMK/6XY4R/V4D3R).
/* ==== YUI TAB BASE ==== */
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
/* ==== YUI TAB CUSTOMIZATION ====
* Adapted From 'Black Highlighter Theme'
**/
.yui-navset * {
transition:
color 80ms cubic-bezier(.4, 0, .2, 1),
background-color 80ms cubic-bezier(.4, 0, .2, 1);
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
display: flex;
flex-wrap: wrap;
width: calc(100% - .125rem);
margin: 0 auto;
border-color: #400040;
box-shadow: 0 calc(.0625rem * 5) 0 0 hsl(360, 94%, 20%);
}
.yui-navset .yui-nav a, /* == Link Modifier == */
.yui-navset .yui-navset-top .yui-nav a {
color: fff;
/* ==== Tab Background Colour | [UNSELECTED] ==== */
background-color: #d8d8d8;
/* ==== */
background-image: none;
border: unset;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
color: fff;
/* ==== Tab Background Colour | [HOVER] ==== */
background-color: #FCDBFF;
/* ==== */
}
.yui-navset .yui-nav li, /* == Listitem Modifier == */
.yui-navset .yui-navset-top .yui-nav li {
position: relative;
display: flex;
flex-grow: 2;
max-width: 100%;
margin: 0;
padding: 0;
background-color: hsl(0, 0%, 96%);
border-color: transparent;
box-shadow: 0 0 0 .0625rem hsl(360, 94%, 20%);
}
.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.yui-navset .yui-nav li em {
border: unset;
}
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
padding: .35em .75em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.yui-navset .yui-nav .selected, /* == Selection Modifier == */
.yui-navset .yui-navset-top .yui-nav .selected {
flex-grow: 2;
margin: 0;
padding: 0;
/* ==== Tab Background Colour | [SELECTED] ==== */
background-color: #320082;
/* ==== */
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
border: hsl(360, 94%, 20%);
}
.yui-navset .yui-nav .selected a {
width: 100%;
color: hsl(0, 0%, 96%) !important;
background-image: none;
}
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
color: hsl(0, 0%, 96%);
background-color: #320082;
}
.yui-navset .yui-nav .selected a:hover {
cursor: default;
}
.yui-navset-left .yui-content {
/* ==== Content Background ==== */
background-color: hsl(0, 0%, 99%);
/* ==== */
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
padding: 1em;
border-color: hsl(0, 0%, 60%);
}