1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75
* {
padding: 0;
margin: 0;
transition: all 0.3s linear;
font-size: 0px;
background-repeat: no-repeat;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a {
text-decoration: none;
}
/* unvisited link */
a:link {
color: #333333;
}
/* visited link */
a:visited {
color: #333333;
}
/* mouse over link */
a:hover {
color: #333333;
}
/* selected link */
a:active {
color: #333333;
}
a[x-apple-data-detectors=true] {
color: inherit !important;
text-decoration: inherit !important;
}
/* * * * * General Content style: */

html {
max-width: 100%;
}
body {
min-width: 320px;
margin: 0 auto;
width: 100%;
background-color: #ffffff;
text-align: center;
}
article {
position: relative;
top: 0px;
margin: 0 auto;
min-width: 320px;
width: 100%;
max-width: 1960px;
height: 900px;
margin: 0 auto;
z-index: 100;
padding-top: 25px;
padding-bottom: 60px;
z-index: 1000;
background-color: #000000;
}
nav {
position: relative;
}
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 75 77
/* MENU OVERLAY ANIMATION: */ $(document).ready(() => {

const mmC = $('#mainMenuButtonContainer');
const scrollCont = $('#scrollContainer');
const LV = $('#verLogoCont');
const mO = $('#menuOverlay');
const mO2 = $('#menuOverlay02');
const mainMenu = $('#mainMenu');
const bCL = $('#cont10');
const menuV = $('#menuV');
const menuV2 = $('#menuV2');
const b100 = $('#block100');
const b102 = $('#block102');

let menuState = 0;

mmC.click(() => {

if (menuState == 0) {

scrollCont.animate({
width: "0",
opacity: "0"
}, 200, "swing");

mO2.animate({right: "0"}, 100, "linear");
mO.animate({left: "0", opacity: "1"}, 100, "linear");
mainMenu.animate({right: "0"}, 100, "linear");
bCL.animate({
right: "-1000px",
top: "-1000px",
width: "2000px",
height: "2000px",
opacity: "0"
}, 500, "swing");

menuV
.css({transform: 'rotate(-90deg)'})
.delay(300)
.animate({right: 360}, {duration: 300})
.delay(300)
.animate({right: 365}, {
duration: 3,
complete: () => {
menuV
.delay(100)
.css({transform: 'rotate(0deg)'})
}
});

b100.animate({
width: 300}, 600
);

menuV2
.css({transform: 'rotate(-90deg)'})
.delay(300)
.animate({right: 90}, {duration: 300})
.delay(300)
.animate({right: 95}, {
duration: 3,
complete: () => {
menuV2
.delay(100)
.css({transform: 'rotate(0deg)'})
}
});

b102.animate({width: 90}, 600);
menuState = menuState + 1;
}
});
});