grace of a mermaid Ariel Stormwind Messages : 145 Faceclaim : zhenya katava (@alcuna licenza.) Multicomptes : not yet. Fairytale : the little mermaid. Age : Trente longues années qu'elle ère entre l'océan qui l'a vu naître, et la terre qui l'a recueillie. Peuple : Elle était une sirène avant de choisir de rejoindre le monde des humains. Sa queue de poisson a laissé place à des jambes, longtemps source de douleurs. Statut civil : Elle s'est unie il y a de ça une décennie avec le prince dont elle avait tant rêvé dans son autre vie, Eric. Un mariage heureux dans ses débuts mais qui s'effrite lentement depuis la perte de leur fils unique. Idéologie : Elle n'a d’allégeance qu'au royaume de slumberland et à son peuple, préférant ne pas s'immiscer dans les affaires de famille de son mari. Occupation : Elle est de sang noble et a toujours vécu dans le luxe et l’opulence, peu importe le royaume qui l'accueillait. De princesse des océans, elle est devenue dame de sandcliffs. Localisation : Étrangère venue d'un monde mystique, Ariel a fini par adopter la région de slumberland et plus particulièrement les contrées verdoyantes et maritimes de sandcliffs, qui sont désormais ses propres terres.
| |
| [Seuls les administrateurs ont le droit de voir ce lien]hdr blank [Seuls les administrateurs ont le droit de voir ce lien] - Code:
-
.bodybg { background: linear-gradient(to left,#517a7d,#FFF,#517a7d); background-attachment: fixed; }
.headerimg { width: 800px!important; }
.bodyline { padding-left: 0px; padding-right: 0px; padding-top: 0px; border: 1px solid #ffffff; box-shadow: 0 0 0 4px #e9e9e96b; }
.bodylinewidth { width: 700px; margin-top: -30px; }
.postbody { font-family: Montserrat; font-size: 11px; line-height: 18px; padding-left: 15px; padding-right: 15px; text-align: justify; width: 525px; }
@font-face { font-family: Exodus Regular; src: url('http://dl.dropbox.com/s/cjs7pz5o565feac/ExodusDemo-Regular.otf'); }
@font-face { font-family: Exodus Striped; src: url('http://dl.dropbox.com/s/at3i6iuwiaijs6t/ExodusDemo-Striped.otf'); }
.avatar.mini, .avatar.mini img { height: 60px; width: 38px; }
hr { margin: 5px; border-top-width: 1px; border: solid #f5f5f5 0; height: 0; } .maintitle, .maintitle h1 { margin-top: -40px; }
.pa_index { margin-top: 10px; }
a.mainmenu { color: #68ab97; text-decoration: none; text-transform: uppercase; font-family: monospace; padding-top: 10px; padding-bottom: 10px; }
a.mainmenu[href="/faq"] { display: none !important; } a.mainmenu[href="/group"] { display: none !important; } /* ---a.mainmenu[href="/"] { margin-right: 0px ;} a.mainmenu[href="/search"] { color: #719366!important; margin-left: -10px; } a.mainmenu[href="/groups"] { color: #719366!important; } a.mainmenu[href="/t31-bottin-des-avatars"] { margin-left: -30px; } a.mainmenu[href="/f6-les-annexes"] { color: #719366!important; margin-left: px; } a.mainmenu[href="/f21-animations"] { margin-left: px; } a.mainmenu[href="/f41-cervoise-hydromel"] { color: #719366!important; margin-left: px; }
a.mainmenu[href="/register"] { display: none !important; } a.mainmenu[href="/profile?mode=editprofile"] { display: none !important; } a.mainmenu[href="/privmsg?folder=inbox"] { display: none !important; } a.mainmenu[href="/login"] { display: none !important; } a.mainmenu[href*="?logout="] { display: none !important; }--- */
.blocmenu { background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 0 4px #f8f8f8; height: 22px; margin-left: 5px; margin-right: 5px; margin-top: -1px; }
a:link { text-decoration: none; }
c { color: #68ab97; font-family: monospace; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; }
c:hover { color: #bfa995; font-family: monospace; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; }
d { color: #bfa995; font-family: monospace; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; }
d:hover { color: #68ab97; font-family: monospace; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; }
x { color: #fff; font-family: monospace; font-size: 9px; font-weight: 700; letter-spacing: 1px; padding: 3px; text-transform: uppercase; background-image: linear-gradient(-45deg,#c7a0c6,#7c7e9a)!important; }
x:hover { color: #fff; font-family: monospace; font-size: 9px; font-weight: 700; letter-spacing: 1px; padding: 3px; text-transform: uppercase; background-image: linear-gradient(-45deg,#7c7e9a,#c7a0c6)!important; -webkit-transition-duration: 1s; }
y { background-color: #68ab97; color: #fff; font-size: 9px; padding: 3px; text-transform: uppercase; font-family: monospace; letter-spacing: 1px; font-weight: bold; }
y:hover { background-color: #bfa995; color: #fff; font-size: 9px; padding: 3px; text-transform: uppercase; font-family: monospace; letter-spacing: 1px; font-weight: bold; }
o { color: #bfa995; }
u, ins { border-bottom: 2px #68ab97 solid; text-decoration: none; }
tr.post span.gensmall { display: none; }
a.gensmall { font-size: 9px; }
a.nav { text-decoration: none; text-transform: uppercase; font-size: 10px; }
::-moz-selection { /*@bugfix mozilla*/ background-color: #515151; color: #fff } ::selection { /* effet souris */ background-color: #515151; color: #fff }
a span strong { font-weight: normal !important; }
.gen, .genmed, .gensmall { color: #969696; font-family: roboto; font-size: 11px; }
.cbtxt { color: #515151; font-family: playfair display; font-size: 20px; font-weight: lighter; letter-spacing: 1px; text-transform: uppercase; }
input { font-weight: 400!important; text-transform: uppercase; font-family: playfair display; font-size: 9px; letter-spacing: 1px; padding: 5px; border: 1px solid #f3f3f3; box-shadow: 0 0 0 2px #ffffff; margin: 5px; background-color: #fff!important; }
.material-icons { filter: hue-rotate(160deg) brightness(80%); }
.hautbas{ position: fixed; bottom: 50px; right: 0px; z-index: 999; }
/*positionnement zone de texte profil*/ .poster-profile textarea { border: 1px #fff solid; box-sizing: border-box; display: block; font-size: 9px; width: 100%; max-width: 206px; min-width: 206px; /* optionnel */ }
.paginer { font-size: 8px; text-transform: uppercase; } .paginer img { display: none; } .paginer a { font-size: 9px; margin-top: 2px; padding: 0 2px; text-decoration: none; }
/* ------------ TOOLBAR PERSONNALISEE ----------- */
div#fa_search {display:none!important;} span#fa_share {display:none!important;} a#fa_hide {display: none!important;} a#fa_left {display: none!important;} a#fa_left {display: none!important;} span#fa_left {display: none!important;} #fa_toolbar { background-color: transparent !important; /* Rend transparent le fond principal */ }
#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome { color: #68ab97 }
#fa_right.welcome #fa_menu #fa_welcome { background-color: #fff; color: #68ab97; }
#fa_right #fa_notifications, #fa_welcome, #fa_right a.rightHeaderLink { color: #68ab97; line-height: 30px; padding: 0 5px; }
#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications { background-color: #FFF; color: #68ab97; }
div#fa_right { font-family: monospace; font-size: 10px!important; margin-left: -15%; margin-right: 15px!important; margin-top: 10px; text-transform: uppercase; background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 0 4px #f8f8f8; }
ul#fa_menulist { border: none!important; font-family: monospace font-size: 10px!important; max-height: 300px; text-align: center!important; color: #68ab97!important; }
#fa_menulist :link, #fa_menulist :visited { color: #68ab97!important; }
#fa_usermenu { color: #bfa995; font-size: 9px; line-height: 23px; font-family: montserrat; left: 0; padding: 10px 20px 10px 10px; position: absolute; text-align: center; width: 120px; }
/*BALISES*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; } div.cont_code { clear: right; }
/*Bloc qui contient le titre et le contenu de CODE, SPOILER, QUOTE ET HIDE*/ .codebox { background-color: #ffffff; padding: 5px; border: 1px solid #eaeaea; } /*Contenu de CODE, SPOILER FERMÉ, QUOTE ET HIDE*/ .codebox > dd:first-of-type { } /*Ligne du titre de CODE, SPOILER ET QUOTE*/ .codebox > dt { } /*Titre de CODE, SPOILER ET QUOTE*/ .codebox > dt .genmed, .spoiler > dt { font-family: playfair display; text-transform: uppercase; letter-spacing: 3px; font-size: 9px; font-weight: lighter!important; }
/*modifier l'apparence des scrollbars de tout le forum*/ ::-webkit-scrollbar { width: 5px; /*largeur de la scrollbar verticale*/ height: px; /*hauteur de la scrollbar horizontale*/ background-color: #; border-radius: 10px;} ::-webkit-scrollbar-track { background-color: #fafafa; /*couleur du fond de la scrollbar*/} ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/ background-color: #eaeaea /*couleur de l'ascenseur*/;}
/*REVUE DES SUJETS par Alu pour N-U*/ .postrevoir{background:white;margin:15px 0;padding:20px; box-shadow:2px 2px 5px lightgrey;} .postrevoir .name{text-transform:uppercase;font-weight:400;} .postnom{background:#F5F5F5;padding:5px;} .postrevoir .postdetails{font-family:Sans-serif;}
/* ------------ INTERFACE ACCUEIL ----------- */
.barretitres { border: 1px solid #f2f2f3; margin-left: 244px; width: 280px; }
.colortitle { color:#a28092; }
.secondarytitle { border: 10px solid #ffffff54; }
.secondarytitle, .secondarytitle h2 { color: #68ab97!important; font-family: playfair display; font-size: 14px; height: 19px; letter-spacing: 2px; padding: 11px 0; text-align: center; text-transform: uppercase; font-weight: ; line-height: 8px; }
.secondarytitlest { color: #68ab97; font-family: monospace; font-size: 10px; font-weight: lighter; letter-spacing: 2px; text-align: center; text-transform: uppercase; height: 12px; padding-top: 3px; margin-top: 0px; letter-spacing: 3px; }
.sousbarretitres { font-size: 8px; font-family: playfair display; font-weight: lighter; /* text-transform: lowercase; */ }
.imgbouton { background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 0 4px #f8f8f8; height: 54px; margin-left: 8px; margin-top: -12px; object-fit: cover; object-position: center center; padding: 5px; position: absolute; width: 150px; }
.clastpost { background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 0 4px #f8f8f8; height: 40px; padding-top: 5px; width: 179px; }
.lastpost { margin-top: 2px; text-align: center; }
.derniersmessages { font-size: 9px; text-transform: uppercase; font-family: arial; line-height: 11px; }
.lastpost-avatar { filter: grayscale(100%); float: right; margin-left: 5px; margin-top: -41px; opacity: .8; position: absolute; }
.lastpost-avatar img { border: 1px solid #e7e5ec; border-radius: 45px; height: 34px; margin-left: 59px; margin-top: -50px; object-fit: cover; object-position: center center; width: 34px; }
.forumlink { color: #409073; float: left; font-family: playfair display; font-size: 13px; font-weight: lighter; letter-spacing: 1px; margin-top: 2px; padding-bottom: 3px; text-transform: uppercase; width: 418px; background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 0 4px #f8f8f8; }
.descaté { margin-top: -8px; display: inline; }
.descriptionforum { background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 0 4px #f8f8f8; float: left; font-family: Montserrat; font-size: 10px; height: 54px; line-height: 12px; margin-left: 170px; overflow: auto; padding: 5px; text-align: justify; width: 409px; }
.liendescforum { background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 0 4px #f8f8f8; color: #bfa995; float: left; font-family: monospace; font-size: 10px; height: 54px; line-height: 13px; margin-right: 11px; opacity: 0; overflow: auto; padding: 5px; position: absolute; text-transform: uppercase; width: 148px; }
.liendescforum:hover { opacity: 1; -webkit-transition-duration: 1s; }
.StatsForum { background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 0 4px #f8f8f8; color: #bfa995; float: left; font-family: monospace; font-size: 9px; font-weight: lighter; height: 17px; margin-top: 5px; padding: 8px 2px 0; text-align: center; text-transform: uppercase; width: 161px; margin-left: 5px; }
/*ONGLETS*/
/*DEBUT PROFILS*/
.ffprofil { background-color: #f7f7f7; margin: 0 2px; padding-top: 12px; position: relative; text-align: center; width: 220px; border: 1px solid #eee; }
.fondprof1 { }
.fondprof3 { position:relative; background: url('https://i.imgur.com/hw5xARu.png') no-repeat; background-position:center top; height: 45px; width: 220px; -webkit-border-radius: 0px 0px 50px 50px; -webkit-border-bottom-left-radius: 50px; -webkit-border-bottom-right-radius: 50px; border-radius: 0px 0px 50px 50px; box-shadow: inset 0 10px 10px 0 #; }
.profrang { color: #c5cdbd; font-family: monospace; font-size: 9px; margin-top: -3px; padding-bottom: 3px; text-align: center; text-transform: uppercase; }
.profavatar { background-color: #ffffff; border: 1px #e7e7e7 solid; height: 320px; margin: auto; padding: 3px; width: 200px; }
.profavatar:hover { opacity: 0.5; transition: 0.5s; }
.profpseudo { font-family: Playfair Display; font-size: 15px; letter-spacing: 0px; text-align: center; text-shadow: # 0 0 4px; text-transform: uppercase; margin-bottom: -2px; }
.pcadre1 { margin-bottom: 5px; text-align: center; background-color: #fff; border: 1px solid #eee; margin: -8px 5px 5px 5px; padding-top: 5px; padding-bottom: 5px; }
.fpcadre2 { background-color: #fff; border: 1px solid #eee; padding: 5px; margin: 5px 5px 5px 5px; text-align: justify; width: 197px; }
.pcadre2 { }
.plabel { font-family: monospace; font-size: 9px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #bfa995; }
.pcontent { font-size: 9px; font-family: Montserrat;; }
.poster-profile img { max-width: 197px; }
#offlineimg { background-image: url(https://i.servimg.com/u/f49/20/05/16/50/offlin10.png); width: 131px; height: 35px; margin-left: 35px; }
.carnetroute { background-color: #ffffff; height: 326px; margin-left: 7px; margin-top: 1px; opacity: 0; position: absolute; width: 206px; }
.carnetroute:hover { opacity: 1; transition: 0.5s; }
div.carnetroute > span > br:first-child { display: none; }
/*FIN PROFILS*/
/******************************************************* DÉBUT SUJETS *******************************************************/
/*Bloc des sujets*/ .sujets { margin: auto; margin-bottom: 10px; background-color: #; border: 2px solid #; padding-bottom: 15px; } /*Titre du bloc des sujets*/ .sujets_top_title { background-color: #fff; border: 10px solid #fcfcfc7a; background-image: url(https://i.servimg.com/u/f49/20/05/16/50/fond_111.png); color: #68ab97; display: block; font-family: roboto; font-size: 11px; font-weight: 700; height: 30px; letter-spacing: 2px; line-height: 30px; text-transform: uppercase; }
/*Liste des sujets*/ .sujets_list { background-color: #f8f8f8; margin: auto; padding: 5px 5px 0; text-align: left; width: 800px; }
/*Polices des éléments hors sujets*/ .sujets_font { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #7b848f; }
/*Chaque sujet*/ .sujet { background-color: #; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: -7px; position: relative; border: 1px solid #; }
/*Type de sujet*/ .sujet_type { position: absolute; /* width: 740px; text-align: center; top: -7px; left: 0px; */ }
/*Titre du sujet*/ a.sujetlink { -webkit-transition: .5s; /* color: #23709e!important; */ /* font-family: Arial, Helvetica, sans-serif; */ /* font-size: 11px; */ /* font-style: italic; */ font-weight: bold; letter-spacing: 1px; padding-bottom: 5px; text-decoration: none; /* text-shadow: 1px 1px 1px #000; */ transition: .5s; } /*Titre du sujet survolé*/ a.sujetlink:hover { text-decoration: none!important; letter-spacing: 2px; }
/*Auteurs des sujets*/ .sujet_auteur a strong, .sujet_last_auteur a strong, .sujet_auteur a, .sujet_last_auteur a { font-size: 9px!important; font-weight: normal!important; font-family: Arial, Helvetica, sans-serif!important; text-transform: uppercase; }
.listsujetstaille { background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 0 4px #f8f8f8; font-family: arial; font-size: 9px; height: 44px; line-height: 13px; padding-top: 7px; text-align: center; text-transform: uppercase; }
.sujet_stats { font-size: 9px; }
div.topictitle { display: inline; font-family: arial; }
.topictitle, h1, h2 { font-size: 11px; font-weight: lighter; font-family: verdana; }
.sujetdetails { background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 0 4px #f8f8f8; font-family: monospace; font-size: 9px; margin: 5px; margin-left: 15px; margin-right: 15px; padding: 5px; text-align: center; text-transform: uppercase; }
.sujetdetails2 { }
/******************************************************* FIN SUJETS *******************************************************/
/******************************************************* DEBUT PA *******************************************************/
.pacadre1 { padding-left: 10px; }
.pacadre2 { background-color: #fcfcfc; height: 410px; }
.pacadretitre1 { background-color: #f8f8f8; /* border: 1px solid #eaeaea; */ margin-left: 5px; margin-top: 5px; padding: 5px; width: 338px!important; }
.pacadretitre2 { background-color: #ffffff; height: 50px; border: 1px solid #eee; padding: 5px; }
.patitre1 { color: #68ab97; font-family: playfair display; font-size: 18px; font-weight: lighter; height: 51px; letter-spacing: 2px; padding: 5px 0; text-align: center; text-transform: uppercase; }
.patitre2 { color: #a8a8a8; font-family: monospace; font-size: 10px; font-weight: lighter; height: 12px; letter-spacing: 3px; margin-top: -28px; padding-top: 3px; text-align: center; text-transform: uppercase; }
.paimg { background-color: #ffffff; border: 1px solid #e9ede5; opacity: 1; padding: 4px; width: 98px; margin-top: 3px; margin-left: 6px; -webkit-filter: grayscale(100%); }
.paimg:hover { opacity: 0.2; transition: 0.5s; }
.pacadretexte1 { background-color: #f8f8f8; margin-left: 5px; margin-top: 5px; padding: 5px; width: 338px!important; }
.pacadretexte2 { background-color: #ffffff; height: 165px; padding: 5px; border: 1px solid #eeeeee; padding: 7px 5px; }
.palien1 { color: #bfa995!important; text-decoration: none; }
.palien2 { color: #68ab97!important; text-decoration: none; }
.palienspart { -webkit-filter: grayscale(100%); background-color: #fff; border: 1px solid #eaeaea; height: 25px; margin-bottom: 5px; margin-top: 3px; margin-right: 6px; object-fit: cover; object-position: center center; padding: 2px; width: 25px; }
/******************************************************* FIN PA *******************************************************/
/******************************************************* DEBUT EN-TÊTE *******************************************************/
#fa_ticker_container { background-color: #fff; border: 1px solid #eee; box-shadow: 0px 0px 0px 5px #f8f8f8; margin-top: -1px!important; overflow: hidden!important; position: relative!important; width: 50%!important; height: 100px!important; float: left; }
.pamembremois { background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 0 4px #f8f8f8; float: left; height: 91px; margin-left: 5px; width: 214px!important; padding: 5px; text-align: justify; font-family: roboto; font-size: 11px; line-height: 1.2; }
.avamois { filter: grayscale(100%); float: right; margin-left: 44px; margin-top: 5px; opacity: .8; position: absolute; border: 1px solid #a6a6a6; border-radius: 66px; height: 50px; object-fit: cover; object-position: center center; width: 50px; } /******************************************************* FIN EN-TÊTE *******************************************************/
/******************************************************* DEBUT QEEL *******************************************************/
.qeelcadretitre1 { background-image: url(https://i.servimg.com/u/f49/20/05/16/50/backgr16.png); height: 49px; margin: -2px 0 5px -9px; width: 797px!important; }
.qeelcadretitre2 {
}
.qeelfond1 { background-color: #FCFCFC; height: 260px; margin: auto; padding: 5px 0px 5px 10px; }
.qeelfond2 { }
#cell { text-align: justify; font-family: roboto; font-size: 11px; line-height: 1.2; color: #999999; }
#delf { text-align: justify; font-family: roboto; font-size: 11px; line-height: 1.2; color: #999999; }
.qeelcol1 { background-color: #fff; border: 1px solid #eaeaea; float: left; height: 185px; margin-left: -3px; margin-top: -46px; padding: 5px; width: 290px; }
.qeelcol2 { background-color: #f7f7f7; border: 2px #f7f7f7 solid; font-family: monospace; font-size: 11px; height: 170px; line-height: 1.1; margin-bottom: 41px; padding: 5px; text-align: justify; }
.imgpres { margin-top: -90px; position: relative; }
.bloc1 { float: left; width: 247px; background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 0 5px #f8f8f8; color: #999; font-family: roboto; font-size: 11px; height: 157px; line-height: 1.2; padding: 5px; text-align: justify; }
.bloc11 {
}
.bloc2 { margin-left: 5px; float: left; width: 240px; color: #999; font-family: roboto; font-size: 11px; height: 157px; line-height: 1.2; padding: 5px; text-align: justify; background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 0 5px #f8f8f8; }
.bloc3 { margin-left: 5px; float: left; width: 247px; background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 0 5px #f8f8f8; color: #999; font-family: roboto; font-size: 11px; height: 157px; line-height: 1.2; padding: 5px; text-align: justify; }
.enligne { height:63px; margin-top:px; overflow: auto; }
.qeeltitre1 { color: #68ab97!important; font-family: roboto; font-size: 11px; font-weight: 700; height: 19px; padding-top: 10px; letter-spacing: 2px; text-align: center; text-transform: uppercase; border: 10px solid #ffffff54; }
/******************************************************* FIN QEEL *******************************************************/
/******************************************************* DEBUT ONGLETS *******************************************************/
.rangtext{text-align: center; color: #000000; font-size: 8px; text-transform: uppercase;font-family:courier;line-height: 9px;display:block;letter-spacing: 1px;margin-bottom:-10px;} /* .systab .tab => les onglet */ .systab .tab img { border-radius: 100px;-moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; margin-right: 5px; align: center; } /* .systab .tab:hover => les onglets survolés */ .systab .tab img:hover { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);opacity:0.1 }
/* .systab .contents => les conteneurs des contenus associés aux onglets */ .systab .contents { margin-top: 4px; margin-bottom: 1px; color: #F0EFE8; line-height: 11px; font-size: 10px; margin-left: -25px; width: 200px; height: 45px; padding: 10px; overflow: auto; } /* 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; }
/* STAFF */ .scenario1{padding:2px;width: 50px; height: 50px; border-radius: 2px;-moz-box-shadow:0px 0px 3px #CECDBE; filter:alpha(opacity=70);opacity:0.7;webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;} .scenario1:hover{padding:2px;width: 50px; height: 50px; border-radius: 2px;-moz-box-shadow:0px 0px 3px #CECDBE; filter:alpha(opacity=100);opacity:1;webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;}
.onglet { display:inline-block; margin-left:2px; margin-right:2px; padding:1px; border:1px solid #0F050A; cursor:pointer; border-radius:100px; -webkit-filter: grayscale(100%); } .onglet_0 { border:0px solid white; border-radius:100px; } .onglet_1 { border:0px solid white; border-radius:100px; } .contenu_onglet { display:none;width: 200px ;border-radius : 10px ; color-font:#575757 } ul { margin-top:0px; margin-bottom:0px; margin-left:-10px } h1 { margin:0px; padding:0px; }
/* ------------ MISSIVES FORMULAIRE ----------- */
.missives { width: 350px; background-image: url(https://cdn.inspirationhut.net/wp-content/uploads/2014/09/handmade-paper-pattern.jpg); box-shadow: 0px 10px 50px 33px #00000012 inset; border: 1px solid #dadada; padding: 50px; text-align: justify; font-family: 'Parisienne', cursive; font-size: 16px; color: #000; }
/******************************************************* FIN ONGLETS *******************************************************/
/******************************************************* DEBUT FICHES *******************************************************/
.contffiche { width: 547px; background-color: #f8f8f8; border: 1px solid #ececec; margin-left: -10px!important; }
.ffiche { }
.cadrefttexte { margin: 10px; padding: 5px; background-color: #fff; border: 1px solid #eee; }
.ftitres { height: 35px; padding: 10px; }
.titre1 { font-family: playfair display; font-size: 20px; font-weight: lighter; height: 38px; letter-spacing: 2px; text-transform: uppercase; color: #68ab97; text-align: center; margin-top: px; }
.fdcolor { color: #bfa995; }
.titre2 { font-family: monospace; font-size: 10px; font-weight: lighter; height: 38px; letter-spacing: 2px; text-transform: uppercase; color: #c9c9c9; text-align: center; margin-top: -13px; }
.ftnum { font-family: monospace; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding-bottom: 5px; color: #68ab97; float: left; }
.ftcat { font-family: monospace; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; text-align: right; border-bottom: 1px solid #e9ede5; padding-bottom: 5px; color: #bfa995; }
.fstitres { background-color: #f8f8f8; color: #68ab97; font-family: monospace; font-size: 11px; letter-spacing: 1px; padding: 0px 0px 0px 24px; text-transform: uppercase; }
.fimg { background-color: #fdfffb; border: 1px solid #e9ede5; height: 105px; margin: 0px 2px; object-fit: cover; object-position: center center; opacity: .7; padding: 4px; width: 160px; }
.fimg:hover { opacity: 0.5; transition: 0.5s; }
.fimgg { background-color: #fdfffb; border: 1px solid #e9ede5; padding: 4px; width: 161px; }
.avatarpres { float: left; background-color: #fff; border: 1px #e7e7e7 solid; padding: 3px; height: 270px; }
.avatarpres:hover { opacity: 0.5; transition: 0.5s; }
.imgfscenar { filter: grayscale(50%); float: left; margin-bottom: 0; margin-right: 5px; opacity: .6; width: 120px; }
.ftexte { font-size: 11px; line-height: 14px; padding: 10px; text-align: justify; }
.flettrine { float: left; font-family: playfair display; font-size: 44px; margin: -13px 7px 0px 0px; }
.fcopyright { /* background-image: url(https://i.imgur.com/ApQ3qHy.png); */ /* border: 1px #eee solid; */ color: #b6b6b6; font-family: playfair display; font-size: 10px; font-weight: lighter; letter-spacing: 1px; text-align: center; text-transform: uppercase; }
.tsurligne { background-color: #d5dddf; padding: 2px; color: #fff; text-transform: uppercase; font-size: 10px; }
/******************************************************* FIN FICHES *******************************************************/
|
|