SAE_WEB_S1/CSS/styles.css

92 lines
912 B
CSS
Raw Normal View History

2023-12-28 12:03:46 +01:00
* {
2023-12-28 17:23:12 +01:00
font-family: cursive;
}
2023-12-29 12:04:07 +01:00
body{
2023-12-31 13:17:44 +01:00
margin: 0;
2023-12-29 12:04:07 +01:00
}
nav{
top: 0;
2023-12-29 20:15:06 +01:00
left: 0;
2023-12-29 12:04:07 +01:00
position: fixed;
display: flex;
2023-12-29 20:15:06 +01:00
align-items: center;
justify-content: space-around;
background: linear-gradient(45deg,orange 35%,darkred);
2023-12-29 12:04:07 +01:00
width: 100%;
}
2023-12-29 20:15:06 +01:00
nav:hover{
background: linear-gradient(45deg,orange ,darkred);
2023-12-31 13:17:44 +01:00
2023-12-29 20:15:06 +01:00
}
2023-12-29 12:04:07 +01:00
2023-12-28 17:23:12 +01:00
#icone{
height: 10vh;
width: 10vw;
}
2023-12-31 13:17:44 +01:00
main{
display: flex;
flex-direction: column;
}
#cas{
margin-top:10% ;
height: 25%;
width: 25%;
2023-12-29 12:04:07 +01:00
2023-12-31 13:17:44 +01:00
}
#btn_up{
position: fixed;
background-color: transparent;
border-color: transparent;
right: 2vw;
bottom: 2vh;
height: 4vh;
width: 4vh;
}
2023-12-28 17:23:12 +01:00
li{
display: inline-block;
2023-12-29 12:04:07 +01:00
}
p{
font-size: 30px;
2023-12-31 13:17:44 +01:00
margin: 10px;
}
#pied_de_page{
font-size: 15px;
2023-12-28 17:23:12 +01:00
}
.page{
2023-12-29 12:04:07 +01:00
list-style-type: none;
2023-12-28 17:23:12 +01:00
text-decoration: none;
color: black;
2023-12-29 12:04:07 +01:00
margin-right: 10vh;
2023-12-29 20:15:06 +01:00
font-size: 2vh;
2023-12-28 17:23:12 +01:00
}
.page:hover{
2023-12-29 20:15:06 +01:00
color: gold;
2023-12-28 17:23:12 +01:00
}
2023-12-29 12:04:07 +01:00
2023-12-29 20:15:06 +01:00
2023-12-29 12:04:07 +01:00
footer{
2023-12-31 13:17:44 +01:00
background-color: orange;
padding-bottom: 15vh;
2023-12-29 12:04:07 +01:00
}