nudoragon/vvveb-cms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
nudoragon
2026-05-17 21:09:32 +08:00
commit 1870400c47
1564 changed files with 544713 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
static/Vvvebjs/demo/landing/scss/sections/navigation/navigation-1.scss Normal file
View File

@@ -0,0 +1,99 @@
@media screen and (min-width: 767px) {
.navigation-1 {
top:0;
left:0;
width:100%;
z-index:10;
position:sticky;
//margin-bottom: 2rem;
backdrop-filter: saturate(180%) blur(20px);
-webkit-box-shadow: 0 4px 10px rgba(var(--bs-body-color-rgb),0.07),inset 0 -1px 0 rgba(var(--bs-body-color-rgb),0.07);
box-shadow: 0 4px 40px rgba(var(--bs-body-color-rgb),0.07),inset 0 -1px 0 rgba(var(--bs-body-color-rgb),0.07);
box-shadow: 0 3px 14px rgba(var(--bs-body-color-rgb), 0.07);
/*
&:after {
content: '';
display: block;
position: absolute;
background-image: linear-gradient(180deg,rgba(var(--bs-body-color-rgb), 0.05) 0%,rgba(var(--bs-body-color-rgb), 0.02) 10%,rgba(var(--bs-body-bg-rgb), 0.05) 80%);
//background-image: linear-gradient(180deg,rgba(var(--bs-body-color-rgb),.05) 0%,rgba(var(--bs-body-color-rgb),.025) 20%,rgba(var(--bs-body-bg-rgb),0) 80%);
//background-image: linear-gradient(180deg, rgba(var(--bs-body-color-rgb), 0.05) 0%, rgba(var(--bs-body-color-rgb), 0.015) 10%, rgba(var(--bs-body-bg-rgb), 0) 80%);
border-top:1px solid rgba(var(--bs-body-color-rgb), 0.05);
width: 100%;
height: 1.5rem;
left: 0;
bottom: -1.5rem;
}
*/
body.home & {
//border:none;
&:after {
display:none;
}
}
h3 {
margin-top: 0;
margin-bottom: 0;
line-height: 3rem;
}
.navbar {
padding: 0 1rem;
//background: rgba(var(--bs-body-bg-rgb),.85);
.navbar-nav {
a.nav-link {
font-size: 15px;
//font-weight: 500;
padding: 2.1rem 1rem 2.1rem;
//text-transform:none;
//color: var(--bs-navbar-active-color);
/*
&.active {
background-color:rgba(var(--bs-primary-rgb), 0.05);
&:after {
content: '';
border-bottom: 2px solid rgba(var(--bs-primary-rgb), 0.5);
width: 100%;
position: absolute;
left: 0;
top: 0px;
}
}
*/
&:hover {
//background-color: rgba(var(--bs-body-color-rgb),.015);
//color: var(--bs-blue);
color: var(--bs-navbar-hover-color);
}
}
.nav-toggle {
a.nav-link {
padding: 2.1rem 0.5rem 2.1rem;
}
}
nav.navbar-expand-md {
a.nav-link {
display: flex;
align-items: center;
color: rgba(var(--bs-body-color-rgb),.7);
}
}
}
.dropdown-toggle::after {
font-size:60%;
}
}
}
}

32
static/Vvvebjs/demo/landing/scss/sections/navigation/navigation-2.scss Normal file
View File

@@ -0,0 +1,32 @@
.navigation-2 {
&::before {
width: 100%;
height: 100%;
content: " ";
position: absolute;
backdrop-filter: blur(14px);
}
h3 {
margin-top: 0;
margin-bottom: 0;
line-height: 3rem;
}
.navbar-nav {
a.nav-link {
//font-size: 15px;
display: flex;
align-items: center;
padding: 2.5rem 1rem 2rem;
}
.dropdown-toggle::after {
font-size:60%;
}
}
}

101
static/Vvvebjs/demo/landing/scss/sections/navigation/navigation-3.scss Normal file
View File

@@ -0,0 +1,101 @@
@media screen and (min-width: 767px) {
.navigation-3 {
.sticky {
background:rgba(var(--bs-body-bg-rgb), 0.8);
&:after {
content: '';
display: block;
position: absolute;
background-image: linear-gradient(180deg,rgba(var(--bs-body-color-rgb),.05) 0%,rgba(var(--bs-body-color-rgb),.025) 20%,rgba(var(--bs-body-bg-rgb),0) 80%);
//background-image: linear-gradient(180deg,rgba(var(--bs-body-color-rgb),.05) 0%,rgba(var(--bs-body-color-rgb),.025) 20%,rgba(var(--bs-body-bg-rgb),0) 80%);
background-image: linear-gradient(180deg, rgba(var(--bs-body-color-rgb), 0.05) 0%, rgba(var(--bs-body-color-rgb), 0.015) 10%, rgba(var(--bs-body-bg-rgb), 0) 80%);
border-top:1px solid rgba(var(--bs-body-color-rgb), 0.07);
width: 100%;
height: 1.5rem;
left: 0;
bottom: -1.5rem;
}
}
/*
&::before {
width: 100%;
height: 100%;
content: " ";
position: absolute;
backdrop-filter: blur(14px);
}
*/
h3 {
margin-top: 0;
margin-bottom: 0;
line-height: 3rem;
}
.search-area i {
color: var(--bs-navbar-active-color);
}
.navbar {
padding: 0 1rem;
//background: rgba(var(--bs-body-bg-rgb),.85);
.navbar-nav {
a.nav-link {
font-size: 15px;
//font-weight: 500;
padding: 2.1rem 1rem 2.1rem;
//text-transform:none;
//color: var(--bs-navbar-active-color);
&:hover {
//background-color: rgba(var(--bs-body-color-rgb),.015);
//color: var(--bs-blue);
color: var(--bs-navbar-hover-color);
}
}
.nav-toggle {
a.nav-link {
padding: 2.1rem 0.5rem 2.1rem;
}
}
nav.navbar-expand-md {
a.nav-link {
display: flex;
align-items: center;
color: rgba(var(--bs-body-color-rgb),.7);
}
}
}
.dropdown-toggle::after {
font-size:60%;
}
}
}
}
@media (min-width: 768px) {
.navbar-collapse {
display: flex !important;
}
}
@media screen and (max-width: 767px) {
.navbar-dark .navbar-collapse {
background: var(--bs-body-color);
padding:1rem;
}
.navbar-collapse {
background: var(--bs-body-bg);
}
}

70
static/Vvvebjs/demo/landing/scss/sections/navigation/navigation-4.scss Normal file
View File

@@ -0,0 +1,70 @@
@media screen and (min-width: 767px) {
.navigation-4 {
top:0;
left:0;
width:100%;
z-index:10;
//margin-bottom: 2rem;
&:after {
content: '';
display: block;
position: absolute;
background-image: linear-gradient(180deg,rgba(var(--bs-body-color-rgb),.05) 0%,rgba(var(--bs-body-color-rgb),.025) 20%,rgba(var(--bs-body-bg-rgb),0) 80%);
//background-image: linear-gradient(180deg,rgba(var(--bs-body-color-rgb),.05) 0%,rgba(var(--bs-body-color-rgb),.025) 20%,rgba(var(--bs-body-bg-rgb),0) 80%);
background-image: linear-gradient(180deg, rgba(var(--bs-body-color-rgb), 0.05) 0%, rgba(var(--bs-body-color-rgb), 0.015) 10%, rgba(var(--bs-body-bg-rgb), 0) 80%);
border-top:1px solid rgba(var(--bs-body-color-rgb), 0.05);
width: 100%;
height: 1.5rem;
left: 0;
bottom: -1.5rem;
}
body.home & {
//border:none;
&:after {
display:none;
}
}
h3 {
margin-top: 0;
margin-bottom: 0;
line-height: 3rem;
}
.navbar {
padding: 0 1rem;
//background: rgba(var(--bs-body-bg-rgb),.85);
.navbar-nav {
a.nav-link {
text-transform: none;
font-size: 15px;
//color: var(--bs-secondary-color);
//font-weight: 500;
padding: 2.1rem 1rem 2.1rem;
text-transform:none;
&:hover {
background-color: rgba(var(--bs-body-color-rgb),.015);
color: var(--bs-blue);
}
}
nav.navbar-expand-md {
a.nav-link {
display: flex;
align-items: center;
color: rgba(var(--bs-body-color-rgb),.7);
}
}
}
.dropdown-toggle::after {
font-size:60%;
}
}
}
}