✎ Blabla : 2155
✎ Citation : Je veux être la poussée d'adrénaline que tu désires, le poison le plus sombre qui coulera dans tes veines et qui te rendras accro.
Comme une drogue ?
✎ Age : 36
Localisation : A Elviyas en train de chasser des maripods !
Emploi/loisirs : A la recherche du bonheur et tout ce qui va avec
Humeur : Curieusement bien
| Dim 19 Avr 2015 - 10:38 - Code:
-
/*infobulle du staff sur PA*/ .tooltip { position: relative; background: none; cursor: help; display: inline-block; text-decoration: none; color: #222; outline: none; }
.tooltip span { visibility: hidden; position: absolute; top: 45px; /*descendre/monter l'encadrement de description*/ left: 50%; z-index: 999; width: 210px; margin-left: -127px; padding: 10px; border: 2px solid #c0c0c0; opacity: .9; background-color: #FFCE83; background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.5) inset; box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; text-shadow: 0 1px 0 rgba(255,255,255,.4); }
.tooltip:hover { border: 0; /* IE6 fix */ }
.tooltip:hover span { visibility: visible; }
.tooltip span:before, .tooltip span:after { content: ""; position: absolute; z-index: 999; bottom: 55px; /*monter/descendre le triangle*/ left: 50%; margin-left: -8px; border-top: 8px solid #6E6358; /*couleur du triangle*/ border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0; -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); }
.tooltip span:before { border-top-color: #cccccc; bottom: 56px; -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); } |
|