كود تصاميم الازرار

/**********كود تلوين الازرار والتحكم الكامل بلون وشكل كل زر على حده**********/

/* -- زر الرئيسية -- */
#page-header a.mainmenu[href^="/"] {
background-color: #5DD3FF;
  }
/* -- زر البوابة -- */
#page-header a.mainmenu[href^="/portal"] {
background-color: #85D3D3;
  }
/* -- زر اليومية -- */
#page-header a.mainmenu[href^="/calendar"] {
display:none
  }
/* -- زر الاحداث -- */
#page-header a.mainmenu[href^="/events"] {
display:none
  }
/* -- زر مكتبة الصور -- */
#page-header a.mainmenu[href^="/gallery/index.htm"] {
display:none
  }
/* -- زر المنشورات -- */
#page-header a.mainmenu[href^="/publi"] {
display:none
  }
/* -- زر س ج -- */
#page-header a.mainmenu[href^="/faq"] {
background-color: #8595D3;
  }

/* -- زر البحث -- */
#page-header a.mainmenu[href^="/search"] {
background-color: #E2B730;
  }
/* -- زر الاعضاء -- */
#page-header a.mainmenu[href^="/memberlist"] {
background-color: #FFD73D;
  }
/* -- زر المجموعات -- */
#page-header a.mainmenu[href^="/groups"] {
display:none
  }
/* -- زر البينات الشخصية -- */
#page-header a.mainmenu[href^="/profile?mode=editprofile"] {
background-color: #A6E420;
  }
/* -- زر الرسائل -- */
#page-header a.mainmenu[href^="/privmsg?folder=inbox"] {
background-color: #FA5AB4;
  }
/* -- زر دخول -- */
#page-header a.mainmenu[href^="/login"] {
background-color: #F2705A;
  }
/* -- زر التسجيل -- */
#page-header a.mainmenu[href^="/register"] {
background-color: #E03F16;
  }
#page-header a.mainmenu {
-webkit-border-radius: 15px 15px 15px 15px;
background: none;
text-align: center;
color: #FFF!important;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 800;
height: 57px;
line-height: 55px;
outline: medium none;
padding: 0;
text-decoration: none!important;
text-transform: uppercase;
transition-duration: 100ms;
width: 112px;
margin: 1px;
margin-top: 10px;
  border-style: double;
}
ul.navlinks {  
    font-weight: normal;
    text-align: center;
}  
.mainmenu img {
    vertical-align: middle;
    display: none;
      display: none !important;
}
#page-header .navbar .linklist {
border: none;
margin: -9px -10px 0;
}
#page-header .navbar .linklist li { font-size:0 }

#page-header a:hover.mainmenu:hover {
background-color: #F84828;
}
/**********كود تلوين الازرار والتحكم الكامل بلون وشكل كل زر على حده**********/

/**********كود تلوين الازرار والتحكم الكامل بلون وشكل كل زر على حده**********/

/* -- زر الرئيسية -- */
#page-header a.mainmenu[href^="/"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }
/* -- زر البوابة -- */
#page-header a.mainmenu[href^="/portal"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }
/* -- زر اليومية -- */
#page-header a.mainmenu[href^="/calendar"] {
display:none
  }
/* -- زر الاحداث -- */
#page-header a.mainmenu[href^="/events"] {
display:none
  }
/* -- زر مكتبة الصور -- */
#page-header a.mainmenu[href^="/gallery/index.htm"] {
display:none
  }
/* -- زر المنشورات -- */
#page-header a.mainmenu[href^="/publi"] {
display:none
  }
/* -- زر س ج -- */
#page-header a.mainmenu[href^="/faq"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }

/* -- زر البحث -- */
#page-header a.mainmenu[href^="/search"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }
/* -- زر الاعضاء -- */
#page-header a.mainmenu[href^="/memberlist"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }
/* -- زر المجموعات -- */
#page-header a.mainmenu[href^="/groups"] {
display:none
  }
/* -- زر البينات الشخصية -- */
#page-header a.mainmenu[href^="/profile?mode=editprofile"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }
/* -- زر الرسائل -- */
#page-header a.mainmenu[href^="/privmsg?folder=inbox"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }
/* -- زر دخول -- */
#page-header a.mainmenu[href^="/login"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }
/* -- زر التسجيل -- */
#page-header a.mainmenu[href^="/register"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }
#page-header a.mainmenu {
-webkit-border-radius: 15px 15px 15px 15px;
background: none;
text-align: center;
color: #FFF!important;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 800;
height: 57px;
line-height: 55px;
outline: medium none;
padding: 0;
text-decoration: none!important;
text-transform: uppercase;
transition-duration: 100ms;
width: 112px;
margin: 1px;
margin-top: 10px;
  border-style: double;
}
ul.navlinks { 
    font-weight: normal;
    text-align: center;
} 
.mainmenu img {
    vertical-align: middle;
    display: none;
      display: none !important;
}
#page-header .navbar .linklist {
border: none;
margin: -9px -10px 0;
}
#page-header .navbar .linklist li { font-size:0 }

#page-header a:hover.mainmenu:hover {
background-color: #F84828;
}
/**********كود تلوين الازرار والتحكم الكامل بلون وشكل كل زر على حده**********/