Code toolbar

Code:

/****************************************
 LA TOOLBAR
*****************************************/
#fa_toolbar{background: transparent !important; position: fixed;}
#fa_share, #fa_search{display: none !important;}
#fa_service, #fa_icon {opacity: 0 !important;}
/* Couleur de fond toolbar visible*/ /*#fa_right {
    background: #c9b57f33;
    border-radius: 30px;
    float: right;
    font-size: 1.3rem;
    left: -124px;
    padding: 4px;
    position: relative;
    top: 52px;
    width: auto !important;
}*/

#fa_right {
    background: #c9b57f33;
    border-radius: 0px;
    float: right;
    font-size: 1.3rem;
    left: -121px;
    padding: 2px 18px 2px 0;
    position: relative;
    top: 430px;
    width: auto!important;
}

#fa_menulist {box-shadow: 0px 0px 5px #d4b9af;}
/* Clic actif bienvenue utilisateur et notifications #fa_right.welcome #fa_menu #fa_welcome, #fa_menu #fa_welcome, #fa_right a.rightHeaderLink {display: none;}*/
#fa_menu #fa_welcome {
    border-radius: 3px;
    color: #FFF;
    line-height: 30px;
    margin-left: 18px;
    margin-top: 3px;
    padding: 0 9px;
    vertical-align: top;
    display: block !important;
}

#fa_right a.rightHeaderLink { display: block !important;}


/* Plus de clic actif bienvenue utilisateur et notifications*/ /*#fa_right.notification  #fa_welcome, #fa_right #fa_notifications { color: #696034!important;
    padding-left: 0;
    padding-right: 15px;
    text-shadow: -1px 1px 2px #e9e3f1; } */
a#fa_hide {display: none!important;}

#fa_toolbar #fa_fb, #fa_toolbar #fa_gp, #fa_toolbar #fa_hide, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_twitter, #fa_toolbar_hidden #fa_show {
    /* background-image: url(https://2img.net/i/fa/i/toolbar/toolbar.png); */
    /* cursor: pointer; */
    /* height: 30px; */
    /* width: 30px; */
    display: none !important;
}

/*#fa_right {
    background: #c9b57f33;
    border-radius: 30px;
    float: right;
    font-size: 1.3rem;
    left: -118px;
    position: relative;
    top: 490px;
    width: auto!important;
    padding: 2px 18px 2px 0px;
} */


#fa_menu { display: none; }

/***** ONGLET BIENVENUE OUVERT *****/
/* Couleur fond de Bienvenue utilisateur*/ #fa_usermenu, #fa_menulist {background-color : #97d8e0;}
/* Avatar utilisateur */ #fa_usermenu img {box-shadow: 0px 0px 5px #bdb8eb36; max-height: 190px; border: 0px solid #FFF; border-radius: 0px; margin-bottom: -12px;}
/*Texte en dessous avatar : rang, messages et mp*/ #fa_usermenu {color: #8c72ed;}
/* Couleur des liens de Bienvenue utilisateur*/ #fa_menulist :link, #fa_menulist :visited {color: #843845 !important;}

/***** ONGLET NOTIFICATIONS OUVERT *****/
/* Fond liste des notifications*/ #fa_toolbar #fa_right #notif_list li {background: #ece7e8; color: #d8722f; display: block; font-size: 1em; line-height: 1.5; margin: 0; padding: 0 18px 9px;}

/* Fond de "Voir toutes les notifications" */ #notif_list li.see_all {background-color: #d1c3a79c !important; text-transform: uppercase;}
/* Couleur du lien "voir toutes les notifications" + les croix*/ #notif_list a {  color: #765a85 !important;}
/* Couleur des liens "Pseudo" ... "sujet"*/ #fa_toolbar #fa_right #notif_list li .contentText a {color: #765a85 !important;}
/* Couleur de fond des nouvelles notifications*/ #fa_toolbar #fa_right #notif_list li.unread {background: #e7e5ea;}
#fa_toolbar #fa_right #notif_list {box-shadow: 0px 0px 5px #bdb8eb36;}


#notif_list li .contentText {font-weight: normal;}


#fa_toolbar #fa_right.notification #notif_list {
    display: block;
    position: absolute;
    top: -108px;
    left: -448px !important;
}

#fa_right.welcome #fa_menu ul {display: block; top: 146px; margin-right: -163px; padding-left: 209px; margin: -98px;}
#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications { background:transparent; color: black;}


#fa_toolbar #fa_right #fa_notifications.unread #notif_unread {
    display: inline-block;
    visibility: visible !important;
      margin-left: .5em;
}


Khaym a écrit:@Admin Il te faut une notification regarde