leon.hoppe/ProjectBackup
Archived
Private
Public Access
1
0
Fork 0
Code Activity

Initial commit

Browse Source
This commit is contained in:
Leon Hoppe
2022-09-04 12:45:01 +02:00
commit f4a01d6a69
11601 changed files with 4206660 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
HTML/FiveM/assets/components/navbar/style.css Normal file
View File

@@ -0,0 +1,98 @@
.navigation {
width: 100vw;
height: 60px;
position: fixed;
background: var(--gradient);
background-size: 800% 800%;
-webkit-animation: BackgroundAnimation 100s ease infinite;
-moz-animation: BackgroundAnimation 100s ease infinite;
animation: BackgroundAnimation 100s ease infinite;
z-index: 10;
}
@-webkit-keyframes BackgroundAnimation {
0% {
background-position: 0 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-moz-keyframes BackgroundAnimation {
0% {
background-position: 0 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0 50%
}
}
@keyframes BackgroundAnimation {
0% {
background-position: 0 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0 50%
}
}
.navigation_name {
position: absolute;
top: 50%;
left: 10px;
transform: translate(0, -50%);
color: var(--light);
font-size: 20px;
text-decoration: none;
}
.navigation_name:hover {
cursor: pointer;
}
#currentSite {
position: absolute;
font-size: 30px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--light);
}
.navigation section {
position: absolute;
width: max-content;
top: 50%;
left: 100%;
transform: translate(-110%, -50%);
}
.navigation_button {
margin: 5px;
width: 100px;
height: 30px;
background: none;
border: 2px solid var(--light);
border-radius: 10px;
color: var(--light);
transition: 200ms;
}
.navigation_button:hover {
background: var(--light);
color: var(--dark);
cursor: pointer;
}
.navigation_spacer {
width: 100vw;
height: 60px;
}