|
| | |
| CSS - Code:
-
/* page d'acceuil pour Epicode de Hanyo Yurikin */ .transBox { display: flex; flex-wrap: wrap; width: 910px; padding: 5px; box-shadow: ; background-color: #0B2F3A; }
.thebar { width: 210px; height: 1px; background-color: #fff; margin-top: 2px; margin-bottom: 3px; }
.thebar_two { width: 250px; background-color: #333; }
.thebar_three { width: 120px; background-color: #c34648; }
.boxNav { padding: 5px; background-color: #111; width: 886px; margin: 2px 6px 0px; height: 30px; }
.boxNav span { color: #E9E9E9; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 24px; border-left: 0px solid #111; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; padding-left: 25px; }
.boxNav a { display: inline-block; padding: 4px; padding-top: 4px; box-shadow: 0 0 2px #111; font-size: 10px; opacity: 0.5; border-radius: 2px; color: white; font-family: 'Playfair Display', serif; text-transform: uppercase; width: 110px; background-color: #6E6E6E; margin: 2px; transition: all 0.8s; }
.boxNav a:hover { opacity: 1; }
.boxContexte { width: 250px; height: 250px; padding: 10px; text-align: justify; font-family: 'Arial', sans-serif; font-size: 11px; line-height: 12px; border: 1px solid #BE4747; background-color: #111; margin: 5px; color: white; overflow: hidden; }
.boxContexte.boxStaff { width: 400px; height: 110px; }
.boxContexte.boxMem { width: 126px; height: 110px; }
#ssBoxContexte { max-height: 70px; overflow: auto; }
.boxMem img { width: 126px; height: 110px; object-fit: cover; }
.boxContexte > span { display: inline-block; background: linear-gradient(140deg, #111, #333); padding: 1px; font-size: 9px; font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #c34648; }
.boxMem > span { background: rgba(0, 0, 0, 0.5) !important; padding: 4px; width: 100px; color: #fff; text-align: center; font-family: 'Arial', sans-serif; font-variant: small-caps; font-size: 11px; line-height: 12px; position: absolute; margin: 10px -116px 2px; height: 80px; text-transform: initial; }
.boxPredef { width: 310px; text-align: center; }
.boxPredef img { width: 50px; height: 50px; padding: 2px; border: 1px solid #333; margin: 2px; object-fit: cover; cursor: help; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; }
.boxPredef img:hover { opacity: 0.5; }
.boxContexte h1 { background-color: #6E6E6E; padding: 4px; font-family: 'Playfair Display', serif; text-transform: uppercase; border-radius: 5px; font-weight: lighter; color: white; }
.boxContexte.boxInfo { background-color: #111; }
.boxtext { color: #E9E9E9; font-family: 'Roboto', sans-serif; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; text-align: center; line-height: 100%; }
.bodyInfo { width: 250px; height: 250px; background-image: url('https://cdn.discordapp.com/attachments/347855121285382144/641015777536901131/paimg.jpg'); position: relative; object-fit: cover; overflow: hidden; }
.theactualad { position: absolute; top: 200px; left: 0px; opacity: 0; color: #eee; background-color: #333; width: 210px; height: 210px; padding: 20px; transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; text-align: justify; line-height: 12px; font-family: 'Arial', sans-serif; font-size: 11px; overflow: auto; }
.theactualad a { color: #c34648; font-family: 'Roboto', sans-serif; font-size: 10px; margin-left: 2px; margin-top: 15px; text-transform: uppercase; }
.bodyInfo:hover .theactualad { top: 0px; left: 0px; opacity: 1; }
.predefini { display: inline-block; position: relative; height: 60px; box-sizing: content-box; width: 80px; margin: 4px; overflow: hidden; padding: 3px; background: linear-gradient(140deg, #111, #333); border: 1px solid #333; }
.predefini img { position: absolute; height: 60px; width: 80px; object-fit: cover; margin-left: 0px; -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; line-height: 1.3em; }
.predefini:hover > img { transform: translate(0, 110%); }
.text_pv { color: #fff; background: #c34648; height: 50px; font-family: 'Roboto', sans-serif; width: 80px; text-transform: uppercase; font-size: 10px; text-align: center; padding-top: 10px !important; line-height: 1.3em; }
.text_pv a { color: #111; } | Admin Messages : 80
Localisation : bla
Emploi/loisirs : bla
| | | |
| |
|