BARRAUX Arthur
3 years ago
1 changed files with 0 additions and 136 deletions
@ -1,136 +0,0 @@ |
|||
body{ |
|||
z-index: 1; |
|||
background-color: #e5e5e5; |
|||
margin: 20px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.logo{ |
|||
display: block; |
|||
} |
|||
|
|||
h1{ |
|||
margin: 40px; |
|||
font-weight: bold; |
|||
color: #454545; |
|||
} |
|||
|
|||
p{ |
|||
font-weight: bold; |
|||
color: #454444; |
|||
font-size: 20px; |
|||
height: 20px; |
|||
} |
|||
|
|||
form{ |
|||
width: 400px; |
|||
position: relative; |
|||
background-color: #ffffff; |
|||
display: block; |
|||
margin: auto; |
|||
border-radius: 30px; |
|||
padding: 20px; |
|||
} |
|||
|
|||
.container-champ{ |
|||
position: relative; |
|||
} |
|||
|
|||
.container-champ small{ |
|||
display: none; |
|||
color: red; |
|||
} |
|||
|
|||
.champ{ |
|||
background-color: inherit; |
|||
display: flex; |
|||
position: relative; |
|||
flex-direction: row-reverse; |
|||
text-align: center; |
|||
color: #454444; |
|||
display: block; |
|||
margin: 10px auto; |
|||
border: 4px solid #4e4d4d; |
|||
padding: 10px 10px; |
|||
width: 200px; |
|||
border-radius: 30px; |
|||
transition: 0.25s; |
|||
} |
|||
|
|||
.entry{ |
|||
border: none; |
|||
resize: none; |
|||
outline: none; |
|||
width: 100%; |
|||
text-align: inherit; |
|||
background-color: inherit; |
|||
-webkit-appearance: none; |
|||
-moz-appearance: none; |
|||
appearance: none; |
|||
} |
|||
|
|||
.champ:focus, .champ:hover{ |
|||
width: 300px; |
|||
border-color: #ac2a8d; |
|||
background-color: #dddddd; |
|||
} |
|||
|
|||
.champ img{ |
|||
display: none; |
|||
position: relative; |
|||
float: right; |
|||
width: 20px; |
|||
bottom: 20px; |
|||
right: 20px; |
|||
} |
|||
|
|||
.submit{ |
|||
background-color: inherit; |
|||
display: flex; |
|||
position: relative; |
|||
flex-direction: row-reverse; |
|||
text-align: center; |
|||
color: #454444; |
|||
display: block; |
|||
margin: 10px auto; |
|||
border: 4px solid #4e4d4d; |
|||
padding: 10px 10px; |
|||
width: 200px; |
|||
border-radius: 30px; |
|||
transition: 0.25s; |
|||
} |
|||
|
|||
.submit:hover{ |
|||
width: 250px; |
|||
background-color: #82E6AC; |
|||
border-color: #2ecc71; |
|||
} |
|||
|
|||
.help{ |
|||
display: none; |
|||
z-index: 2; |
|||
position: absolute; |
|||
width: 170px; |
|||
right: 0; |
|||
top: 30%; |
|||
border-radius: 30px; |
|||
padding: 15px; |
|||
margin: 0; |
|||
background-color: #dddddd; |
|||
} |
|||
|
|||
.help * { |
|||
font-size: 14px; |
|||
width: 100%; |
|||
} |
|||
|
|||
.help p{ |
|||
position: relative; |
|||
} |
|||
|
|||
code { |
|||
background-color: #aaa; |
|||
border-radius: 5px; |
|||
font-family: courier, monospace; |
|||
padding: 3px 5px; |
|||
} |
Loading…
Reference in new issue