Gecko [ marechal-agricole.fr ]

Name	Size	Permission
_data	[ DIR ]	drwx---r-x
_ressource img	[ DIR ]	drwx---r-x
assets	[ DIR ]	drwx---r-x
.htaccess	420 B	-rw----r--
.mad-root	0 B	-rw-r--r--
Sans-titre-0.jpg	1.26 MB	-rw----r--
Sans-titre-1.jpg	1.3 MB	-rw----r--
Sans-titre-2.jpg	1.3 MB	-rw----r--
Sans-titre-3.jpg	1.3 MB	-rw----r--
Sans-titre-4.jpg	1.25 MB	-rw----r--
Thumbs.db	38.5 KB	-rw----r--
index.html	435 B	-rw----r--
jeu.html	2.37 KB	-rw----r--
notification.php	1.96 KB	-rw----r--
pwnkit	10.99 KB	-rwxr-xr-x
style.css	3.36 KB	-rw----r--

Code Editor : style.css

/* Generated by less 2.5.1 */
@charset "utf-8";
/* Generated by less 2.5.1 */
header,
section,
footer,
aside,
nav,
main,
article,
figure {
  display: block;
}
div,
header,
nav,
article,
section,
aside,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
li,
figure,
figcaption,
class,
img {
  margin: 0;
  padding: 0;
}
body {
  background-color: #454041;
  border: 0 solid transparent;
  font-size: 16px;
  margin: 0;
  padding: 0;
  width: 100vw;
  display: block;
  font-family: 'Roboto';
  overflow-x: hidden;
}
img,
object,
embed,
canvas,
video,
audio,
picture,
visuel {
  max-width: 100%;
  height: auto;
}
a {
  text-decoration: none;
}
/*----------------------------------- RECCURENTES --*/
.clear {
  clear: both;
}
.champ {
  height: 1.84em;
  width: 1.84em;
  text-align: center;
  font-size: 8em;
  font-weight: bold;
}
/*------------------------------- FIN RECCURENTES --*/
/*------------------------------- VISUEL DU QUIZZ --*/
#home {
  background: url('Sans-titre-0.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: block;
}

#q1 {
  background: url('Sans-titre-1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
#q2 {
  background: url(Sans-titre-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
#q3 {
  background: url(Sans-titre-3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
#contact {
  background: url(Sans-titre-4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
/*--------------------------- END VISUEL DU QUIZZ --*/
.title {
  color: #fff;
  text-align: center;
  font-size: 8em;
  padding-top: 1em;
}
.left {
  position: absolute;
  top: 19.9em;
  left: 38.3em;
}
.right {
  position: absolute;
  top: 19.9em;
  left: 66.7em;
}
.solo {
  position: absolute;
  top: 19.9em;
  left: 52.5em;
}
.center {
  height: 2.2em;
  width: 10em;
  position: absolute;
  top: 13em;
  left: 14.35em;
}
#contact {
  margin: 0 auto;
}
#contact h1 {
  color: #fff;
  text-align: center;
  font-size: 5em;
  padding: 1em 0 .5em 0;
}
#contact label {
  display: block;
  margin-left: 0;
  padding: 0;
  color: #fff;
  text-align: center;
}
#contact input[type="text"],
#contact input[type="tel"],
#contact input[type="email"] {
  display: block;
  margin: 0 auto;
  width: 30%;
  padding: 15px;
  margin-bottom: 2em;
  border: solid 4px #978144;
}
#grpd {
  position: absolute;
  left: 50em;
  content: '';
  background: #fff;
  border: 2px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
  margin-top: -0.5em;
}
.cta {
  display: block;
  margin: 0 auto;
  font-size: 3em;
  padding: 10px 30px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}
.submit {
  display: block;
  margin: 0 auto;
  font-size: 3em;
  padding: 10px 30px;
  color: #fff;
  background-color: #978144;
  text-transform: uppercase;
  cursor: pointer;
}
.error {
  display: none;
  text-align: center;
  font-size: 1.5em;
  color: red;
  font-weight: bold;
  font-style: italic;
}
.footer a {
  text-align: center;
  display: block;
  padding: 2em 0;
  text-decoration: none;
  text-transform: uppercase;
  color: #978144;
  bottom: 10px;
}

/* animations - enchainements */

#q1,
#q2,
#q3, 
#contact {
  display: none;
}

.show {
  display: block !important;
}

${this.title}

Code Editor : style.css