كود css شريط أسفل الإشعارات .

صورة للكود

الكود الان

#fa_toolbar_hidden {
   background-color: #333333;
   border-radius: 0px 0px 5px 5px;
   display: none;
   margin-top: -60px;
   position: absolute;
   right: 0px;
   z-index: 999;
}

#fa_toolbar_hidden #fa_show {
   background: none repeat scroll 0% 0% transparent ! important;
   height: 1px;
   width: 1px;
}

#fa_toolbar {
   bottom: 0px;
   left: 0px;
   position: fixed;
}

#fa_toolbar #fa_right #notif_list, #fa_menulist, #fa_toolbar #fa_right #notif_list {
   bottom: 22px;
   margin-left: -2px;
}

#fa_toolbar {
   bottom: 0px;
   left: 0px;
   position: fixed;
   top: auto;
}

#tbar {
   background: url("https://i.imgur.com/a4HBvmE.jpg") repeat-x scroll 0px 0px / 100% 100% transparent;
   height: 114px;
}

#warfare, #warfare a {
   background: url("https://i.imgur.com/YOdTukU.png") no-repeat scroll 0% 0% transparent;
   display: block;
   height: 112px;
   opacity: 0.9;
   position: absolute;
   width: 700px;
}

#vbar {
   background: url("https://i.imgur.com/yNaWtnV.png") repeat-x scroll 0px 0px transparent;
   height: 61px;
}

.wrapper {
   margin: 0px auto;
   padding: 0px;
   width: 1000px;
}

#main-navigation {
   line-height: 55px;
}

ul.leftside {
   float: left;
   margin-left: 0px;
   margin-right: 5px;
   text-align: left;
}

#primary-navigation li {
   border-right: 1px solid #000000;
   display: block;
   float: left;
   font-size: 11px;
   font-weight: bold;
   padding-right: 14px;
}

#primary-navigation li + li {
   border-right: 1px solid #000000;
   padding-left: 14px;
}

#LGquickvm_form {
   background: none repeat scroll 0% 0% #E1EBF2;
   border-radius: 3px 3px 3px 3px;
   border: 1px solid #98CBF5;
   box-shadow: 0px 0px 5px #A7BEF1;
   margin: 10px auto;
   max-width: 90%;
   padding: 5px;
}

#LGquickvm_bb {
   background: none repeat scroll 0% 0% #D0E1F1;
   border-radius: 3px 3px 3px 3px;
   box-shadow: 0px 0px 8px #8BC1EC inset;
   margin-bottom: 5px;
   padding: 5px;
}

#LGquickvm_bb span {
   border-radius: 3px 3px 3px 3px;
   border: 1px solid #8CBFD3;
   color: #3C6ED8;
   cursor: pointer;
   display: inline-block;
   font-size: 1.2em;
   margin: 0px 2px;
   padding: 3px 10px;
   text-shadow: 0px 1px white;
}

#LGquickvm_bb span:hover {
   box-shadow: 0px 0px 10px white inset;
}

#LGquickvm_message {
   border-radius: 3px 3px 3px 3px;
   border: 1px solid #CCCCCC;
   color: #666666;
   height: 85px;
   width: 99%;
}

#LGquickvm_main {
   text-align: center;
}

#LGquickvm_foot {
   height: 25px;
}

#LGquickvm_foot span {
   background: none repeat scroll 0% 0% #4C95E4;
   border-radius: 3px 3px 3px 3px;
   border: 1px solid #477BC9;
   box-shadow: 0px 10px 10px #68B0E2 inset;
   color: white;
   cursor: pointer;
   font-weight: bold;
   margin: 3px;
   padding: 5px;
   text-shadow: 0px 1px #3557C2;
}

#LGquickvm_send {
   float: right;
}

#LGquickvm_advanced {
   float: left;
}

#LGquickvm_foot span:hover {
   box-shadow: none;
   text-shadow: none;
}

#LGquickvm_rubbish {
   display: none;
}