Welcome

Halloween Administration

Maniac

Halloween, LS codage Forumactif Fiches & Messages Administration Maniac

Toutes versions

Optimisé Une page d'accueil est également disponible.
Réalisé pour le forum Maniac.

Retour

Codage fiche administrative Maniac Halloween Forumactif

HTML

CSS

/******************************************** FICHES ADMINISTRATION ********************************************/
.body_fiche {
        background: #cebec1;
        width: 500px;
        margin: auto;
        padding: 2%;
  	text-align: justify;
        box-sizing: border-box;
        color: #530d23;
  	font-family: Arial;
}

/* TITRES */
.body_fiche h2 {
        font-family: 'Jolly Lodger', cursive;
        text-align: center;
        font-size: 40px;
        font-weight: normal;
        margin: 5% 0 2%;
        font-style: italic;
}

.body_fiche h3 {
        font-family: 'Roboto Condensed', sans-serif;
        text-align: center;
        font-weight: normal;
        margin: 4% 0;
        text-transform: uppercase;
}

.body_fiche h3.titre_fiche {
        font-size: 30px;
        font-style: italic;
        letter-spacing: -2px;
        text-transform: lowercase;
        background: linear-gradient(90deg,#6a1732,#a95470);
        padding: 4% 0;
        color: #cebec1;
}

.body_fiche h4 {
        font-family: 'Roboto Condensed', sans-serif;
        text-align: center;
        font-size: 18px;
  	letter-spacing: 2px;
        font-weight: normal;
}

.body_fiche h4::after {
        display: block;
        content: "";
        width: 50%;
        height: 5px;
        margin: 2% auto 0;
        background: linear-gradient(90deg, #6a1732, #a95470);

}

.body_fiche h5 {
        font-style: italic;
        font-family: 'Roboto Condensed', sans-serif;
        letter-spacing: -2px;
        font-size: 18px;
        font-weight: normal;
}

.body_fiche h5::before {
        content: "▶ ";
        font-style: initial;
        margin: 0 2% 0 0;
        color: #a95470;
}

.body_fiche h6 {
        color: #a95470;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-size: 11px;
        margin: 0 0 0 6%;
}

/* IMAGES */
.body_fiche .icon {
        display: flex;
        justify-content: center;
        margin: 5% 0;
}

.body_fiche .icon img {
        width: 100px;
        height: 100px;
        object-fit: cover;
  	margin: 0 1%;
}

/* CREDIT */
.body_fiche .credits {
        display: block;
        text-align: center;
        font-family: 'Jolly Lodger', cursive;
        font-size: 16px;
        color: #530d23;
}

/* CITATION */
.body_fiche .quote, .body_fiche blockquote {
        background: #a95470;
        border: 0;
        position: relative;
        color: #f4e2f9;
        font-family: 'Roboto Condensed', sans-serif;
        padding: 2% 2% 2% 6%;
}

.body_fiche .quote::before, .body_fiche blockquote::before {
        content: "“ ";
        position: absolute;
        font-size: 90px;
        font-family: Georgia;
        top: 15px;
        left: -10px;
        color: #6a1732;
        transform: rotate(-20deg);
}

#maniac #administration #forumactif #codage #libreservice

Halloween