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