MediaWiki: Common.css : Différence entre versions

De ECU
Aller à : navigation, rechercher
Ligne 225 : Ligne 225 :
 
position: absolute;
 
position: absolute;
 
top: -1000px;
 
top: -1000px;
left: 20%;
+
left: 15%;
 
}
 
}
  

Version du 20 mai 2019 à 09:16


.button{
	width: 100%;
	text-align: left;
        background-color: #1e4a5a;
}

#button1 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 382px;
	left: 344px;
}

#popup1 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 200px;
	width: 30%;
	background-color: #EEAC34;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -250px;
	left: 40%;
}

#btnClose {
	float: right;
	cursor: pointer;
        background-color:#C7B39B;
        border-radius: 5px;
}


#button2 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 533px;
	left: 571px;
}

#popup2 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 350px;
	width: 45%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -600px;
	left: 37%;
}


#button3 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 306px;
	left: 499px;
}

#popup3 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 470px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 54%;
}


#button4 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 463px;
	left: 813px;
}

#popup4 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 200px;
	width: 30%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -250px;
	left: 40%;
}


#button5 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 644px;
	left: 729px;
}

#popup5 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 280px;
	width: 45%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 53%;
}

#button6 {

	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 530px;
	left: 172px;
}

#popup6 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 350px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 20%;
}

#button7 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 344px;
	left: 626px;
}

#popup7 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 390px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 15%;
}

#button8 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 572px;
	left: 410px;
}

#popup8 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 300px;
	width: 40%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 40%;
}

#button9 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 568px;
	left: 234px;
}

#popup9 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 400px;
	width: 40%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 40%;
}

#button10 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 490px;
	left: 185px;
}

#popup10 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 370px;
	width: 40%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 22%;
}

#button11 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 401px;
	left: 410px;
}

#popup11 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 530px;
	width: 40%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 45%;
}

#button12 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 329px;
	left: 310px;
}

#popup12 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 330px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 35%;
}

#button13 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 504px;
	left: 536px;
}

#popup13 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 520px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 59%;
}

#button14 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 394px;
	left: 656px;
}

#popup14 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 490px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 70%;
}

#button15 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 592px;
	left: 294px;
}

#popup15 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 470px;
	width: 40%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 34%;
}

#button16 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 742px;
	left: 561px;
}

#popup16 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 420px;
	width: 55%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 32%;
}

#button17 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 461px;
	left: 321px;
}

#popup17 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 580px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 36%;
}

#button18 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 472px;
	left: 379px;
}

#popup18 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 270px;
	width: 35%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 24%;
}

#button19 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 627px;
	left: 196px;
}

#popup19 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 350px;
	width: 40%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color:#000000;
	position: absolute;
	top: -1000px;
	left: 23%;
}

#button20 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 636px;
	left: 518px;
}

#popup20 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 290px;
	width: 37%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 36%;
}

#button21 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 558px;
	left: 847px;
}

#popup21 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 420px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 36%;
}

#button22 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 389px;
	left: 517px;
}

#popup22 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 400px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 56%;
}

#boutonform {
	padding:6px 3px 6px 3px;
	background:#EEAC34;
        font-family: helvetica;
	color:#ffffff;
	border-radius:2px;
	width:200px;
	border:1px solid #ccc;
	box-shadow:1px 1px 3px #999;
}