.instruction {
padding-left:10%;
padding-right:10%;
font-weight: Bold;
font-size:15px;
}
img.preview {
/* max-width: 150px; */
border: 1px solid #dedede;
padding: 10px;
background:white;
position: relative;
width: 70%;
}
.grid {
width:auto;
max-width: 435px;
border: 1px solid #dedede;
padding-top:1%;
padding-bottom:1%;
padding-left:1%;
padding-right:1%;
background-color:#e1f5fe;
}
#resultat {
color:green;
}
#failed {
color:red; font-weight: bold;
}
#content {
max-width:800px;
padding-left:15%;
padding-right:15%;
margin-left:15%;
margin-right:15%;
}
.none{
text-decoration:none;
color:#009688;
}
.none:visited{
text-decoration:none;
color:#009688;
}
#clictoconnect {
border-collapse: collapse;
border:none;
}
.col:hover {
background-color:#2196f3;
}
hr{
width:auto;
max-width:450px;
margin-left:0%;
}
#pseudo{
color:#2196f3;
}
label {
display: block ;
}
fieldset{
/* padding:10%; */
background-color:#e1f5fe;
border:none;
margin:12%;
}
input.image {
position: relative;
width: 100%;
}
input[type=text],input[type=password],select{
width:90%;
}
.little{
width:90%;
}
img.preview ,img.preview2,img.preview3{
width: 120px;
height: 120px;
border: 1px solid #dedede;
padding: 10px;
display:inline-block;
background-color:white;
}
#float{
display:inline-block;
padding-top:5%;
vertical-align: top;
}
#score{
background: #f8f8f8;
margin: 1em 0;
padding: 1em;
width:81%;
}
#outscore{
background: #fc3;
}
#outpwcheck{
border: 1px solid #ddd;
padding: 0.3em 1em;
}
#outpwcheck .divCheck{
float: left;
margin-right: 1em;
margin-bottom: 1em;
border: 0px solid #ccc;
border-left: 1em solid #ccc;
padding: 0.1em 0.5em;
}
#outpwcheck .divCheck.checkok{
background:#cfc;
border-left-color: #080;
color:#040
}
|