الكود:
[hide] /* -- 18. FORUMACTIF TOOLBAR -- */
#fa_toolbar { border-bottom:1px solid #CCC }
#fa_icon { background-image:url('http://i21.servimg.com/u/f21/18/21/41/30/pa1110.png') !important }
#fa_service {
color:#39C !important;
font-size:16px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
}
#fa_right #fa_menu #fa_welcome, #fa_right #fa_notifications, #fa_right a.rightHeaderLink {
color:#39C !important;
font-size:11px !important;
font-weight:bold !important;
text-decoration:none !important;
line-height:22px !important;
background-color:transparent !important;
border:1px solid #39C !important;
border-radius:3px !important;
padding:0px 6px !important;
margin-top:3px !important;
transition:200ms;
}
#fa_right a.rightHeaderLink:hover, #fa_right #fa_menu #fa_welcome:hover, #fa_right #fa_notifications:hover, #fa_right.welcome #fa_menu #fa_welcome, #fa_toolbar > #fa_right.notification > #fa_notifications {
color:#FFF !important;
background-color:#39C !important;
border-color:#39C !important;
}
#fa_right #fa_hide {
background-color:transparent !important;
padding:0 !important;
margin-top:0 !important;
border:none !important;
transition:none !important;
}
/* share icons */
#fa_share a {
background:url('http://i21.servimg.com/u/f21/18/21/41/30/fa_sha10.png') no-repeat 0 0 transparent !important;
height:25px !important;
width:25px !important;
border-radius:25px;
margin:-2px 3px 0px 3px !important;
}
/*#fa_share a:hover { background-color:#39C !important }*/
#fa_share a:after {
content:".";
font-size:0;
background:transparent;
border-radius:30px;
display:block;
height:35px;
width:35px;
position:absolute;
margin-right:-5px;
margin-top:-5px;
z-index:-1;
transition:250ms;
}
#fa_share a:hover:after {
background:#39C;
height:25px;
width:25px;
margin-right:0;
margin-top:0;
}
a#fa_fb { background-position:-50px 0 !important }
a#fa_fb:hover { background-position:-75px 0 !important }
a#fa_twitter { background-position:0 0 !important }
a#fa_twitter:hover { background-position:-25px 0 !important }
a#fa_gp { background-position:-98px 0 !important }
a#fa_gp:hover { background-position:-123px 0 !important }
a#fa_mail { background-position:-150px 0 !important }
a#fa_mail:hover { background-position:-175px 0 !important }
a#fa_rss { background-position:-199px 0 !important }
a#fa_rss:hover { background-position:-224px 0 !important }
/* search bar */
#fa_search { position:relative }
#fa_search #fa_magnifier {
background:url('http://i21.servimg.com/u/f21/18/21/41/30/search10.png') no-repeat 50% 50% #39C !important;
border:1px solid #39C;
border-left:none;
border-radius:0 3px 3px 0;
height:22px !important;
width:22px !important;
top:3px;
right:0px;
}
#fa_search #fa_textarea {
color:#39C !important;
font-size:12px !important;
background:#39C !important;
border:1px solid #39C !important;
border-radius:3px 0 0 3px !important;
line-height:12px !important;
height:16px !important;
width:0px !important;
margin-right:23px !important;
padding:3px 0px 3px 1px !important;
transition:300ms;
cursor:text;
}
#fa_search:hover #fa_textarea, #fa_search #fa_textarea:hover, #fa_search #fa_textarea:focus {
color:#444 !important;
background:#FFF !important;
width:150px !important;
padding:3px !important;
outline:none;
}
/* menus and notifications */
#fa_menulist, #fa_toolbar #fa_right #notif_list {
background:#FFF !important;
border:1px solid #DDD !important;
border-radius:3px;
box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
margin-top:18px !important;
}
#fa_menulist:before, #fa_toolbar #fa_right #notif_list:before {
content:url('http://i18.servimg.com/u/f18/18/21/41/30/arrow11.png');
position:absolute;
top:-10px;
right:10%;
}
#fa_toolbar #fa_right #notif_list li.see_all { background:#39C !important }
#fa_toolbar #live_notif .fa_notification {
background:#FFF !important;
border:1px solid #DDD;
border-bottom-width:2px;
border-radius:3px !important;
box-shadow:0 3px 12px rgba(0, 0, 0, 0.175);
opacity:1 !important;
margin-top:5px;
}
#fa_toolbar #live_notif .fa_notification .content {
color:#555 !important;
background-image:url('http://i18.servimg.com/u/f18/16/89/96/68/notifi10.png') !important;
}
#fa_toolbar #live_notif .fa_notification a { color:#39C !important }
#fa_toolbar #live_notif .fa_notification a:hover { color:#333 !important }
#notif_unread {
color:#F93;
font-weight:bold;
}
#fa_notifications:hover #notif_unread, #fa_toolbar > #fa_right.notification > #fa_notifications #notif_unread { color:#FFF }
/* hide / show arrows */
#fa_hide, #fa_show {
background:url('http://i21.servimg.com/u/f21/18/21/41/30/fa_arr10.png') no-repeat 0px 0px transparent !important;
}
#fa_hide:hover { background-position:-30px 0px !important }
#fa_show { background-position:-60px 0px !important; }
#fa_show:hover { background-position:-90px 0px !important }
