etc
This commit is contained in:
21
main.css
21
main.css
@@ -45,6 +45,11 @@ html, body{
|
|||||||
box-shadow: 1px 1px 1px black;
|
box-shadow: 1px 1px 1px black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.logo:hover{
|
||||||
|
box-shadow: 1px 1px 2px #0bbd90;
|
||||||
|
border: 1px solid #0bbd90;
|
||||||
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
flex: 9;
|
flex: 9;
|
||||||
text-align: initial;
|
text-align: initial;
|
||||||
@@ -80,6 +85,11 @@ nav {
|
|||||||
#login {
|
#login {
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
|
background-color: #ffc478;
|
||||||
|
}
|
||||||
|
|
||||||
|
#login:hover {
|
||||||
|
background-color: #0bbd90;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*Body et son contenu */
|
/*Body et son contenu */
|
||||||
@@ -134,6 +144,7 @@ body {
|
|||||||
.search-form {
|
.search-form {
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
|
box-shadow: 0px 0px 10px rgb(131, 131, 131);
|
||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
@@ -146,6 +157,7 @@ nav {
|
|||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
width: 95%;
|
width: 95%;
|
||||||
|
box-shadow: 1px 1px 1px black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag-selected {
|
.tag-selected {
|
||||||
@@ -201,6 +213,7 @@ nav {
|
|||||||
grid-gap: 10px;
|
grid-gap: 10px;
|
||||||
/* grid-auto-rows: minmax(300px, auto);
|
/* grid-auto-rows: minmax(300px, auto);
|
||||||
grid-auto-columns: auto;*/
|
grid-auto-columns: auto;*/
|
||||||
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width : 1200px) {
|
@media screen and (max-width : 1200px) {
|
||||||
@@ -246,6 +259,10 @@ ul {
|
|||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.recette-icone:hover{
|
||||||
|
border-color: #0bbd90;
|
||||||
|
}
|
||||||
|
|
||||||
.recette-icone-content{
|
.recette-icone-content{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -349,6 +366,10 @@ ul {
|
|||||||
box-shadow: 2px 2px 0px #000000;
|
box-shadow: 2px 2px 0px #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn:hover {
|
||||||
|
background-color: #0bbd90;
|
||||||
|
}
|
||||||
|
|
||||||
.form-control {
|
.form-control {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
box-shadow: 3px 4px 5px #8c8c8c;
|
box-shadow: 3px 4px 5px #8c8c8c;
|
||||||
|
|||||||
Reference in New Issue
Block a user