كود تلوين لائحة قائمة الاصدقاء

روبي ديزاين كتب:كود تلوين لائحة قائمة الاصدقاء 

انا طبقت اللي بالموضوع بس ماتغيرش ليه ؟؟

https://help.ahlamontada.com/t1086975-topic#4928493

الكود:

a[href^="/profile?friend"] {
    color: #FFF !important;
    font-size: 11px;
    font-weight: bold;
    background: #8B5;
    border-bottom: 2px solid #693;
    border-radius: 3px;
    display: inline-block;
    line-height: normal !important;
    padding: 6px 9px !important;
    margin: 2px;
    transition: 300ms;
    width: 136px;
}
a[href^="/profile?foe"] {
    color: #FFF !important;
    font-size: 11px;
    font-weight: bold;
    background: #E53;
    border-bottom: 2px solid #C31;
    border-radius: 3px;
    display: inline-block;
    line-height: normal !important;
    padding: 6px 9px !important;
    margin: 2px;
    transition: 300ms;
    width: 136px;
}
a[href^="/profile?friend"],a[href^="/profile?foe"]:hover {
    background: #333;
    border-bottom: 2px solid #111;
}


.pagination {
    background-color:#fff;
    color:#48b9ef;
    padding:10px 0 10px 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align:right;
}

.pagination a {
    color:#48b9ef;
    padding:2px 5px;
    margin:0 2px;
    text-decoration:none;
    border:2px solid #f0f0f0;
}

.pagination a:hover, div.pagination a:active {
    border:2px solid #ff5a00;
    color:#ff5a00;
}

.pagination span.current {
    padding:2px 5px;
    border:2px solid #ff5a00;
    color:#fff;
    font-weight:bold;
    background-color:#ff6c16;
}
.pagination span.disabled {
    display:none;
}
.sucesso, .alerta, .aviso, .infos {
padding: 8px 8px 8px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.sucesso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
}
.alerta {
background: url('http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png') no-repeat 6px #fccac3;
border: 1px solid #db3f23;
color: #D8000C;
}
.aviso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png') no-repeat 6px #ffeaa9;
border: 1px solid #f9b516;
color: #9F6000;
}
.infos {
background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3;
border: 1px solid #4d8fcb;
color: #00529B;
}
.HG-HT {
background-image:url('http://store6.up-00.com/2017-07/150048905589331.png');
   background-repeat:repeat-x;
   height:642px;
}

.HG-HR {
background-image:url('http://store6.up-00.com/2017-07/150048905667292.png');
   background-repeat:no-repeat;
   height:642px;
   width:27px;
   float:right;   
}

.HG-HL {
background-image:url('http://store6.up-00.com/2017-07/150048905678483.png');
   background-repeat:no-repeat;
   height:642px;
   width:24px;
   float:left;
}

.HG-HC {
background-image:url('http://store6.up-00.com/2017-07/150048905692444.png');
   background-repeat:no-repeat;
   height:642px;
   width:958px;
   margin-right:auto;
   margin-left:auto;
   position:relative;
}

.backg {
   background:transparent;
   color:maroon;
}
.RE-P1 {
background-image:url('http://store6.up-00.com/2017-07/150048905715235.png');
   background-repeat:repeat-y;
   background-position:right;
   padding-right:36px;
}
.RE-P2 {
background-image:url('http://store6.up-00.com/2017-07/15004890572866.png');
   background-repeat:repeat-y;
   background-position:left;
   padding-left:33px;
}


.FG-FT {
background-image:url('http://store6.up-00.com/2017-07/150048915918811.png');
   background-repeat:repeat-x;
   height:147px;
}
.FG-FR {
background-image:url('http://store6.up-00.com/2017-07/150048915930432.png');
   background-repeat:no-repeat;
   height:147px;
   width:156px;
   float:right;
}
.FG-FL {
background-image:url('http://store6.up-00.com/2017-07/150048915946063.png');
   background-repeat:no-repeat;
   height:147px;
   width:523px;
   float:left;
   position:relative;

}

a.u1 {
   position:absolute;
   height:0px;
   width:0px;
   left:0px;
   top:0px;
   
}

a.u2 {
   position:absolute;
   height:0px;
   width:0px;
   left:0px;
   top:0px;
   
}
a.u3 {
   position:absolute;
   height:0px;
   width:0px;
   left:0px;
   top:0px;
   
}
a.u4 {
   position:absolute;
   height:0px;
   width:0px;
   left:0px;
   top:0px;
   
}

   
#HT {
    height:126px;
    background-image:url('http://store6.up-00.com/2017-07/150049263631411.png');
    background-repeat:repeat-x;
}

#HT .HR {
    height:126px;
    width:504px;
    background-image:url('http://store6.up-00.com/2017-07/150049263641262.png');
    background-repeat:no-repeat;
    float:right;
}
#HT .HL {
    height:126px;
    width:402px;
    background-image:url('http://store6.up-00.com/2017-07/150049263658723.png');
    background-repeat:no-repeat;
    float:left;;
}

.PT {
    background:transparent;
    color:maroon;
}

.P2 {
    padding-left:147px;
    background-image:url('http://store6.up-00.com/2017-07/150049263688825.png');
    background-repeat:repeat-y;
    background-position:left;
}
.P1 {
    padding-right:147px;
    background-image:url('http://store6.up-00.com/2017-07/150049263672914.png');
    background-repeat:repeat-y;
    background-position:right;
}

#FT {
    height:102px;
    background-image:url('http://store6.up-00.com/2017-07/150049263704476.png');
    background-repeat:repeat-x;
}
#FT .FR {
    height:102px;
    width:504px;
    background-image:url('http://store6.up-00.com/2017-07/150049264742181.png');
    background-repeat:no-repeat;
    float:right;
}
#FT .FL {
    height:102px;
    width:402px;
    background-image:url('http://store6.up-00.com/2017-07/150049264753862.png');
    background-repeat:no-repeat;
    float:left;
}
a strong {
background : url(http://i86.servimg.com/u/f86/12/36/92/31/star310.gif) no-repeat right;
padding : 0 15px 0 20px;
}

##fa_popup_content > div.post .postprofile dt > a, #main-content > div.post .postprofile dt > a, #userAvatar, .avatar, .lastpost-avatar, .mod-login-avatar dt, .postprofile dt > img, td.avatar-mini img {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3), 0 -1px 1px rgba(0, 0, 0, 0.3);
    display: inline-block;
    height: 100px;
    margin: 10px 0;
    overflow: hidden;
    padding: 3px;
    width: 100px;
}
#fa_popup_content > div.post .postprofile dt img, #main-content > div.post .postprofile dt img, #userAvatar img, .avatar img, .lastpost-avatar img, .mod-login-avatar dt > img, td.avatar-mini img {
    border-radius: 100px;
    height: 100px;
    width: 100px;
}
.lastpost-avatar, .lastpost-avatar img, td.avatar-mini img {
    height: 34px;
    width: 34px;
 }
table.forumline {
    background: url('http://store4.up-00.com/2017-07/150050399124053.png') top left no-repeat ,
      url('http://store4.up-00.com/2017-07/150050399105882.png') top right no-repeat ,
      url('http://store4.up-00.com/2017-07/150050399095081.png') top center repeat-x ,
      url('http://store6.up-00.com/2017-07/150050400679391.png') bottom right no-repeat ,
      url('http://store6.up-00.com/2017-07/150050400691372.png') bottom left no-repeat ,
      url('http://store4.up-00.com/2017-07/150050399161186.png') bottom center repeat-x ,
      url('http://store4.up-00.com/2017-07/150050399152595.png') center left repeat-y ,
      url('http://store4.up-00.com/2017-07/150050399138974.png') center right repeat-y;
        padding: 126px 39px 102px 39px;
}

th > center > a:link {
    color: white;
}
th > center > a:visited {
    color: white;
}

.bodyline {
    background-color: #0a7a95;
}
tr.post td {

    text-align: center;

}

الكود:

a[href^="/profile?friend"] {
    color: #FFF !important;
    font-size: 11px !important;
    font-weight: bold !important;
    background: #8B5 !important;
    border-bottom: 2px solid #693 !important;
    border-radius: 3px !important;
    display: inline-block !important;
    line-height: normal !important;
    padding: 6px 9px !important;
    margin: 2px !important;
    transition: 300ms !important;
    width: 136px !important;
}
a[href^="/profile?foe"] {
    color: #FFF !important;
    font-size: 11px !important;
    font-weight: bold !important;
    background: #E53 !important;
    border-bottom: 2px solid #C31 !important;
    border-radius: 3px !important;
    display: inline-block !important;
    line-height: normal !important;
    padding: 6px 9px !important;
    margin: 2px !important;
    transition: 300ms !important;
    width: 136px !important;
}
a[href^="/profile?friend"]:hover,a[href^="/profile?foe"]:hover {
    background: #333 !important;
    border-bottom: 2px solid #111 !important;
}