ANCIENNE PA
ANCIENNE PA Mar 16 Juin - 16:42
CSS
- Code:
/*------------------------------------------------PAGE D'ACCUEIL------------------------------------------------*/
:root {
--couleur1:#e7bdbb;
--couleur2:white;
--couleur3:#d38c89;
--couleur4: #a8c0b2;
--couleur5:#e99fab;
}
tipa{color: #783b46;font-family: 'Dancing Script', cursive;font-size: 50px;font-weight: 400;text-decoration: none!important;}
.container {
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.main-container,.second-container{
display: flex;
justify-content: space-evenly;
margin: auto;
width: 100%;
}
.main-container__first,.main-container__third{
overflow: auto;
height: 12em;
padding: .5em;
margin: 1em;
border: 1px #e0dbdb solid;
text-align: justify;
background-color: #fadcba; /*fond des blocs gris clairs*/
width: 30%;
}
#staffpa{background-color:#fadcba;border: 1px solid #F2F0F4; padding: .5em; margin: 1em; height: 12em;
text-align: center;width:230px;}
/* .systab .tab => les onglet */
.systab .tab img { cursor: pointer; width:50px;height:50px;margin:2px;}
/* .systab .tab:hover => les onglets survolés */
.systab .tab img:hover {width:50px;height:50px;margin:2px;opacity:0.7;}
/* .systab .tab.selected => les onglets sélectionnés */
.systab .tab img.selected{width:50px;height:50px;margin:2px;opacity:0.8;}
/* .systab .contents => les conteneurs des contenus associés aux onglets */
.systab .contents {background-color: #FFFCF2;font-size: 10px;height:40px;overflow: auto;padding: 10px;text-align:center;font-style:italic;}
/* style des onglets si ils sont à gauche ou à droite */
.systab.s_float .tab,.systab.s_float .tab {display: block; margin: 5px;}
/* flottement des conteneurs si les onglets sont à gauche où à droite */
.systab.s_float .tabs,.systab.s_float .contents {float: left;}
staffnom{color: #783b46;font-family: vt323;font-size: 12px;text-align: center;text-shadow: 1px 1px 1px #FFF;}
.second-container__first,.second-container__third {
overflow: auto;
height: 12em;
padding: .5em;
margin: 1em;
border: 1px #e0dbdb solid;
text-align: justify;
background-color: #fadcba; /*fond des blocs gris clairs*/
width: 30%;
}
.second-container__first,.second-container__third {
width: 30%;
}
.second-container__third{
display: flex;
}
.second-container__second {
width: 30%;
background:linear-gradient(#a8c0b2,#e6b1af);;
text-align: center;
border: 3px double var(--couleur2);
}
.second-container__first{
display: flex;
justify-content: space-around;
}
.box-img{
width: 20%;
text-align: center;
}
.second-first-text{
text-align: justify;
}
.nav-container {
width: 100%;
}
.stops {
background-color:#783b46;
color: white;
text-align : center;
text-transform : uppercase;
padding-top:2px;
padding-bottom:2px;
font: 12px BenchNine;
font-weight: lighter;
letter-spacing: 4px;
margin-bottom:2px;
width:150px;
}
/*barre de navigation du haut*/
.navig {
text-transform: uppercase;
text-align: center;
display: inline-block;
padding:2px;
width: 15%; /*à modifier en fonction de la largeur du forum*/
background-color: #FFFCF2
border: double white 3px;
}
.navig>a{
font-weight: bold;
color:white;
}
/*couleur des noms d'admins*/
.admin{
color: var(--couleur3);
font-weight: bold;
font-style: italic;
}
/* background contexte et infos pratiques*/
.empha{
background-color: #7b4e43;
color: white;
text-transform: uppercase;
font-weight: bold;
padding-right: 3px;
padding-left: 3px;
}
/*images rondes*/
.img-box{
display: block;
text-align: center;
width: 80%;
}
/*texte des membres du mois*/
.mdm {
font-style: italic;
text-align: justify;
width: 59%;}
/*------------------------------------------------FIN PAGE D'ACCUEIL------------------------------------------------*/
|
|