MediaWiki: Common.css : Différence entre versions
De ECU
Ligne 177 : | Ligne 177 : | ||
color: #ffffff; | color: #ffffff; | ||
position: absolute; | position: absolute; | ||
− | top: - | + | top: -1000px; |
left: 40%; | left: 40%; | ||
} | } |
Version du 7 mai 2019 à 15:27
.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: #B8C8F9; 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: #B8C8F9; 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: #B8C8F9; 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: #B8C8F9; 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: #B8C8F9; 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: #B8C8F9; 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: 200px; width: 30%; background-color: #B8C8F9; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -250px; 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: 200px; width: 30%; background-color: #B8C8F9; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -250px; 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: 200px; width: 30%; background-color: #B8C8F9; font-family: helvetica; text-align: center; border-radius: 10px; color: #ffffff; position: absolute; top: -250px; left: 40%; }