Koreapedia/:Chameleon.css/: Difference between revisions
Created page with "→Top navbar background (80% transparent #fcc800): .skin-chameleon nav.navbar, .skin-chameleon .navbar { background-color: rgba(252, 200, 0, 0.8) !important; →same as #fcc800cc: background-image: none !important; →kill Bootstrap gradient if present: border-color: transparent; } →Make links/brand readable on the yellow: .skin-chameleon .navbar .navbar-brand, .skin-chameleon .navbar .navbar-nav > li > a, →BS3: .skin-chameleon .navb..." |
(No difference)
|
Latest revision as of 05:53, 4 September 2025
/* Top navbar background (80% transparent #fcc800) */
.skin-chameleon nav.navbar,
.skin-chameleon .navbar {
background-color: rgba(252, 200, 0, 0.8) !important; /* same as #fcc800cc */
background-image: none !important; /* kill Bootstrap gradient if present */
border-color: transparent;
}
/* Make links/brand readable on the yellow */
.skin-chameleon .navbar .navbar-brand,
.skin-chameleon .navbar .navbar-nav > li > a, /* BS3 */
.skin-chameleon .navbar .nav-link { /* BS4/5 */
color: #111 !important;
}
.skin-chameleon .navbar .navbar-nav > li > a:hover,
.skin-chameleon .navbar .nav-link:hover,
.skin-chameleon .navbar .navbar-brand:hover {
color: #000 !important;
text-decoration: none;
}
/* Mobile hamburger icon (if it's too light) */
.skin-chameleon .navbar .navbar-toggler {
border-color: rgba(0,0,0,0.2);
}
.skin-chameleon .navbar .navbar-toggler .navbar-toggler-icon {
filter: invert(1) grayscale(1); /* ensures visible on yellow */
}
