MediaWiki: Common.css : Différence entre versions
De ECU
Ligne 35 : | Ligne 35 : | ||
float: right; | float: right; | ||
cursor: pointer; | cursor: pointer; | ||
− | background-color:# | + | background-color:#6D214F; |
} | } | ||
Version du 13 mai 2019 à 15:39
.button_container{ width: 100%; text-align: left; } #button1 { height: 20px; width: 20px; background-color:#eb4d4b; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 307px; left: 315px; } #popup1 { height: 200px; width: 30%; background-color: #EEAC34; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -250px; left: 40%; } #btnClose { float: right; cursor: pointer; background-color:#6D214F; } #button2 { height: 20px; width: 20px; background-color:#78e08f; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 307px; left: 400px; } #popup2 { height: 400px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -600px; left: 40%; } #button3 { height: 20px; width: 20px; background-color:#b71540; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 307px; left: 500px; } #popup3 { height: 500px; width: 50%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; } #button4 { height: 20px; width: 20px; background-color:#38ada9; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 307px; left: 600px; } #popup4 { height: 200px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -250px; left: 40%; } #button5 { height: 20px; width: 20px; background-color:#f6b93b; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 200px; left: 600px; } #popup5 { height: 200px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -250px; left: 40%; } #button6 { height: 20px; width: 20px; background-color:#D6A2E8; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 400px; left: 315px; } #popup6 { height: 400px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; } #button7 { height: 20px; width: 20px; background-color:#2C3A47; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 400px; left: 415px; } #popup7 { height: 400px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; } #button8 { height: 20px; width: 20px; background-color:#25CCF7; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 400px; left: 515px; } #popup8 { height: 250px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; } #button9 { height: 20px; width: 20px; background-color:#6D214F; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 400px; left: 615px; } #popup9 { height: 400px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; } #button10 { height: 20px; width: 20px; background-color:#6D214F; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 307px; left: 315px; } #popup10 { height: 400px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; } #button11 { height: 20px; width: 20px; background-color:#6D214F; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 307px; left: 400px; } #popup11 { height: 400px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; } #button12 { height: 20px; width: 20px; background-color:#6D214F; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 307px; left: 500px; } #popup12 { height: 400px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; } #button13 { height: 20px; width: 20px; background-color:#6D214F; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 307px; left: 600px; } #popup13 { height: 400px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; } #button14 { height: 20px; width: 20px; background-color:#6D214F; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 307px; left: 650px; } #popup14 { padding-left: 1.5em; padding-right: 1.5em; height: 500px; width: 50%; background-color: #C7B39B; font-family: helvetica; text-align: justify; border-radius: 10px; color: #000000; position: absolute; top: -1000px; left: 40%; } #button15 { height: 20px; width: 20px; background-color:#6D214F; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 400px; left: 315px; } #popup15 { height: 400px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; } #button16 { height: 20px; width: 20px; background-color:#6D214F; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 400px; left: 415px; } #popup16 { height: 400px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; } #button17 { height: 20px; width: 20px; background-color:#6D214F; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 400px; left: 515px; } #popup17 { height: 400px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; } #button18 { height: 20px; width: 20px; background-color:#6D214F; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 400px; left: 615px; } #popup18 { height: 400px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; } #button19 { height: 20px; width: 20px; background-color:#6D214F; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 500px; left: 400px; } #popup19 { height: 400px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; } #button20 { height: 20px; width: 20px; background-color:#6D214F; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 500px; left: 500px; } #popup20 { height: 400px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; } #button21 { height: 20px; width: 20px; background-color:#6D214F; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 500px; left: 600px; } #popup21 { height: 400px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; } #button22 { height: 20px; width: 20px; background-color:#6D214F; color: #ffffff; font-family: helvetica; font-size: 10px; border: none; cursor: pointer; border-radius: 10px; position: absolute; top: 500px; left: 650px; } #popup22 { height: 400px; width: 30%; background-color: #C7B39B; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -1000px; left: 40%; }