Koreapedia/:Chameleon.css/: Difference between revisions

From koreapedia
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 */

}