You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
133 lines
1.9 KiB
133 lines
1.9 KiB
|
|
|
|
* {box-sizing: border-box}
|
|
|
|
input[type=text] {
|
|
width: 100%;
|
|
padding: 15px;
|
|
margin: 5px 0 22px 0;
|
|
display: inline-block;
|
|
border: none;
|
|
background: #f1f1f1;
|
|
}
|
|
|
|
input[type=text]:focus {
|
|
background-color: #ddd;
|
|
outline: none;
|
|
}
|
|
|
|
textarea {
|
|
width: 100%;
|
|
padding: 15px;
|
|
margin: 5px 0 22px 0;
|
|
display: inline-block;
|
|
border: none;
|
|
background: #f1f1f1;
|
|
}
|
|
|
|
textarea:focus {
|
|
background-color: #ddd;
|
|
outline: none;
|
|
}
|
|
|
|
hr {
|
|
border: 1px solid #f1f1f1;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
|
|
button {
|
|
background-color: #4CAF50;
|
|
color: white;
|
|
padding: 14px 20px;
|
|
margin: 8px 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
width: 100%;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
button:hover {
|
|
opacity:1;
|
|
}
|
|
|
|
.btnvalider {
|
|
float: left;
|
|
width: 25%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.container {
|
|
padding: 16px;
|
|
|
|
}
|
|
|
|
.clearfix::after {
|
|
content: "";
|
|
clear: both;
|
|
display: table;
|
|
margin-left: auto;
|
|
margin-right: auto;}
|
|
|
|
@media screen and (max-width: 300px) {
|
|
.btnvalider {
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|
|
#frm-demo{
|
|
margin-top: 30px;
|
|
margin-left: 40%;
|
|
}
|
|
|
|
#frm-demo input{
|
|
height: 50px;
|
|
width: 300px;
|
|
background: #0082b5;
|
|
color: #fff;
|
|
border: 1px solid #eee;
|
|
border-radius: 20px;
|
|
box-shadow: 5px 5px 5px #eee;
|
|
text-shadow:none;
|
|
|
|
}
|
|
|
|
#frm-demo input:hover{
|
|
background: #016ABC;
|
|
color: #fff;
|
|
border: 1px solid #eee;
|
|
border-radius: 20px;
|
|
box-shadow: 5px 5px 5px #eee;
|
|
text-shadow:none;
|
|
}
|
|
|
|
#frm-qcm{
|
|
margin-top: 30px;
|
|
margin-left: 40%;
|
|
}
|
|
|
|
#frm-qcm input{
|
|
height: 50px;
|
|
width: 300px;
|
|
background: #0082b5;
|
|
color: #fff;
|
|
border: 1px solid #eee;
|
|
border-radius: 20px;
|
|
box-shadow: 5px 5px 5px #eee;
|
|
text-shadow:none;
|
|
margin-right: 23%;
|
|
|
|
}
|
|
|
|
#frm-qcm input:hover{
|
|
background: #016ABC;
|
|
color: #fff;
|
|
border: 1px solid #eee;
|
|
border-radius: 20px;
|
|
box-shadow: 5px 5px 5px #eee;
|
|
text-shadow:none;
|
|
} |