|
@@ -271,28 +271,28 @@ body {
|
|
|
}
|
|
|
|
|
|
.object:nth-child(1) {
|
|
|
- left: 89%;
|
|
|
- top: 72%;
|
|
|
+ left: 33%;
|
|
|
+ top: 39%;
|
|
|
}
|
|
|
|
|
|
.object:nth-child(2) {
|
|
|
- left: 44%;
|
|
|
- top: 75%;
|
|
|
+ left: 11%;
|
|
|
+ top: 58%;
|
|
|
}
|
|
|
|
|
|
.object:nth-child(3) {
|
|
|
- left: 36%;
|
|
|
- top: 76%;
|
|
|
+ left: 5%;
|
|
|
+ top: 57%;
|
|
|
}
|
|
|
|
|
|
.object:nth-child(4) {
|
|
|
- left: 68%;
|
|
|
- top: 82%;
|
|
|
+ left: 76%;
|
|
|
+ top: 63%;
|
|
|
}
|
|
|
|
|
|
.object:nth-child(5) {
|
|
|
- left: 24%;
|
|
|
- top: 20%;
|
|
|
+ left: 77%;
|
|
|
+ top: 17%;
|
|
|
}
|
|
|
|
|
|
.netherlands {
|
|
@@ -465,7 +465,10 @@ body {
|
|
|
right: 30vw;
|
|
|
}
|
|
|
|
|
|
-.landingPageJuli .ImgEpisode1 .closeButton {
|
|
|
+.landingPageJuli .closeButton {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
background: black;
|
|
|
color: white;
|
|
|
display: inline-block;
|
|
@@ -475,11 +478,9 @@ body {
|
|
|
border-color: white;
|
|
|
padding: 0.3vw 0.6vw 0.3vw 0.6vw;
|
|
|
cursor: pointer;
|
|
|
- top: 2px;
|
|
|
- right: 2px;
|
|
|
}
|
|
|
|
|
|
-.landingPageJuli .ImgEpisode1 .closeButton:hover {
|
|
|
+.landingPageJuli .closeButton:hover {
|
|
|
background: white;
|
|
|
color: black;
|
|
|
border-color: white;
|
|
@@ -505,52 +506,59 @@ body {
|
|
|
left: 20vw;
|
|
|
}
|
|
|
|
|
|
-.landingPageJuli .ImgEpisode2 .closeButton {
|
|
|
- background: black;
|
|
|
+.objectCamille {
|
|
|
+ position: absolute;
|
|
|
+ display: block;
|
|
|
color: white;
|
|
|
- display: inline-block;
|
|
|
- border-width: 1px;
|
|
|
- border-style: solid;
|
|
|
- border-radius: 1vw;
|
|
|
- border-color: white;
|
|
|
- padding: 0.3vw 0.6vw 0.3vw 0.6vw;
|
|
|
- cursor: pointer;
|
|
|
- top: 2px;
|
|
|
- right: 2px;
|
|
|
+ text-align: center;
|
|
|
+ height: 10vw;
|
|
|
+ -webkit-transition: top 10s linear, left 10s linear;
|
|
|
+ transition: top 10s linear, left 10s linear;
|
|
|
}
|
|
|
|
|
|
-.landingPageJuli .ImgEpisode2 .closeButton:hover {
|
|
|
- background: white;
|
|
|
- color: black;
|
|
|
- border-color: white;
|
|
|
+.objectCamille:nth-child(1) {
|
|
|
+ height: 14vw;
|
|
|
}
|
|
|
|
|
|
-.objectCamille {
|
|
|
- position: relative;
|
|
|
- width: 25vw;
|
|
|
- height: 150px;
|
|
|
- color: white;
|
|
|
- text-align: center;
|
|
|
+.objectCamille:nth-child(2) {
|
|
|
+ height: 10vw;
|
|
|
+}
|
|
|
+
|
|
|
+.objectCamille:nth-child(3) {
|
|
|
+ height: 14vw;
|
|
|
+}
|
|
|
+
|
|
|
+.objectCamille:nth-child(4) {
|
|
|
+ height: 10vw;
|
|
|
+}
|
|
|
+
|
|
|
+.objectCamille:nth-child(5) {
|
|
|
+ height: 14vw;
|
|
|
+}
|
|
|
+
|
|
|
+.objectCamille:nth-child(6) {
|
|
|
+ height: 10vw;
|
|
|
}
|
|
|
|
|
|
.objectCamille img {
|
|
|
- width: 100%;
|
|
|
- position: absolute;
|
|
|
+ height: 100%;
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.objectCamille img:first-child {
|
|
|
+ display: block;
|
|
|
}
|
|
|
|
|
|
.objectCamille .hover {
|
|
|
- opacity: 0;
|
|
|
+ display: block;
|
|
|
}
|
|
|
|
|
|
-.objectCamille:hover .hover {
|
|
|
- opacity: 1;
|
|
|
+.objectCamille:hover img:first-child {
|
|
|
+ display: none;
|
|
|
}
|
|
|
|
|
|
-.objectCamille a {
|
|
|
- position: absolute;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- cursor: pointer;
|
|
|
+.objectCamille:hover img:last-child {
|
|
|
+ display: block;
|
|
|
}
|
|
|
|
|
|
.bodyManifestoPage {
|