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