154 lines
2.5 KiB
CSS
154 lines
2.5 KiB
CSS
@charset "UTF-8"; /* La feuille de style est encodée en UTF-8 */
|
|
/****************************/
|
|
/* PAGE: Tous */
|
|
/* AUTEUR: Tous */
|
|
/****************************/
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
nav {
|
|
display: flex;
|
|
background-color: #13172c;
|
|
justify-content: space-between;
|
|
position: sticky;
|
|
}
|
|
|
|
nav ul {
|
|
display: flex;
|
|
list-style: none;
|
|
align-items: center;
|
|
text-align: right;
|
|
}
|
|
nav ul li:hover {
|
|
background-color: #6688cc;
|
|
border-color: #ffffff;
|
|
box-shadow: 0 0 30px #6688CC;
|
|
}
|
|
|
|
nav ul li a {
|
|
color: #FFEFE5;
|
|
text-decoration: none;
|
|
}
|
|
|
|
nav ul li {
|
|
width: 12,5%;
|
|
padding: 0 60px;
|
|
|
|
}
|
|
|
|
nav img {
|
|
max-width: 220px;
|
|
max-height: 60px;
|
|
justify-content: left;
|
|
}
|
|
|
|
/****************************/
|
|
/* PAGE: Accueil */
|
|
/* AUTEUR: Léa */
|
|
/****************************/
|
|
.accueil body {
|
|
background-color: rgb(138, 43, 226);
|
|
}
|
|
|
|
.accueil p {
|
|
margin: auto;
|
|
display: flex;
|
|
width: 50%;
|
|
}
|
|
|
|
|
|
|
|
/****************************/
|
|
/* PAGE: à Propos */
|
|
/* AUTEUR: Stanislas */
|
|
/****************************/
|
|
.aPropos body {
|
|
background-color: rgb(99, 241, 99);
|
|
}
|
|
|
|
/****************************/
|
|
/* PAGE: L'équipe */
|
|
/* AUTEUR: Jérémy & Andres */
|
|
/****************************/
|
|
.team body {
|
|
background-color: rgb(172, 45, 45);
|
|
}
|
|
|
|
/****************************/
|
|
/* PAGE: Histoire de DE */
|
|
/* AUTEUR: Jérémy */
|
|
/****************************/
|
|
.histoire body {
|
|
background-color: rgb(104, 170, 56);
|
|
}
|
|
|
|
/**************************************/
|
|
/* PAGE: Univers Sci-fi et sous-pages */
|
|
/* AUTEUR: Léa */
|
|
/**************************************/
|
|
.lore {
|
|
background-color: #C19F8A;
|
|
color: #FFEFE5;
|
|
}
|
|
|
|
.lore main{
|
|
margin: auto;
|
|
width: 1366px;
|
|
}
|
|
|
|
.lore h1, h2, h3{
|
|
margin: 10px;
|
|
}
|
|
|
|
.lore p{
|
|
margin: 10px;
|
|
}
|
|
|
|
.lore table{
|
|
width: 80%;
|
|
border: 2px solid #FFEFE5;
|
|
margin: auto;
|
|
}
|
|
|
|
.lore th{
|
|
padding: 10px;
|
|
border: 1px solid #FFEFE5;
|
|
}
|
|
|
|
.lore td{
|
|
border: 1px solid #FFEFE5;
|
|
}
|
|
|
|
.lore td img{
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 5px;
|
|
width: 90%;
|
|
}
|
|
|
|
.lore article {
|
|
width: 95%;
|
|
}
|
|
|
|
.lore article div {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
/****************************/
|
|
/* PAGE: Missions */
|
|
/* AUTEUR: Stanislas */
|
|
/****************************/
|
|
.missions body {
|
|
background-color: rgb(43, 189, 226);
|
|
}
|
|
|
|
/****************************/
|
|
/* PAGE: Armures */
|
|
/* AUTEUR: Andres */
|
|
/****************************/
|
|
.armures body {
|
|
background-color: rgb(255, 119, 0);
|
|
} |