janishutz-legacy/original-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

made a lot of changes (jquery now used)

Browse Source
This commit is contained in:
janis
2022-11-05 17:59:23 +01:00
parent d03b3b9718
commit 646c42f04d
465 changed files with 75672 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
css/altstyle.css Normal file
View File

@@ -0,0 +1,27 @@
body {
background-color: gray;
color: white;
}
.logo img {
width: 10%
}
div {
margin-right: 10%;
margin-left: 10%;
margin-top: 2%;
margin-bottom: 2%;
padding: 10%;
padding-top: 5%;
padding-bottom: 5%;
border-color: black;
border-style: double;
border-radius: 3%;
background-color:dimgray;
}
h1 {
font-size: 300%;
}

150
css/mainstyle.css Normal file
View File

@@ -0,0 +1,150 @@
body {
background-color: gray;
}
.logo img {
width: 10%
}
.stickybox {
position: sticky;
position: -webkit-sticky;
}
.Menu {
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
background-color: #38444d;
}
.mainitems {
display: inline-block;
}
.textlink {
font-size: 100%;
text-decoration: none;
color: black;
}
.textlink:hover {
color: darkblue;
font-size: 120%;
}
.linkbutton {
text-decoration: none;
display: inline-block;
padding: 20px;
color: white;
background-color:blue;
border-radius: 20px;
}
.linkbutton:hover {
animation-name: fadein;
animation-duration: 300ms;
background-color: darkblue;
}
.menubutton {
text-decoration: none;
display: inline-block;
padding: 20px;
color: white;
border-radius: 0%;
background-color: rgba(0,0,0,0);
}
.menubutton:hover {
border-radius: 0%;
animation-name: fadein;
animation-duration: 300ms;
background-color: darkblue;
}
.subitems:hover {
animation-name: fadein;
animation-duration: 300ms;
background-color: darkblue;
}
.dropdown-menu {
margin: 0;
padding: 0;
background-color: #38444d;
display: none;
list-style-type: none;
position: absolute;
min-width: 200px;
}
@keyframes fadein {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes colorize {
0% {color: black;
font-size: 100%;}
100% {color: darkblue;
font-size: 150%;}
}
@keyframes decolorize {
0% {color: darkblue;
font-size: 150%;}
100% {color: black;
font-size: 100%;}
}
@keyframes growDown {
0% {
transform: scaleY(0)
}
80% {
transform: scaleY(1.1)
}
100% {
transform: scaleY(1)
}
}
@keyframes rotateMenu {
0% {
transform: rotateX(-90deg)
}
70% {
transform: rotateX(20deg)
}
100% {
transform: rotateX(0deg)
}
}
.dropdown:hover .dropdown-menu {
display: block;
animation: rotateMenu 300ms ease-in-out forwards;
}
.policydiv {
margin-right: 10%;
margin-left: 10%;
margin-top: 2%;
margin-bottom: 2%;
padding: 10%;
padding-top: 5%;
padding-bottom: 5%;
border-color: black;
border-style: double;
border-radius: 3%;
background-color:dimgray;
}
h1 {
font-size: 300%;
}

78
css/menustyle.css Normal file
View File

@@ -0,0 +1,78 @@
.Menu {
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
background-color: #38444d;
}
.mainitems {
display: inline-block;
}
.menubutton {
text-decoration: none;
display: inline-block;
padding: 20px;
color: white;
}
.menubutton:hover {
animation-name: fadein;
animation-duration: 300ms;
background-color: darkblue;
}
.subitems:hover {
animation-name: fadein;
animation-duration: 300ms;
background-color: darkblue;
}
.dropdown-menu {
margin: 0;
padding: 0;
background-color: #38444d;
display: none;
list-style-type: none;
position: absolute;
min-width: 200px;
}
@keyframes fadein {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes growDown {
0% {
transform: scaleY(0)
}
80% {
transform: scaleY(1.1)
}
100% {
transform: scaleY(1)
}
}
@keyframes rotateMenu {
0% {
transform: rotateX(-90deg)
}
70% {
transform: rotateX(20deg)
}
100% {
transform: rotateX(0deg)
}
}
.dropdown:hover .dropdown-menu {
display: block;
animation: rotateMenu 300ms ease-in-out forwards;
}