Mirrors/theme.park
1
0
Fork 0
mirror of https://github.com/gilbN/theme.park.git synced 2024-10-03 22:17:08 +02:00
Code Issues Releases Wiki Activity

landing page styling

Browse Source
This commit is contained in:
GilbN 2022-02-17 21:15:13 +01:00
parent b8a6665e72
commit 6b50f7c3e0
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -41,7 +41,7 @@
<!-- Core theme CSS (includes Bootstrap)-->
<link href="resources/landing-page/css/styles.css?v=1.1" rel="stylesheet" />
<link rel="stylesheet" href="resources/landing-page/css/jquery-bg-slideshow.css">
<link rel="stylesheet" href="resources/landing-page/css/custom.css?v=2.4">
<link rel="stylesheet" href="resources/landing-page/css/custom.css?v=2.5">
</head>
<body id="page-top">

13
resources/landing-page/css/custom.css
View File

@ -38,7 +38,7 @@ section {
#mainNav,
#mainNav.navbar-scrolled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.55);
background-color: rgba(var(--accent-color),1);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
@ -57,6 +57,7 @@ section {
#mainNav .navbar-nav .nav-item .nav-link {
padding-left: 1rem;
color: var(--label-text-color)
}
}
@ -73,7 +74,7 @@ section {
@media (min-width: 992px) {
#mainNav {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.55);
background-color: rgba(var(--accent-color), 0.25);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
@ -101,7 +102,7 @@ section {
#mainNav.navbar-scrolled {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
background-color: rgba(0, 0, 0, 0.55);
background-color: rgba(var(--accent-color), 0.25);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
@ -125,16 +126,16 @@ section {
#mainNav .navbar-nav .nav-item .nav-link:hover,
#mainNav .navbar-nav .nav-item .nav-link:active {
color: rgb(var(--accent-color));
color: var(--text-hover);
}
#mainNav .navbar-nav .nav-item .nav-link.active {
color: var(--link-color-hover) !important;
}
.navbar-light .navbar-toggler-icon {
/* .navbar-light .navbar-toggler-icon {
filter: invert(1);
}
} */
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.5);