تطوير عارضة المنتدى وأظهارها بشــكل أحترافي من أحلى موضوع

/* -- 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 }