MediaWiki: Common.css : Différence entre versions
De ECU
(504 révisions intermédiaires par le même utilisateur non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
− | |||
.button{ | .button{ | ||
Ligne 5 : | Ligne 4 : | ||
text-align: left; | text-align: left; | ||
background-color: #1e4a5a; | background-color: #1e4a5a; | ||
+ | } | ||
+ | |||
+ | #boutonform { | ||
+ | padding:6px 3px 6px 3px; | ||
+ | background:#EEAC34; | ||
+ | font-family: helvetica; | ||
+ | cursor: pointer; | ||
+ | color:#ffffff; | ||
+ | border-radius:3px; | ||
+ | width:200px; | ||
+ | border:1px solid #ccc; | ||
+ | box-shadow:1px 1px 3px #999; | ||
+ | } | ||
+ | |||
+ | #buttonprint{ | ||
+ | height: 30px; | ||
+ | width: 100px; | ||
+ | background-color:#EEAC34; | ||
+ | color: #ffffff; | ||
+ | font-family: helvetica; | ||
+ | font-size: 15px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 5px; | ||
+ | box-shadow: 1px 1px 2px black; | ||
+ | } | ||
+ | |||
+ | #buttonreturn { | ||
+ | height: 30px; | ||
+ | width: 200px; | ||
+ | background-color:#EEAC34; | ||
+ | color: #ffffff; | ||
+ | font-family: helvetica; | ||
+ | font-size: 15px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 5px; | ||
+ | box-shadow: 1px 1px 2px black; | ||
+ | } | ||
+ | |||
+ | #btnClose { | ||
+ | float: right; | ||
+ | cursor: pointer; | ||
+ | background-color:#C7B39B; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | |||
+ | #btnClose1 { | ||
+ | float: right; | ||
+ | cursor: pointer; | ||
+ | background-color:#f7f1e3; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | |||
+ | #btnClose2 { | ||
+ | float: right; | ||
+ | cursor: pointer; | ||
+ | background-color:#ffffff; | ||
+ | border-radius: 5px; | ||
} | } | ||
Ligne 10 : | Ligne 68 : | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
− | background-color:# | + | background-color:#EEAC34; |
− | + | color: #ffffff; | |
font-family: helvetica; | font-family: helvetica; | ||
font-size: 10px; | font-size: 10px; | ||
Ligne 18 : | Ligne 76 : | ||
border-radius: 10px; | border-radius: 10px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 375px; |
− | left: | + | left: 345px; |
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup1 { | #popup1 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
− | background-color: # | + | height: 310px; |
+ | width: 50%; | ||
+ | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
− | top: - | + | top: -1000px; |
− | left: | + | left: 38%; |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Ligne 46 : | Ligne 101 : | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
− | background-color:# | + | background-color:#EEAC34; |
color: #ffffff; | color: #ffffff; | ||
font-family: helvetica; | font-family: helvetica; | ||
Ligne 54 : | Ligne 109 : | ||
border-radius: 10px; | border-radius: 10px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 533px; |
− | left: | + | left: 571px; |
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup2 { | #popup2 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 370px; | ||
+ | width: 45%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
top: -600px; | top: -600px; | ||
− | left: | + | left: 37%; |
} | } | ||
Ligne 75 : | Ligne 134 : | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
− | background-color:# | + | background-color:#EEAC34; |
color: #ffffff; | color: #ffffff; | ||
font-family: helvetica; | font-family: helvetica; | ||
Ligne 83 : | Ligne 142 : | ||
border-radius: 10px; | border-radius: 10px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 306px; |
− | left: | + | left: 499px; |
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup3 { | #popup3 { | ||
− | height: | + | padding-left: 1.5em; |
+ | padding-right: 1.5em; | ||
+ | height: 520px; | ||
width: 50%; | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 54%; |
} | } | ||
Ligne 104 : | Ligne 167 : | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
− | background-color:# | + | background-color:#EEAC34; |
color: #ffffff; | color: #ffffff; | ||
font-family: helvetica; | font-family: helvetica; | ||
Ligne 112 : | Ligne 175 : | ||
border-radius: 10px; | border-radius: 10px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 463px; |
− | left: | + | left: 813px; |
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup4 { | #popup4 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 370px; | ||
+ | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
− | top: - | + | top: -1500px; |
left: 40%; | left: 40%; | ||
} | } | ||
Ligne 133 : | Ligne 200 : | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
− | background-color:# | + | background-color:#EEAC34; |
color: #ffffff; | color: #ffffff; | ||
font-family: helvetica; | font-family: helvetica; | ||
Ligne 141 : | Ligne 208 : | ||
border-radius: 10px; | border-radius: 10px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 644px; |
− | left: | + | left: 729px; |
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup5 { | #popup5 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 315px; | ||
+ | width: 45%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
− | top: - | + | top: -1000px; |
− | left: | + | left: 53%; |
} | } | ||
#button6 { | #button6 { | ||
+ | |||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
− | background-color:# | + | background-color:#EEAC34; |
color: #ffffff; | color: #ffffff; | ||
font-family: helvetica; | font-family: helvetica; | ||
Ligne 169 : | Ligne 241 : | ||
border-radius: 10px; | border-radius: 10px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 530px; |
− | left: | + | left: 172px; |
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup6 { | #popup6 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 435px; | ||
+ | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 20%; | ||
+ | } | ||
+ | |||
+ | #button61 { | ||
+ | |||
+ | height: 20px; | ||
+ | width: 20px; | ||
+ | background-color:#EEAC34; | ||
color: #ffffff; | color: #ffffff; | ||
+ | font-family: helvetica; | ||
+ | font-size: 10px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 10px; | ||
+ | position: absolute; | ||
+ | top: 632px; | ||
+ | left: 550px; | ||
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
+ | } | ||
+ | |||
+ | #popup61 { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 1.5em; | ||
+ | height: 415px; | ||
+ | width: 50%; | ||
+ | background-color: #C7B39B; | ||
+ | font-family: helvetica; | ||
+ | text-align: justify; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 32%; |
} | } | ||
Ligne 189 : | Ligne 298 : | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
− | background-color:# | + | background-color:#EEAC34; |
color: #ffffff; | color: #ffffff; | ||
font-family: helvetica; | font-family: helvetica; | ||
Ligne 197 : | Ligne 306 : | ||
border-radius: 10px; | border-radius: 10px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 344px; |
− | left: | + | left: 626px; |
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup7 { | #popup7 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 410px; | ||
+ | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 12%; | ||
+ | } | ||
+ | |||
+ | #button71 { | ||
+ | height: 20px; | ||
+ | width: 20px; | ||
+ | background-color:#EEAC34; | ||
color: #ffffff; | color: #ffffff; | ||
+ | font-family: helvetica; | ||
+ | font-size: 10px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 10px; | ||
+ | position: absolute; | ||
+ | top: 175px; | ||
+ | left: 490px; | ||
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
+ | } | ||
+ | |||
+ | #popup71 { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 1.5em; | ||
+ | height: 390px; | ||
+ | width: 50%; | ||
+ | background-color: #C7B39B; | ||
+ | font-family: helvetica; | ||
+ | text-align: justify; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 12%; |
} | } | ||
+ | |||
#button8 { | #button8 { | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
− | background-color:# | + | background-color:#EEAC34; |
color: #ffffff; | color: #ffffff; | ||
font-family: helvetica; | font-family: helvetica; | ||
Ligne 225 : | Ligne 371 : | ||
border-radius: 10px; | border-radius: 10px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 572px; |
− | left: | + | left: 410px; |
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup8 { | #popup8 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 300px; | ||
+ | width: 40%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 25%; |
} | } | ||
Ligne 245 : | Ligne 395 : | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
− | background-color:# | + | background-color:#EEAC34; |
color: #ffffff; | color: #ffffff; | ||
font-family: helvetica; | font-family: helvetica; | ||
Ligne 253 : | Ligne 403 : | ||
border-radius: 10px; | border-radius: 10px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 568px; |
− | left: | + | left: 234px; |
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup9 { | #popup9 { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 1.5em; | ||
height: 400px; | height: 400px; | ||
− | width: | + | width: 40%; |
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 28%; |
} | } | ||
Ligne 283 : | Ligne 437 : | ||
top: 490px; | top: 490px; | ||
left: 185px; | left: 185px; | ||
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup10 { | #popup10 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 380px; | ||
+ | width: 40%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 22%; |
} | } | ||
Ligne 301 : | Ligne 459 : | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
− | background-color:# | + | background-color:#FF0000; |
color: #ffffff; | color: #ffffff; | ||
font-family: helvetica; | font-family: helvetica; | ||
Ligne 311 : | Ligne 469 : | ||
top: 401px; | top: 401px; | ||
left: 410px; | left: 410px; | ||
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup11 { | #popup11 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 530px; | ||
+ | width: 40%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 45%; |
} | } | ||
Ligne 335 : | Ligne 497 : | ||
border: none; | border: none; | ||
cursor: pointer; | cursor: pointer; | ||
− | + | border-radius: 10px; | |
position: absolute; | position: absolute; | ||
top: 329px; | top: 329px; | ||
left: 310px; | left: 310px; | ||
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup12 { | #popup12 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 390px; | ||
+ | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 35%; |
} | } | ||
Ligne 357 : | Ligne 523 : | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
− | background-color:# | + | background-color:#FF0000; |
color: #ffffff; | color: #ffffff; | ||
font-family: helvetica; | font-family: helvetica; | ||
Ligne 367 : | Ligne 533 : | ||
top: 504px; | top: 504px; | ||
left: 536px; | left: 536px; | ||
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup13 { | #popup13 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 550px; | ||
+ | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 59%; |
} | } | ||
Ligne 395 : | Ligne 565 : | ||
top: 394px; | top: 394px; | ||
left: 656px; | left: 656px; | ||
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
Ligne 400 : | Ligne 572 : | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
padding-right: 1.5em; | padding-right: 1.5em; | ||
− | height: | + | height: 490px; |
width: 50%; | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
Ligne 409 : | Ligne 581 : | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 70%; |
} | } | ||
Ligne 425 : | Ligne 597 : | ||
top: 592px; | top: 592px; | ||
left: 294px; | left: 294px; | ||
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup15 { | #popup15 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 470px; | ||
+ | width: 40%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 34%; |
} | } | ||
Ligne 453 : | Ligne 629 : | ||
top: 742px; | top: 742px; | ||
left: 561px; | left: 561px; | ||
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup16 { | #popup16 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 420px; | ||
+ | width: 55%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 32%; | ||
+ | } | ||
+ | |||
+ | #button161 { | ||
+ | height: 20px; | ||
+ | width: 20px; | ||
+ | background-color:#EEAC34; | ||
color: #ffffff; | color: #ffffff; | ||
+ | font-family: helvetica; | ||
+ | font-size: 10px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 10px; | ||
+ | position: absolute; | ||
+ | top: 350px; | ||
+ | left: 100px; | ||
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
+ | } | ||
+ | |||
+ | #popup161 { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 1.5em; | ||
+ | height: 420px; | ||
+ | width: 55%; | ||
+ | background-color: #C7B39B; | ||
+ | font-family: helvetica; | ||
+ | text-align: justify; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 15%; |
} | } | ||
Ligne 481 : | Ligne 693 : | ||
top: 461px; | top: 461px; | ||
left: 321px; | left: 321px; | ||
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup17 { | #popup17 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 655px; | ||
+ | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 36%; |
} | } | ||
Ligne 499 : | Ligne 715 : | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
− | background-color:# | + | background-color:#EEAC34; |
color: #ffffff; | color: #ffffff; | ||
font-family: helvetica; | font-family: helvetica; | ||
Ligne 509 : | Ligne 725 : | ||
top: 472px; | top: 472px; | ||
left: 379px; | left: 379px; | ||
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup18 { | #popup18 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 340px; | ||
+ | width: 35%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 24%; |
} | } | ||
Ligne 527 : | Ligne 747 : | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
− | background-color:# | + | background-color:#EEAC34; |
color: #ffffff; | color: #ffffff; | ||
font-family: helvetica; | font-family: helvetica; | ||
Ligne 537 : | Ligne 757 : | ||
top: 627px; | top: 627px; | ||
left: 196px; | left: 196px; | ||
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup19 { | #popup19 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 375px; | ||
+ | width: 40%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color:#000000; |
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 23%; |
} | } | ||
Ligne 555 : | Ligne 779 : | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
− | background-color:# | + | background-color:#EEAC34; |
color: #ffffff; | color: #ffffff; | ||
font-family: helvetica; | font-family: helvetica; | ||
Ligne 563 : | Ligne 787 : | ||
border-radius: 10px; | border-radius: 10px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 200px; |
− | left: | + | left: 700px; |
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup20 { | #popup20 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 310px; | ||
+ | width: 37%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 36%; |
} | } | ||
Ligne 583 : | Ligne 811 : | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
− | background-color:# | + | background-color:#EEAC34; |
color: #ffffff; | color: #ffffff; | ||
font-family: helvetica; | font-family: helvetica; | ||
Ligne 593 : | Ligne 821 : | ||
top: 558px; | top: 558px; | ||
left: 847px; | left: 847px; | ||
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup21 { | #popup21 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 460px; | ||
+ | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: # | + | color: #000000; |
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 36%; |
} | } | ||
Ligne 611 : | Ligne 843 : | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
− | background-color:# | + | background-color:#EEAC34; |
color: #ffffff; | color: #ffffff; | ||
font-family: helvetica; | font-family: helvetica; | ||
Ligne 621 : | Ligne 853 : | ||
top: 389px; | top: 389px; | ||
left: 517px; | left: 517px; | ||
+ | box-shadow: 2px 2px 2px black; | ||
+ | background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); | ||
} | } | ||
#popup22 { | #popup22 { | ||
− | height: | + | padding-left: 1.5em; |
− | width: | + | padding-right: 1.5em; |
+ | height: 455px; | ||
+ | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: justify; |
border-radius: 10px; | border-radius: 10px; | ||
− | color: #ffffff; | + | color: #000000; |
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 56%; | ||
+ | } | ||
+ | |||
+ | #button23 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 801px; | ||
+ | left: 163px; | ||
+ | } | ||
+ | |||
+ | #popup23 { | ||
+ | padding-left: 0.75em; | ||
+ | padding-right: 0.75em; | ||
+ | height: 100px; | ||
+ | width: 270px; | ||
+ | background-color: #f7f1e3; | ||
+ | font-family: helvetica; | ||
+ | text-align: justify; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 5%; | ||
+ | } | ||
+ | |||
+ | #button24 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 721px; | ||
+ | left: 342px; | ||
+ | } | ||
+ | |||
+ | #popup24 { | ||
+ | padding-left: 0.75em; | ||
+ | padding-right: 0.75em; | ||
+ | height: 120px; | ||
+ | width: 240px; | ||
+ | background-color: #f7f1e3; | ||
+ | font-family: helvetica; | ||
+ | text-align: justify; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 25%; | ||
+ | } | ||
+ | |||
+ | |||
+ | #button25 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 624px; | ||
+ | left: 510px; | ||
+ | } | ||
+ | |||
+ | #popup25 { | ||
+ | padding-left: 0.75em; | ||
+ | padding-right: 0.75em; | ||
+ | height: 120px; | ||
+ | width: 280px; | ||
+ | background-color: #f7f1e3; | ||
+ | font-family: helvetica; | ||
+ | text-align: justify; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 50%; | ||
+ | } | ||
+ | |||
+ | #button26 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 13px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 543px; | ||
+ | left: 688px; | ||
+ | } | ||
+ | |||
+ | #popup26 { | ||
+ | padding-left: 0.75em; | ||
+ | padding-right: 0.75em; | ||
+ | height: 100px; | ||
+ | width: 280px; | ||
+ | background-color: #f7f1e3; | ||
+ | font-family: helvetica; | ||
+ | text-align: justify; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 67%; | ||
+ | } | ||
+ | |||
+ | |||
+ | #button27 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 415px; | ||
+ | left: 250px; | ||
+ | } | ||
+ | |||
+ | #popup27 { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 1.5em; | ||
+ | height: 135px; | ||
+ | width: 300px; | ||
+ | background-color: #ffffff; | ||
+ | font-family: helvetica; | ||
+ | text-align: left; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 35%; | ||
+ | } | ||
+ | |||
+ | #button28 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 347px; | ||
+ | left: 432px; | ||
+ | } | ||
+ | |||
+ | #popup28 { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 1.5em; | ||
+ | height: 135px; | ||
+ | width: 300px; | ||
+ | background-color: #ffffff; | ||
+ | font-family: helvetica; | ||
+ | text-align: left; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 35%; | ||
+ | } | ||
+ | |||
+ | #button29 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 440px; | ||
+ | left: 611px; | ||
+ | } | ||
+ | |||
+ | #popup29 { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 1.5em; | ||
+ | height: 135px; | ||
+ | width: 300px; | ||
+ | background-color: #ffffff; | ||
+ | font-family: helvetica; | ||
+ | text-align: left; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 35%; | ||
+ | } | ||
+ | |||
+ | #button30 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 604px; | ||
+ | left: 713px; | ||
+ | } | ||
+ | |||
+ | #popup30 { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 1.5em; | ||
+ | height: 135px; | ||
+ | width: 300px; | ||
+ | background-color: #ffffff; | ||
+ | font-family: helvetica; | ||
+ | text-align: left; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 35%; | ||
+ | } | ||
+ | |||
+ | #button31 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 764px; | ||
+ | left: 613px; | ||
+ | } | ||
+ | |||
+ | #popup31 { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 1.5em; | ||
+ | height: 135px; | ||
+ | width: 300px; | ||
+ | background-color: #ffffff; | ||
+ | font-family: helvetica; | ||
+ | text-align: left; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 35%; | ||
+ | } | ||
+ | |||
+ | #button32 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 838px; | ||
+ | left: 435px; | ||
+ | } | ||
+ | |||
+ | #popup32 { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 1.5em; | ||
+ | height: 135px; | ||
+ | width: 300px; | ||
+ | background-color: #ffffff; | ||
+ | font-family: helvetica; | ||
+ | text-align: left; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 35%; | ||
+ | } | ||
+ | |||
+ | #button33 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 765px; | ||
+ | left: 255px; | ||
+ | } | ||
+ | |||
+ | #popup33 { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 1.5em; | ||
+ | height: 135px; | ||
+ | width: 300px; | ||
+ | background-color: #ffffff; | ||
+ | font-family: helvetica; | ||
+ | text-align: left; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 35%; | ||
+ | } | ||
+ | |||
+ | #button34 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 605px; | ||
+ | left: 161px; | ||
+ | } | ||
+ | |||
+ | #popup34 { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 1.5em; | ||
+ | height: 135px; | ||
+ | width: 300px; | ||
+ | background-color: #ffffff; | ||
+ | font-family: helvetica; | ||
+ | text-align: left; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 35%; | ||
+ | } | ||
+ | |||
+ | |||
+ | #button35 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 525px; | ||
+ | left: 65px; | ||
+ | } | ||
+ | |||
+ | #popup35 { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 1.5em; | ||
+ | height: 71px; | ||
+ | width: 175px; | ||
+ | background-color: #f7f1e3; | ||
+ | font-family: helvetica; | ||
+ | text-align: justify; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 4%; | ||
+ | } | ||
+ | |||
+ | #button36 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 445px; | ||
+ | left: 242px; | ||
+ | } | ||
+ | |||
+ | #popup36 { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 1.5em; | ||
+ | height: 50px; | ||
+ | width: 150px; | ||
+ | background-color: #f7f1e3; | ||
+ | font-family: helvetica; | ||
+ | text-align: justify; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 24%; | ||
+ | } | ||
+ | |||
+ | #button37 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 525px; | ||
+ | left: 427px; | ||
+ | } | ||
+ | |||
+ | #popup37 { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 1.5em; | ||
+ | height: 55px; | ||
+ | width: 175px; | ||
+ | background-color: #f7f1e3; | ||
+ | font-family: helvetica; | ||
+ | text-align: justify; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 41%; | ||
+ | } | ||
+ | |||
+ | #button38 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 445px; | ||
+ | left: 605px; | ||
+ | } | ||
+ | |||
+ | #popup38 { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 1.5em; | ||
+ | height: 75px; | ||
+ | width: 265px; | ||
+ | background-color: #f7f1e3; | ||
+ | font-family: helvetica; | ||
+ | text-align: justify; | ||
+ | border-radius: 10px; | ||
+ | color: #000000; | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 54%; |
+ | } | ||
+ | |||
+ | #button39 { | ||
+ | height: 125px; | ||
+ | width: 125px; | ||
+ | background-color:#ffffff; | ||
+ | color: #000000; | ||
+ | font-family: helvetica; | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | border-radius: 60px; | ||
+ | position: absolute; | ||
+ | top: 525px; | ||
+ | left: 785px; | ||
} | } | ||
− | # | + | #popup39 { |
− | + | padding-left: 1.5em; | |
− | background:# | + | padding-right: 1.5em; |
− | + | height: 75px; | |
− | + | width: 275px; | |
− | border-radius: | + | background-color: #f7f1e3; |
− | + | font-family: helvetica; | |
− | + | text-align: justify; | |
− | + | border-radius: 10px; | |
+ | color: #000000; | ||
+ | position: absolute; | ||
+ | top: -1000px; | ||
+ | left: 77%; | ||
} | } |
Version actuelle datée du 2 juillet 2019 à 09:39
.button{ width: 100%; text-align: left; background-color: #1e4a5a; } #boutonform { padding:6px 3px 6px 3px; background:#EEAC34; font-family: helvetica; cursor: pointer; color:#ffffff; border-radius:3px; width:200px; border:1px solid #ccc; box-shadow:1px 1px 3px #999; } #buttonprint{ height: 30px; width: 100px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 15px; border: none; cursor: pointer; border-radius: 5px; box-shadow: 1px 1px 2px black; } #buttonreturn { height: 30px; width: 200px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 15px; border: none; cursor: pointer; border-radius: 5px; box-shadow: 1px 1px 2px black; } #btnClose { float: right; cursor: pointer; background-color:#C7B39B; border-radius: 5px; } #btnClose1 { float: right; cursor: pointer; background-color:#f7f1e3; border-radius: 5px; } #btnClose2 { float: right; cursor: pointer; background-color:#ffffff; border-radius: 5px; } #button1 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 375px; left: 345px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup1 { padding-left: 1.5em; padding-right: 1.5em; height: 310px; width: 50%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 38%; } #button2 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 533px; left: 571px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup2 { padding-left: 1.5em; padding-right: 1.5em; height: 370px; width: 45%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -600px; left: 37%; } #button3 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 306px; left: 499px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup3 { padding-left: 1.5em; padding-right: 1.5em; height: 520px; width: 50%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 54%; } #button4 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 463px; left: 813px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup4 { padding-left: 1.5em; padding-right: 1.5em; height: 370px; width: 50%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1500px; left: 40%; } #button5 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 644px; left: 729px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup5 { padding-left: 1.5em; padding-right: 1.5em; height: 315px; width: 45%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 53%; } #button6 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 530px; left: 172px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup6 { padding-left: 1.5em; padding-right: 1.5em; height: 435px; width: 50%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 20%; } #button61 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 632px; left: 550px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup61 { padding-left: 1.5em; padding-right: 1.5em; height: 415px; width: 50%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 32%; } #button7 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 344px; left: 626px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup7 { padding-left: 1.5em; padding-right: 1.5em; height: 410px; width: 50%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 12%; } #button71 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 175px; left: 490px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup71 { padding-left: 1.5em; padding-right: 1.5em; height: 390px; width: 50%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 12%; } #button8 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 572px; left: 410px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup8 { padding-left: 1.5em; padding-right: 1.5em; height: 300px; width: 40%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 25%; } #button9 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 568px; left: 234px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup9 { padding-left: 1.5em; padding-right: 1.5em; height: 400px; width: 40%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 28%; } #button10 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 490px; left: 185px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup10 { padding-left: 1.5em; padding-right: 1.5em; height: 380px; width: 40%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 22%; } #button11 { height: 20px; width: 20px; background-color:#FF0000; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 401px; left: 410px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup11 { padding-left: 1.5em; padding-right: 1.5em; height: 530px; width: 40%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 45%; } #button12 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 329px; left: 310px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup12 { padding-left: 1.5em; padding-right: 1.5em; height: 390px; width: 50%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 35%; } #button13 { height: 20px; width: 20px; background-color:#FF0000; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 504px; left: 536px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup13 { padding-left: 1.5em; padding-right: 1.5em; height: 550px; width: 50%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 59%; } #button14 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 394px; left: 656px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup14 { padding-left: 1.5em; padding-right: 1.5em; height: 490px; width: 50%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 70%; } #button15 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 592px; left: 294px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup15 { padding-left: 1.5em; padding-right: 1.5em; height: 470px; width: 40%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 34%; } #button16 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 742px; left: 561px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup16 { padding-left: 1.5em; padding-right: 1.5em; height: 420px; width: 55%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 32%; } #button161 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 350px; left: 100px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup161 { padding-left: 1.5em; padding-right: 1.5em; height: 420px; width: 55%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 15%; } #button17 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 461px; left: 321px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup17 { padding-left: 1.5em; padding-right: 1.5em; height: 655px; width: 50%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 36%; } #button18 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 472px; left: 379px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup18 { padding-left: 1.5em; padding-right: 1.5em; height: 340px; width: 35%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 24%; } #button19 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 627px; left: 196px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup19 { padding-left: 1.5em; padding-right: 1.5em; height: 375px; width: 40%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color:#000000; position: absolute; top: -1000px; left: 23%; } #button20 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 200px; left: 700px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup20 { padding-left: 1.5em; padding-right: 1.5em; height: 310px; width: 37%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 36%; } #button21 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 558px; left: 847px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup21 { padding-left: 1.5em; padding-right: 1.5em; height: 460px; width: 50%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 36%; } #button22 { height: 20px; width: 20px; background-color:#EEAC34; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 389px; left: 517px; box-shadow: 2px 2px 2px black; background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%); } #popup22 { padding-left: 1.5em; padding-right: 1.5em; height: 455px; width: 50%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 56%; } #button23 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 14px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 801px; left: 163px; } #popup23 { padding-left: 0.75em; padding-right: 0.75em; height: 100px; width: 270px; background-color: #f7f1e3; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 5%; } #button24 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 14px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 721px; left: 342px; } #popup24 { padding-left: 0.75em; padding-right: 0.75em; height: 120px; width: 240px; background-color: #f7f1e3; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 25%; } #button25 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 14px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 624px; left: 510px; } #popup25 { padding-left: 0.75em; padding-right: 0.75em; height: 120px; width: 280px; background-color: #f7f1e3; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 50%; } #button26 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 13px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 543px; left: 688px; } #popup26 { padding-left: 0.75em; padding-right: 0.75em; height: 100px; width: 280px; background-color: #f7f1e3; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 67%; } #button27 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 14px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 415px; left: 250px; } #popup27 { padding-left: 1.5em; padding-right: 1.5em; height: 135px; width: 300px; background-color: #ffffff; font-family: helvetica; text-align: left; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 35%; } #button28 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 14px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 347px; left: 432px; } #popup28 { padding-left: 1.5em; padding-right: 1.5em; height: 135px; width: 300px; background-color: #ffffff; font-family: helvetica; text-align: left; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 35%; } #button29 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 14px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 440px; left: 611px; } #popup29 { padding-left: 1.5em; padding-right: 1.5em; height: 135px; width: 300px; background-color: #ffffff; font-family: helvetica; text-align: left; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 35%; } #button30 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 14px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 604px; left: 713px; } #popup30 { padding-left: 1.5em; padding-right: 1.5em; height: 135px; width: 300px; background-color: #ffffff; font-family: helvetica; text-align: left; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 35%; } #button31 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 14px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 764px; left: 613px; } #popup31 { padding-left: 1.5em; padding-right: 1.5em; height: 135px; width: 300px; background-color: #ffffff; font-family: helvetica; text-align: left; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 35%; } #button32 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 14px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 838px; left: 435px; } #popup32 { padding-left: 1.5em; padding-right: 1.5em; height: 135px; width: 300px; background-color: #ffffff; font-family: helvetica; text-align: left; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 35%; } #button33 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 14px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 765px; left: 255px; } #popup33 { padding-left: 1.5em; padding-right: 1.5em; height: 135px; width: 300px; background-color: #ffffff; font-family: helvetica; text-align: left; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 35%; } #button34 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 14px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 605px; left: 161px; } #popup34 { padding-left: 1.5em; padding-right: 1.5em; height: 135px; width: 300px; background-color: #ffffff; font-family: helvetica; text-align: left; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 35%; } #button35 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 14px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 525px; left: 65px; } #popup35 { padding-left: 1.5em; padding-right: 1.5em; height: 71px; width: 175px; background-color: #f7f1e3; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 4%; } #button36 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 14px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 445px; left: 242px; } #popup36 { padding-left: 1.5em; padding-right: 1.5em; height: 50px; width: 150px; background-color: #f7f1e3; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 24%; } #button37 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 14px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 525px; left: 427px; } #popup37 { padding-left: 1.5em; padding-right: 1.5em; height: 55px; width: 175px; background-color: #f7f1e3; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 41%; } #button38 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 14px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 445px; left: 605px; } #popup38 { padding-left: 1.5em; padding-right: 1.5em; height: 75px; width: 265px; background-color: #f7f1e3; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 54%; } #button39 { height: 125px; width: 125px; background-color:#ffffff; color: #000000; font-family: helvetica; font-size: 14px; border: none; cursor: pointer; border-radius: 60px; position: absolute; top: 525px; left: 785px; } #popup39 { padding-left: 1.5em; padding-right: 1.5em; height: 75px; width: 275px; background-color: #f7f1e3; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 77%; }