MediaWiki: Common.css : Différence entre versions
De ECU
(92 révisions intermédiaires par le même utilisateur non affichées) | |||
Ligne 4 : | 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; | ||
} | } | ||
Ligne 43 : | Ligne 55 : | ||
cursor: pointer; | cursor: pointer; | ||
background-color:#f7f1e3; | background-color:#f7f1e3; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | |||
+ | #btnClose2 { | ||
+ | float: right; | ||
+ | cursor: pointer; | ||
+ | background-color:#ffffff; | ||
border-radius: 5px; | border-radius: 5px; | ||
} | } | ||
Ligne 132 : | Ligne 151 : | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
padding-right: 1.5em; | padding-right: 1.5em; | ||
− | height: | + | height: 520px; |
width: 50%; | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
Ligne 198 : | Ligne 217 : | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
padding-right: 1.5em; | padding-right: 1.5em; | ||
− | height: | + | height: 315px; |
width: 45%; | width: 45%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
Ligne 231 : | Ligne 250 : | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
padding-right: 1.5em; | padding-right: 1.5em; | ||
− | height: | + | height: 435px; |
width: 50%; | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
Ligne 264 : | Ligne 283 : | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
padding-right: 1.5em; | padding-right: 1.5em; | ||
− | height: | + | height: 415px; |
width: 50%; | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
Ligne 467 : | Ligne 486 : | ||
top: -1000px; | top: -1000px; | ||
left: 45%; | left: 45%; | ||
− | |||
} | } | ||
Ligne 490 : | Ligne 508 : | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
padding-right: 1.5em; | padding-right: 1.5em; | ||
− | height: | + | height: 390px; |
width: 50%; | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
Ligne 522 : | Ligne 540 : | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
padding-right: 1.5em; | padding-right: 1.5em; | ||
− | height: | + | height: 550px; |
width: 50%; | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
Ligne 564 : | Ligne 582 : | ||
top: -1000px; | top: -1000px; | ||
left: 70%; | left: 70%; | ||
− | |||
} | } | ||
Ligne 683 : | Ligne 700 : | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
padding-right: 1.5em; | padding-right: 1.5em; | ||
− | height: | + | height: 655px; |
width: 50%; | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
Ligne 843 : | Ligne 860 : | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
padding-right: 1.5em; | padding-right: 1.5em; | ||
− | height: | + | height: 455px; |
width: 50%; | width: 50%; | ||
background-color: #C7B39B; | background-color: #C7B39B; | ||
Ligne 854 : | Ligne 871 : | ||
left: 56%; | left: 56%; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#button23 { | #button23 { | ||
Ligne 879 : | Ligne 883 : | ||
border-radius: 60px; | border-radius: 60px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 801px; |
− | left: | + | left: 163px; |
} | } | ||
#popup23 { | #popup23 { | ||
− | padding-left: | + | padding-left: 0.75em; |
− | padding-right: | + | padding-right: 0.75em; |
height: 100px; | height: 100px; | ||
− | width: | + | width: 270px; |
background-color: #f7f1e3; | background-color: #f7f1e3; | ||
font-family: helvetica; | font-family: helvetica; | ||
Ligne 895 : | Ligne 899 : | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 5%; |
} | } | ||
Ligne 909 : | Ligne 913 : | ||
border-radius: 60px; | border-radius: 60px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 721px; |
− | left: | + | left: 342px; |
} | } | ||
Ligne 925 : | Ligne 929 : | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 25%; |
} | } | ||
Ligne 940 : | Ligne 944 : | ||
border-radius: 60px; | border-radius: 60px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 624px; |
− | left: | + | left: 510px; |
} | } | ||
Ligne 956 : | Ligne 960 : | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 50%; |
} | } | ||
Ligne 965 : | Ligne 969 : | ||
color: #000000; | color: #000000; | ||
font-family: helvetica; | font-family: helvetica; | ||
− | font-size: | + | font-size: 13px; |
border: none; | border: none; | ||
cursor: pointer; | cursor: pointer; | ||
border-radius: 60px; | border-radius: 60px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 543px; |
− | left: | + | left: 688px; |
} | } | ||
Ligne 986 : | Ligne 990 : | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 67%; |
} | } | ||
Ligne 1 001 : | Ligne 1 005 : | ||
border-radius: 60px; | border-radius: 60px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 415px; |
left: 250px; | left: 250px; | ||
} | } | ||
Ligne 1 008 : | Ligne 1 012 : | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
padding-right: 1.5em; | padding-right: 1.5em; | ||
− | height: | + | height: 135px; |
width: 300px; | width: 300px; | ||
− | background-color: # | + | background-color: #ffffff; |
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: left; |
border-radius: 10px; | border-radius: 10px; | ||
color: #000000; | color: #000000; | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 35%; |
} | } | ||
Ligne 1 031 : | Ligne 1 035 : | ||
border-radius: 60px; | border-radius: 60px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 347px; |
left: 432px; | left: 432px; | ||
} | } | ||
Ligne 1 038 : | Ligne 1 042 : | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
padding-right: 1.5em; | padding-right: 1.5em; | ||
− | height: | + | height: 135px; |
width: 300px; | width: 300px; | ||
− | background-color: # | + | background-color: #ffffff; |
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: left; |
border-radius: 10px; | border-radius: 10px; | ||
color: #000000; | color: #000000; | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 35%; |
} | } | ||
Ligne 1 061 : | Ligne 1 065 : | ||
border-radius: 60px; | border-radius: 60px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 440px; |
left: 611px; | left: 611px; | ||
} | } | ||
Ligne 1 068 : | Ligne 1 072 : | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
padding-right: 1.5em; | padding-right: 1.5em; | ||
− | height: | + | height: 135px; |
width: 300px; | width: 300px; | ||
− | background-color: # | + | background-color: #ffffff; |
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: left; |
border-radius: 10px; | border-radius: 10px; | ||
color: #000000; | color: #000000; | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 35%; |
} | } | ||
Ligne 1 091 : | Ligne 1 095 : | ||
border-radius: 60px; | border-radius: 60px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 604px; |
left: 713px; | left: 713px; | ||
} | } | ||
Ligne 1 098 : | Ligne 1 102 : | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
padding-right: 1.5em; | padding-right: 1.5em; | ||
− | height: | + | height: 135px; |
width: 300px; | width: 300px; | ||
− | background-color: # | + | background-color: #ffffff; |
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: left; |
border-radius: 10px; | border-radius: 10px; | ||
color: #000000; | color: #000000; | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 35%; |
} | } | ||
Ligne 1 121 : | Ligne 1 125 : | ||
border-radius: 60px; | border-radius: 60px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 764px; |
− | left: | + | left: 613px; |
} | } | ||
Ligne 1 128 : | Ligne 1 132 : | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
padding-right: 1.5em; | padding-right: 1.5em; | ||
− | height: | + | height: 135px; |
width: 300px; | width: 300px; | ||
− | background-color: # | + | background-color: #ffffff; |
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: left; |
border-radius: 10px; | border-radius: 10px; | ||
color: #000000; | color: #000000; | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 35%; |
} | } | ||
Ligne 1 151 : | Ligne 1 155 : | ||
border-radius: 60px; | border-radius: 60px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 838px; |
− | left: | + | left: 435px; |
} | } | ||
Ligne 1 158 : | Ligne 1 162 : | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
padding-right: 1.5em; | padding-right: 1.5em; | ||
− | height: | + | height: 135px; |
width: 300px; | width: 300px; | ||
− | background-color: # | + | background-color: #ffffff; |
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: left; |
border-radius: 10px; | border-radius: 10px; | ||
color: #000000; | color: #000000; | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 35%; |
} | } | ||
Ligne 1 181 : | Ligne 1 185 : | ||
border-radius: 60px; | border-radius: 60px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 765px; |
− | left: | + | left: 255px; |
} | } | ||
Ligne 1 188 : | Ligne 1 192 : | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
padding-right: 1.5em; | padding-right: 1.5em; | ||
− | height: | + | height: 135px; |
width: 300px; | width: 300px; | ||
− | background-color: # | + | background-color: #ffffff; |
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: left; |
border-radius: 10px; | border-radius: 10px; | ||
color: #000000; | color: #000000; | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 35%; |
} | } | ||
Ligne 1 211 : | Ligne 1 215 : | ||
border-radius: 60px; | border-radius: 60px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 605px; |
− | left: | + | left: 161px; |
} | } | ||
Ligne 1 220 : | Ligne 1 224 : | ||
height: 135px; | height: 135px; | ||
width: 300px; | width: 300px; | ||
− | background-color: # | + | background-color: #ffffff; |
font-family: helvetica; | font-family: helvetica; | ||
− | text-align: | + | text-align: left; |
border-radius: 10px; | border-radius: 10px; | ||
color: #000000; | color: #000000; | ||
position: absolute; | position: absolute; | ||
top: -1000px; | top: -1000px; | ||
− | left: | + | left: 35%; |
} | } | ||
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%; }