Files
posterg-front-end/style.css
2022-12-21 16:52:57 +01:00

164 lines
2.8 KiB
CSS

@font-face {
font-family: police1;
src: url("fonts/Combinedd.otf");
}
body {
background-color: white;
}
/* PARAMÈTRE DE BASE DE BOUTTON */
.button {
margin: 0;
width: auto;
padding: 0.8rem;
background-color: white;
}
/* ENTÊTE */
header {
z-index: 10000;
font-family: 'police1';
position: fixed;
background: linear-gradient(315deg, rgba(77, 168, 112, 1) 0%, rgba(193, 4, 252, 1) 66%);
top: 0;
left: 0;
margin: 0;
padding: 1.2rem;
height: auto;
width: 100%;
text-decoration: none;
outline: none;
font-size: 2rem;
}
header a {
text-decoration: none;
color: white;
outline: none;
}
header a:hover {
color: rgba(77, 168, 112, 1);
}
/* MENU */
.menu {
position: inherit;
width: 100vw;
left: 0;
background-color: white;
background: linear-gradient(0deg, rgba(2, 0, 36, 0) 0%, rgba(255, 255, 255, 1) 40%);
}
.menu-content {
display: flex;
flex-direction: row;
justify-content: center;
padding: 2rem;
gap: 1rem;
}
header .button {
background-color: none;
color: rgb(193, 4, 252);
border: 1px solid rgb(193, 4, 252);
text-align: center;
text-decoration: none;
font-size: 0.8rem;
transition-duration: 0.4s;
cursor: pointer;
border-radius: 16px;
}
header input {
font-family: police1;
}
header .button:hover {
background-color: rgb(193, 4, 252);
color: white;
}
/* FORMULAIRE */
form label {
font-family: police1;
font-size: 1rem;
}
form input{
position: relative;
border-color: #c104fc;
border-radius: 5px;
border-style: solid;
margin: 1rem;
padding: 0.5rem;
width: auto;
overflow:visible;
}
form select{
position: relative;
border-color: #c104fc;
border-radius: 5px;
border-style: solid;
margin: 1rem;
padding: 0.5rem;
background-color: white;
}
#enter input{
font-family: police1;
font-size: 1rem;
font-weight: bold;
padding: 1.2rem;
border-radius: 16px;
}
/* CONTENUS DE LA PAGE */
#page_content {
position: relative;
top: 15vh;
max-width: 80ch;
padding: 3em 1em;
margin: auto;
line-height: 1.75;
font-size: 1.25em;
}
/* GRILLE */
.grid-section {
position: relative;
/* display: block; */
/* position: fixed; */
/* margin: 30%; */
}
.grid-main {
display: grid;
/* margin-top:20vh; */
margin-right: 1vw;
grid-template-columns: repeat(5, 1fr);
grid-gap: 10px;
grid-auto-rows: minmax(100px, auto);
}
.grid1 {
grid-column: 1 / 5;
grid-row: 1 / 12;
background-color: #c104fc;
}
.grid2 {
grid-column: 5 / 5;
grid-row: 1 / 12;
background-color: #4da870;
}
form .boutton {
position: inherit;
margin: 0;
}