PA GARDESIA |
Soonsony Nooby Admin Dim 4 Sep - 12:51
| |
Soonsony Nooby Admin Dim 4 Sep - 12:51 /*----------------------------------------------------------------------------------page d'accueil-----------------------------------------------------------------*/ .fondPA { background: #F9FCE6; height: 445px; position: relative; width: 800px; } .bloclien { position: absolute; top: 71px; } .topsite { position: absolute; right: 274px; letter-spacing: 7px; top: 390px; } .topsitetxt { color: #BE4029; font-size: 9px; font-weight: 700; line-height: 12px; position: absolute; right: 142px; text-align: center; text-transform: uppercase; top: 373px; width: 127px; z-index: 999; } .bloctoppartenaires { position: absolute; top: 360px; } .blocminiinfos { background: #F1E7BF; font-size: 8px; height: 50px; left: 462px; padding-left: 73px; padding-right: 4px; padding-top: 4px; position: absolute; text-align: justify; top: 300px; width: 104px; line-height: 8px; color: #648DDE; text-transform: uppercase; font-weight: bold; } .bloctemps { background: #E5F6CC; color: #68802A; font-size: 9px; font-weight: 700; height: 36px; left: 647px; line-height: 10px; padding-left: 4px; padding-right: 4px; padding-top: 18px; position: absolute; text-align: center; text-transform: uppercase; top: 300px; width: 90px; } .imgtylton { height: 84px; position: absolute; right: -73px; top: 263px; transform: rotate(-30deg); width: 150px; z-index: 999; } .lien_u { background: #F1E7BF; height: 20px; text-align: left; margin-bottom: 5px; border-left: 4px solid #BE4029; width: 350px; padding-left: 36px; padding-top: 4px; padding-bottom: 3px; text-transform: uppercase; font-size: 18px; font-family: serif; } .fondcontexte { background: url(https://i.imgur.com/uBVbbiK.png); border-radius: 150px; height: 300px; overflow: hidden; position: absolute; z-index: 9; top: 66px; left: 248px; width: 300px; border: 5px solid #FFECB4; } .fondcontexte p{ color: #648dde; font-size: 11px; height: 216px; margin-top: 28px; opacity: 0; overflow: auto; background: #fff; padding: 16px; text-align: justify; transition: all .3s linear; width: 216px; line-height: 11px; } .fondcontexte p:hover{ color: #648dde; font-size: 11px; height: 216px; margin-top: 28px; background: #fff; opacity: 0.9; overflow: auto; padding: 16px; text-align: justify; transition: all .3s linear; width: 216px; line-height: 11px; } .imgfondstaff { position: absolute; right: 0; top: 0; width: 421px; overflow: hidden; } .slideshow, .slide { width: 350px; height: 220px; } .slideshow { margin: 0; background-color: #F1E7BF; border: 4px double #fff; margin: 0; position: absolute; overflow: hidden; left: 444px; top: 70px; } .slideshow div { position: relative; top: 0; left: 0; } .slide { margin: 0; overflow: auto; display: inline-block; vertical-align: middle; text-align: center; color: white; } /*! * Code proposé par Damudo No Kyoku * Corrigé par Espeon * Pour CSSActif - http://www.css-actif.com */ .staffbase1 { display: inline-block; position: absolute; left: 0; } .staffbase1 > div { margin-top: -20px; opacity: 0; left: 379px; position: absolute; top: 20px; transform: scale(0.1); transition: all .1s linear; visibility: hidden; } .staffbase1:hover > div { opacity: 1; visibility: visible; top: 20px; -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .staff1 { background: rgba(255,255,255,0.7); color: #81C2EB; margin: auto; padding: 5px; text-align: center; width: 411px; height: 50px; } .staff1 a { padding: 5px; margin: 5px 0 0 0; display: inline-block; background-color: #000000; color: #666666; text-decoration: none; -webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; -moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; -o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .staff1 a:hover { color: #ffffff; } .staff1 h1 { font-size: 24px; margin-top: -4px; color: #BD3F28; font-family: 'Lora', serif; margin-bottom: -2px; } .staff1 p { margin-top: 0; text-align: center; color: #6AA0DB; } .staff1 hr { -webkit-box-shadow: 0 0 3px #666666; -moz-box-shadow: 0 0 3px #666666; -o-box-shadow: 0 0 3px #666666; box-shadow: 0 0 3px #666666; } .staffbase2 { display: inline-block; position: absolute; left: 95px; } .staffbase2 > div { margin-top: -20px; opacity: 0; left: 284px; position: absolute; top: 20px; transform: scale(0.1); transition: all .1s linear; visibility: hidden; } .staffbase2:hover > div { opacity: 1; visibility: visible; top: 20px; -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .staff2 { background: rgba(255,255,255,0.7); color: #81C2EB; margin: auto; padding: 5px; text-align: center; width: 411px; height: 50px; } .staff2 a { padding: 5px; margin: 5px 0 0 0; display: inline-block; background-color: #000000; color: #666666; text-decoration: none; -webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; -moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; -o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .staff2 a:hover { color: #ffffff; } .staff2 h1 { font-family: Lora, serif; font-size: 24px; margin-top: -4px; color: #BD3F28; margin-bottom: -2px; } .staff2 p { margin-top: 0; text-align: center; color: #6AA0DB; } .staff2 hr { -webkit-box-shadow: 0 0 3px #666666; -moz-box-shadow: 0 0 3px #666666; -o-box-shadow: 0 0 3px #666666; box-shadow: 0 0 3px #666666; } .staffbase3 { display: inline-block; position: absolute; left: 190px; } .staffbase3 > div { margin-top: -20px; opacity: 0; left: 189px;; position: absolute; top: 20px; transform: scale(0.1); transition: all .1s linear; visibility: hidden; } .staffbase3:hover > div { opacity: 1; visibility: visible; top: 20px; -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .staff3 { background: rgba(255,255,255,0.7); color: #81C2EB; margin: auto; padding: 5px; text-align: center; width: 411px; height: 50px; } .staff3 a { padding: 5px; margin: 5px 0 0 0; display: inline-block; background-color: #000000; color: #666666; text-decoration: none; -webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; -moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; -o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .staff3 a:hover { color: #ffffff; } .staff3 h1 { font-family: Lora, serif; font-size: 24px; margin-top: -4px; color: #BD3F28; margin-bottom: -2px; } .staff3 p { margin-top: 0; text-align: center; color: #6AA0DB; } .bouh hr { -webkit-box-shadow: 0 0 3px #666666; -moz-box-shadow: 0 0 3px #666666; -o-box-shadow: 0 0 3px #666666; box-shadow: 0 0 3px #666666; } .staffbase4 { display: inline-block; position: absolute; left: 284px; } .staffbase4 > div { margin-top: -20px; opacity: 0; left: 95px; position: absolute; top: 20px; transform: scale(0.1); transition: all .1s linear; visibility: hidden; } .staffbase4:hover > div { opacity: 1; visibility: visible; top: 20px; -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .staff4 { background: rgba(255,255,255,0.7); color: #81C2EB; margin: auto; padding: 5px; text-align: center; width: 411px; height: 50px; } .staff4 a { padding: 5px; margin: 5px 0 0 0; display: inline-block; background-color: #000000; color: #666666; text-decoration: none; -webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; -moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; -o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .staff4 a:hover { color: #ffffff; } .staff4 h1 { font-family: Lora, serif; font-size: 24px; margin-top: -4px; margin-bottom: -2px; color: #BD3F28; } .staff4 p { margin-top: 0; text-align: center; color: #6AA0DB; } .staff4 hr { -webkit-box-shadow: 0 0 3px #666666; -moz-box-shadow: 0 0 3px #666666; -o-box-shadow: 0 0 3px #666666; box-shadow: 0 0 3px #666666; } .membremois { display: inline-block; left: 662px; position: absolute; top: 357px; } .membremois > div { left: 0px; margin-top: -20px; opacity: 0; position: absolute; top: 20px; transform: scale(0.1); transition: all .3s linear; visibility: hidden; } .membremois:hover > div { opacity: 1; visibility: visible; top: 20px; -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .mmbrms { background: rgba(255,255,255,0.9); color: #81C2EB; height: 76px; margin: auto; padding: 5px; text-align: center; width: 124px; } .mmbrms a { padding: 5px; margin: 5px 0 0 0; display: inline-block; background-color: #000000; color: #666666; text-decoration: none; -webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; -moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; -o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; box-shadow: 0 0 3px #ffffff, 0 0 5px #212121; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .mmbrms a:hover { color: #ffffff; } .mmbrms h1 { color: #EAAF56; font-family: Lora, serif; font-size: 13px; margin-bottom: -2px; margin-top: -4px; } .mmbrms p { color: #6AA0DB; margin-top: 8px; text-align: justify; font-size: 10px; } .mmbrms hr { -webkit-box-shadow: 0 0 3px #666666; -moz-box-shadow: 0 0 3px #666666; -o-box-shadow: 0 0 3px #666666; box-shadow: 0 0 3px #666666; } /*----------------------------------------------------------------------------- fin page d'accueil-----------------------------------------------------------------*/ | |
Soonsony Nooby Admin Lun 21 Aoû - 21:57 | |
Contenu sponsorisé |
Page 1 sur 1 |
|
|