MediaWiki: Common.css : Différence entre versions

Version du 23 mai 2019 à 13:20

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

#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: 25%;
}

#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: 28%;
}

#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;
        box-shadow: 2px 2px 2px black;
        text-shadow:3px 3px 5px gray;
}

#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:#FF0000;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 401px;
	left: 410px;
        box-shadow: 2px 2px 3px black;
        background-image: linear-gradient(to top, #74b9ff 16%, #0984e3 56%);
}

#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;
	position: absolute;
	top: 329px;
	left: 310px;
        box-shadow: 2px 2px 5px black;
        text-shadow:2px 2px 3px gray;
}

#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:#FF0000;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 504px;
	left: 536px;
        box-shadow: 5px 5px 10px black;
        background-image: linear-gradient(to top, #2ecc71 16%, #27ae60 56%);
}

#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: 2px;
	position: absolute;
	top: 394px;
	left: 656px;
        box-shadow: 2px 2px 2px black;
        text-shadow:3px 3px 5px gray;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#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;
        box-shadow: 2px 2px 2px gray;
        text-shadow:3px 3px 5px gray;
        background-image: linear-gradient(to top, #a29bfe 16%, #6c5ce7 56%);
}

#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;
        box-shadow: 2px 2px 5px black;
        background-image: linear-gradient(to right, #fab1a0 16%, #ff4757 56%);
}

#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: 200px;
	left: 700px;
}

#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;
}