MediaWiki: Common.css : Différence entre versions
De ECU
Ligne 253 : | Ligne 253 : | ||
#popup9 { | #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; | height: 400px; | ||
width: 30%; | width: 30%; |
Version du 13 mai 2019 à 10:02
.button_container{ width: 100%; text-align: center; } #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; } #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%; }