Noan07
3 years ago
parent
6bbf9085fa
commit
c4a60cd1e2
|
After Width: | Height: | Size: 384 B |
@ -1,5 +0,0 @@
|
||||
*{
|
||||
top: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@ -1,66 +0,0 @@
|
||||
.formulaire {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.cadre {
|
||||
position: relative;
|
||||
padding: 50px 50px;
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
background:purple;
|
||||
}
|
||||
|
||||
.cadre h1 {
|
||||
letter-spacing: 5px;
|
||||
margin-bottom: 60px;
|
||||
font-weight: bold;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.cadre .inputbox {
|
||||
position: relative;
|
||||
width: 300px;
|
||||
height: 50px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.cadre .inputbox input {
|
||||
width: 100%;
|
||||
border: 2px solid #000;
|
||||
outline: none;
|
||||
background: none;
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.cadre .inputbox span {
|
||||
position: absolute;
|
||||
top: 14px;
|
||||
left: 20px;
|
||||
font-size: 1em;
|
||||
transition: 0.3s;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.span_date{
|
||||
margin-left: 7px;
|
||||
font-size: 1em;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.cadre .inputbox input:focus ~ span,
|
||||
.cadre .inputbox input:valid ~ span {
|
||||
transform: translateX(-13px) translateY(-35px);
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
input[type="submit"], #buttonTEL{
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
border: 2px solid #000;
|
||||
margin: 10px 0px 0px 25%;
|
||||
padding: 20px 10% 20px 10%;
|
||||
}
|
||||
@ -0,0 +1,11 @@
|
||||
|
||||
|
||||
$color-1: #61dafb;
|
||||
$color-2: salmon;
|
||||
$color-3: #282c34;
|
||||
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@ -0,0 +1,64 @@
|
||||
.formulaire {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.cadre {
|
||||
position: relative;
|
||||
padding: 50px 50px;
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
background:purple;
|
||||
h1 {
|
||||
letter-spacing: 5px;
|
||||
margin-bottom: 60px;
|
||||
font-weight: bold;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.inputbox {
|
||||
position: relative;
|
||||
width: 300px;
|
||||
height: 50px;
|
||||
margin-bottom: 25px;
|
||||
input {
|
||||
width: 100%;
|
||||
border: 2px solid #000;
|
||||
outline: none;
|
||||
background: none;
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
span {
|
||||
position: absolute;
|
||||
top: 14px;
|
||||
left: 20px;
|
||||
font-size: 1em;
|
||||
transition: 0.3s;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.span_date{
|
||||
margin-left: 7px;
|
||||
font-size: 1em;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.cadre .inputbox input:focus ~ span,
|
||||
.cadre .inputbox input:valid ~ span {
|
||||
transform: translateX(-13px) translateY(-35px);
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
input[type="submit"], #buttonTEL{
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
border: 2px solid #000;
|
||||
margin: 10px 0px 0px 25%;
|
||||
padding: 20px 10% 20px 10%;
|
||||
}
|
||||
@ -0,0 +1,63 @@
|
||||
.b:visited {
|
||||
color: #b9b9b9;
|
||||
}
|
||||
|
||||
|
||||
.b:hover,
|
||||
.b:focus {
|
||||
color: lightgrey;
|
||||
}
|
||||
|
||||
nav{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 50px;
|
||||
background-color: #AAAAAA;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-transform: uppercase;
|
||||
color: #b9b9b9;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.logo{
|
||||
margin-right: 250px;
|
||||
}
|
||||
|
||||
.b:active {
|
||||
color: #b9b9b9;
|
||||
}
|
||||
|
||||
|
||||
.home{
|
||||
width: 2rem;
|
||||
}
|
||||
|
||||
ul{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-self: center;
|
||||
list-style-type: none;
|
||||
li{
|
||||
padding-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.b{
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nav-neko-bleue{
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.n{
|
||||
height: 0.95rem;
|
||||
width: 0.95rem;
|
||||
padding-top: 0.15rem;
|
||||
overflow: hidden;
|
||||
fill: #b9b9b9;
|
||||
}
|
||||
@ -1,13 +1,2 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
||||
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
||||
sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
||||
monospace;
|
||||
}
|
||||
@import "./settings";
|
||||
@import "./components/navbar";
|
||||
Loading…
Reference in new issue