568 lines
6.3 KiB
Plaintext
568 lines
6.3 KiB
Plaintext
|
|
@import "./vendor/framework/variables2.less";
|
|
@import "./vendor/framework/bootstrap.less";
|
|
@import "./vendor/fontawesome/font-awesome";
|
|
|
|
.page{
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
bottom:0px;
|
|
right:0px;
|
|
|
|
}
|
|
|
|
|
|
@media only screen and (min-width: 1050px) {
|
|
.page{
|
|
position:relative;
|
|
top:0;
|
|
left:0;
|
|
bottom:0px;
|
|
right:0px;
|
|
margin:auto;
|
|
height:1024px;
|
|
width:768px;
|
|
|
|
}
|
|
}
|
|
|
|
.pane_hover{
|
|
|
|
position:absolute;
|
|
z-index:2000;
|
|
top:0;
|
|
left:0;
|
|
right:0;
|
|
bottom:0;
|
|
background:rgba(250,250,250,0.95);
|
|
text-align:center;
|
|
img{
|
|
max-width:90%;
|
|
margin-top:30px;
|
|
max-height:600px;
|
|
|
|
}
|
|
|
|
h3{
|
|
font-size:1.8em;
|
|
|
|
}
|
|
|
|
p{
|
|
font-size:1.5em;
|
|
text-align:center !important;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.prev_slide,.next_slide{
|
|
|
|
color:white;
|
|
font-size:30px;
|
|
padding:10px 20px;
|
|
background:rgba(0,0,0,0.9);
|
|
position:absolute;
|
|
bottom:10px;
|
|
cursor:pointer;
|
|
text-align:right;
|
|
|
|
|
|
}
|
|
|
|
.next_slide{
|
|
|
|
border-radius:30px 0px 0px 0px;
|
|
bottom:0px;
|
|
right:0px;
|
|
|
|
}
|
|
|
|
.prev_slide{
|
|
border-radius:0px 30px 0px 0px;
|
|
text-align:left;
|
|
bottom:0px;
|
|
left:0px;
|
|
|
|
}
|
|
|
|
|
|
.places_jeu, .places_jeu2{
|
|
position:relative;
|
|
|
|
.success{
|
|
color:green;
|
|
text-align:center;
|
|
display:none;
|
|
|
|
}
|
|
.img{
|
|
position:relative;
|
|
|
|
.receptable{
|
|
position:absolute;
|
|
width:40px;
|
|
height:40px;
|
|
border-radius:50%;
|
|
background:rgb(230, 230, 230);
|
|
box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 5px rgba(0,0,0,.5);
|
|
border:2px solid rgba(82,82,82,1);
|
|
text-align:center;
|
|
|
|
img{
|
|
max-width:140px;
|
|
max-height:140px;
|
|
position:relative;
|
|
box-shadow:0 1px 5px rgba(0,0,0,.5);
|
|
box-sizing:border-box;
|
|
border:4px solid white;
|
|
top:-100%;
|
|
left:-100%;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
.vignettes{
|
|
position:absolute;
|
|
right:1em;
|
|
width:450px;
|
|
top:1em;
|
|
height:100px;
|
|
|
|
img{
|
|
height:93px;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
.jPuzzle-time{
|
|
display:none !important;
|
|
|
|
}
|
|
#results
|
|
{
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
margin-top:3em;
|
|
color:green;
|
|
}
|
|
|
|
p, h2
|
|
{
|
|
text-align: justify;
|
|
}
|
|
|
|
|
|
.content{
|
|
|
|
padding:1em;
|
|
|
|
}
|
|
|
|
.quizz{
|
|
.quizz_answer{
|
|
margin:1em 0;
|
|
|
|
}
|
|
label{
|
|
|
|
|
|
}
|
|
input[type="radio"] {
|
|
position:absolute;
|
|
opacity: 0;
|
|
-moz-opacity: 0;
|
|
-webkit-opacity: 0;
|
|
-o-opacity: 0;
|
|
}
|
|
input[type="radio"] + label {
|
|
position:relative;
|
|
padding: 0 0 0 25px;
|
|
font-size: 20px;
|
|
line-height: 20px;
|
|
}
|
|
input[type="radio"] + label:before {
|
|
content:"";
|
|
display:block;
|
|
position:absolute;
|
|
top:2px;
|
|
height: 20px;
|
|
width: 20px;
|
|
background: white;
|
|
border: 1px solid gray;
|
|
box-shadow: inset 0px 0px 0px 2px white;
|
|
-webkit-box-shadow: inset 0px 0px 0px 2px white;
|
|
-moz-box-shadow: inset 0px 0px 0px 2px white;
|
|
-o-box-shadow: inset 0px 0px 0px 2px white;
|
|
|
|
border-radius: 50%;
|
|
}
|
|
input[type="radio"]:checked + label:before {
|
|
background: rgba(74,129,233,1);
|
|
}
|
|
|
|
|
|
.question {
|
|
p{
|
|
text-align:left;
|
|
}
|
|
*{
|
|
font-size:1.2em !important;
|
|
}
|
|
|
|
h3{
|
|
font-size:1.7em !important;
|
|
line-height:1.3em;
|
|
margin-bottom:0.7em;
|
|
}
|
|
}
|
|
.check_place{
|
|
text-align:center;
|
|
position:absolute;
|
|
bottom:1em;
|
|
left:0px;
|
|
right:0px;
|
|
}
|
|
border: 1px solid white;
|
|
min-height:890px;
|
|
padding:1em;
|
|
padding-right:2em;
|
|
position:relative;
|
|
margin:auto;
|
|
|
|
.quizz_ill{
|
|
position:absolute;top:20px;max-width:470px;right:-530px;background: rgba(250,250,250,0.8);
|
|
padding:10px;
|
|
img{
|
|
max-height:500px;
|
|
}
|
|
}
|
|
|
|
|
|
.quizz_img{
|
|
position:absolute;top:20px;max-width:470px;right:-530px;background: rgba(250,250,250,0.8);
|
|
padding:10px;
|
|
img{
|
|
max-height:500px;
|
|
}
|
|
}
|
|
|
|
|
|
.prev{
|
|
background:rgba(52,52,52,1) !important;
|
|
color:white !important;
|
|
position:absolute;
|
|
bottom:1em;
|
|
left:1em;
|
|
height:50px;
|
|
font-size:35px !important;
|
|
padding-top:10px;
|
|
border-radius:50%;
|
|
text-align:center;
|
|
width:50px;
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
.next{
|
|
background:rgba(52,52,52,1) !important;
|
|
color:white !important;
|
|
height:50px;
|
|
font-size:35px !important;
|
|
padding-top:10px;
|
|
|
|
text-align:center;
|
|
width:50px;
|
|
box-sizing:border-box;
|
|
position:absolute;
|
|
bottom:1em;
|
|
right:1em;
|
|
|
|
border-radius:50%;
|
|
}
|
|
|
|
.info{
|
|
display:none;
|
|
color:red;
|
|
|
|
}
|
|
|
|
.response{
|
|
|
|
.info{
|
|
color:green;
|
|
}
|
|
}
|
|
|
|
.success, .fail{
|
|
position:absolute;
|
|
bottom:4em;
|
|
text-align:center;
|
|
left:1em;
|
|
right:1em;
|
|
}
|
|
.success{
|
|
color:green;
|
|
|
|
}
|
|
|
|
.fail{
|
|
color:red;
|
|
}
|
|
|
|
}
|
|
|
|
.page{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
box-shadow:0 0 5px rgba(0,0,0,0.5);
|
|
background:white;
|
|
|
|
|
|
|
|
|
|
}
|
|
label{
|
|
display:inline;
|
|
}
|
|
#overlay{
|
|
cursor:pointer;
|
|
|
|
}
|
|
.navbar{
|
|
|
|
.pull-right{
|
|
margin-right:5px;
|
|
}
|
|
a{
|
|
color:white !important;
|
|
&:hover{
|
|
text-decoration:none !important;
|
|
}
|
|
}
|
|
}
|
|
#logos{
|
|
margin:30px;
|
|
margin-top:10px;
|
|
border-radius:5px;
|
|
|
|
|
|
}
|
|
.nav-stacked {
|
|
margin:30px;
|
|
a{
|
|
background:white;
|
|
|
|
}
|
|
|
|
}
|
|
.header{
|
|
padding:10px;
|
|
|
|
a{
|
|
display:inline-block;
|
|
padding:5px;
|
|
text-decoration:none;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
#main{
|
|
font-size:130%;
|
|
.btn{
|
|
font-family:"Comic sans ms"
|
|
}
|
|
|
|
.content{
|
|
|
|
}
|
|
|
|
margin:auto;
|
|
a{
|
|
color: #5890CD;
|
|
text-decoration:none;
|
|
|
|
&:hover{
|
|
text-decoration:underline;
|
|
}
|
|
}
|
|
table{
|
|
border-collapse:collapse;
|
|
td{
|
|
min-width:60px;
|
|
|
|
|
|
}
|
|
td, th{
|
|
border: 1px solid #c9c9c9;
|
|
padding:5px;
|
|
text-align:left;
|
|
}
|
|
}
|
|
|
|
}
|
|
body{
|
|
font-family: "Helvetica", "Verdana";
|
|
font-weight:100;
|
|
line-height:2.5em;
|
|
color:#303030;
|
|
padding:0px;
|
|
margin:0px;
|
|
font-size:12px;
|
|
|
|
ul, li{
|
|
line-height:1.5em;
|
|
}
|
|
|
|
h3{
|
|
|
|
font-family:Futura;
|
|
font-size:18px;}
|
|
|
|
h1{
|
|
|
|
font-family:"Architects Daughter";
|
|
color:rgba(0,0,0,0.9);
|
|
font-size:27px;
|
|
font-weight:100;
|
|
|
|
}
|
|
}
|
|
|
|
#footer{
|
|
|
|
}
|
|
|
|
#insectes_jeu_2{
|
|
.labels{
|
|
min-height:100px;
|
|
|
|
.label{
|
|
background:#555555;
|
|
display:inline-block;
|
|
margin-left:5px;
|
|
margin-bottom:5px;
|
|
padding:0.5em 1em;
|
|
color:white;
|
|
border-radius:1.2em;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
.image{
|
|
float:left;
|
|
width:300px;
|
|
height:200px;
|
|
padding:0em;
|
|
padding-bottom:2em !important;
|
|
|
|
|
|
img{
|
|
max-width:100%;
|
|
max-height:100%;
|
|
}
|
|
position:relative;
|
|
text-align:center;
|
|
padding-bottom:1em;
|
|
|
|
.receptable{
|
|
border:1px solid black;
|
|
|
|
.label{
|
|
text-align:center;
|
|
position:absolute;
|
|
padding-bottom:0.5em;
|
|
bottom:0px;
|
|
left:0px;
|
|
right:0px;
|
|
}
|
|
|
|
position:absolute;
|
|
top:0px;
|
|
bottom:0px;
|
|
left:0px;
|
|
right:0px;
|
|
|
|
}
|
|
}
|
|
|
|
}
|
|
#logos{
|
|
text-align:center;
|
|
background:white;
|
|
padding:0.5em 0;
|
|
img{
|
|
max-height:120px;
|
|
max-width:220px;
|
|
margin:0px 0.6em;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
.vie-arbre.story{
|
|
td{
|
|
padding:0.3em !important;
|
|
p{
|
|
padding:0.7em !important;
|
|
border:1px solid black;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
a{
|
|
color:#55a631 !important;
|
|
cursor:pointer;
|
|
|
|
}
|
|
.animaux_sol{
|
|
td{
|
|
height:110px !important;
|
|
}
|
|
img{
|
|
height:100% !important;
|
|
|
|
}
|
|
}
|
|
|
|
|
|
.quizz .question{
|
|
h3{
|
|
a{
|
|
font-size:inherit !important;
|
|
}
|
|
|
|
}}
|
|
|
|
|
|
.places_jeu2{
|
|
|
|
.vignettes img{
|
|
|
|
height:130px !important;
|
|
margin-bottom:0.5em;
|
|
|
|
}
|
|
}
|
|
|
|
|