Branding integration for kanglam
This commit is contained in:
parent
7799745f09
commit
1678bc0b99
22 changed files with 201 additions and 10 deletions
53
assets/css/_kanglam-branding.scss
Normal file
53
assets/css/_kanglam-branding.scss
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
body {
|
||||
background: url('/assets/images/banner.avif') center/cover no-repeat;
|
||||
background-size: cover; /* ensure image covers the whole viewport */
|
||||
background-position: center;
|
||||
color: #ffba00;
|
||||
}
|
||||
|
||||
/* Gradient overlay on top of image */
|
||||
body::before {
|
||||
content: "";
|
||||
position: fixed; /* cover the viewport */
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100svh;
|
||||
z-index: -1; /* behind content, above body bg */
|
||||
|
||||
background-color: #461901; /* solid overlay color */
|
||||
opacity: 0.8; /* adjust overlay intensity */
|
||||
}
|
||||
|
||||
.homepage-subtitle {
|
||||
color: #ffba00;
|
||||
}
|
||||
|
||||
.language-selector-container,
|
||||
.card {
|
||||
background: linear-gradient(to right top, #ff6900 0%, #7e2a0c 100%);
|
||||
border-width: 1px;
|
||||
color: #ffd230;
|
||||
border-color: #fd9a00;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited {
|
||||
color: #ffd230;
|
||||
}
|
||||
|
||||
.header .language-selector {
|
||||
background: linear-gradient(to right top, #ff6900 0%, #7e2a0c 100%);
|
||||
border-color: #fd9a00;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
.header__text h2.modal__title {
|
||||
color: #ffd230;
|
||||
}
|
||||
|
||||
div.modal__container.language-selector-container {
|
||||
border: 1px solid #fd9a00; /* border width and color */
|
||||
border-radius: 8px; /* optional: rounded corners */
|
||||
}
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue