MediaWiki: Common.css : Différence entre versions

De ECU
Aller à : navigation, rechercher
Ligne 281 : Ligne 281 :
  
 
#popup10 {
 
#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 {
 +
height: 400px;
 +
width: 30%;
 +
background-color: #C7B39B;
 +
font-family: helvetica;
 +
text-align: center;
 +
border-radius: 10px;
 +
color: #ffffff;
 +
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;
 
height: 400px;
 
width: 30%;
 
width: 30%;

Version du 13 mai 2019 à 13:15

.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%;
}

#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 {
	height: 400px;
	width: 30%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: center;
	border-radius: 10px;
	color: #ffffff;
	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%;
}
Récupérée de « http://www.open4ec.fr/index.php?title=MediaWiki:Common.css&oldid=1633 »