اريد صورة الرمزية دائرة

كود css جعل الصور الشخصية بشكل دائري

css جعل صورة العضو دائري بجوار اخر مساهمة

الكود:

.mod-login-avatar
 dt, #main-content > div.post .postprofile dt > a,
#fa_popup_content > div.post .postprofile dt > a, .postprofile dt
> img, .lastpost-avatar, td.avatar-mini img, .avatar, #userAvatar {
   background: #FFF;
   border-radius: 100px;
   box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3), 0px -1px 1px rgba(0, 0, 0, 0.3);
   display: inline-block;
   height: 100px;
   width: 100px;
   padding: 3px;
   margin: 10px 0;
   overflow: hidden;
}

الكود:

 .lastpost-avatar img {
       background:#CC99FF;
       border-radius: 100px;
       box-shadow: 3px 2px 3px #302217;
       display: inline-block;
       height: 100px;
       width: 100px;
       padding: 3px;
       margin: 10px 0;
       overflow: hidden;
    }

الكود:

.lastpost-avatar img {
border-radius: 100px;
background: #FFF;
border: solid #FFF;
box-shadow: 0px 0px 1px;
}

الكود:

  
.fa_login{background-color:#FFF;border:1px solid #00A5CD;border-radius:3px;width:105px;margin-right:5px;padding:2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#fa_enter{background-color:#00B9E6;border:1px solid #00A5CD;border-radius:3px;padding:2px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#fa_enter:hover{background-color:#00A5CD}
/*---------- www.haya-m.net ----------- */
/* css قالب الشريط السفلي */
.afoot , .afoot a:link , .afoot_alink{
background: url('http://barbie-des.com/Summer/3.png');
color: #FFFFFF;
font: bold 11px tahoma;
text-decoration: none;
}

/*---------- www.haya-m.net ----------- */
/* css قالب الاحصائيات */

.Statistics , .Statistics a:link , .Statistics td.row1{
background: url('') #fbfafa;
color: #929394;
font:11px tahoma;
text-decoration: none;
}

.Statistics-1


{
background: url('') #96cab5;
color: #FFFFFF;
font: bold 14px Simplified Arabic;
text-align: center;
}

.Statistics-2
{
background: url('') #e1cf65;
color: #FFFFFF;
font: 11px tahoma;
}

.Stat2 , .Stat1
{
border-bottom: 1px dashed #D1D1D1;
}

.icon-stat1{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}

.icon-stat2{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}

.icon-stat3{
background: url('http://barbie-des.com/hjoor/misc/stats.gif');
width: 17px;
height: 14px;
}

.icon-stat4{
background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
width: 19px;
height: 16px;
}


*---------- www.haya-m.net ----------- */
/* css قالب الفئات */
.tborder{
color: #000000;
font: 11px tahoma;
border: 0px solid #f3edf0;
}
.tcat{
background: url('http://barbie-des.com/Summer/1.png');
color: #FFFFFF;
font: bold 14px Simplified Arabic;
text-align: center;
}
.tcat a:link, .tcat_alink{
color: #ffffff;
text-decoration: none;
}
.thead , .thead a:link, .thead_alink{
background: url('http://barbie-des.com/Summer/2.png');
color: #FFFFFF;
font: 11px tahoma;
text-decoration: none;
}
.tfoot , .tfoot a:link, .tfoot_alink{
background: url('http://barbie-des.com/Summer/3.png');
color: #FFFFFF;
font: bold 11px tahoma;
text-decoration: none;
}
.alt1, .alt1Active {
background: #fcfcfc;
color: #c4d344;
font: bold 15px Simplified Arabic;
border-bottom: 1px dashed #D1D1D1;
text-decoration: none;
}
.alt2, .alt2Active {
background: #fcfcfc;
color: #e7ca3a;
font: bold 11px tahoma;
border-bottom: 1px dashed #D1D1D1;
text-decoration: none;
}


/* كود التقييم ------ www.haya-m.net -------*/

.HMlike {
background: #b1d689;
border-radius: 0px 3px 3px 0px;
padding: 2px 6px 2px 6px;
color: #fff;
font-size: 10px;
font-weight: bold;
font-family: Tahoma;
border: 1px solid #6fc810;
cursor: pointer;
white-space: nowrap;
}
.HMlike:hover{
background: #a5ce79; }
.Hvote { margin: 0 5px; }
.Hnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}

.Hlikecount{
background: #6fc810;
border-radius: 3px 0px 0px 3px;
padding: 2px 3px 2px 3px;
color: #fff;
font-size: 10px;
font-weight: bold;
font-family: Tahoma;
cursor: pointer;
white-space: nowrap;
border: 1px solid #6fc810;
}

    .poster-profile.postdetails img{
      background:#fff;
      border:2px solid;
      font-weight:lighter;
      padding:5px;
      border-radius:100px;
      box-shadow:0 0px 4px rgba(0,0,0,.3),0 -1px 1px rgba(0,0,0,.3);
      display:inline-block;
      height:100px;
      overflow:hidden;
      margin:10px 0;
      width:100px;
      text-align:center
    }

/*------------لوضع خلفيه للتشكيلات العامه-------------------*/
div.gensmall{
back24 url(http://im31.gulfup.co/0t5cN.png) repeat;
border: 3px double #A4C100;
}
/*----- زووم لصور المواضيع -----*/
.postbody img{
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/

}


span.forumlink,Ali Nani {
display: block;
width: 400px;
Ali Nani;
height: 23px;
vertical-align: middle;
text-align: center;
Ali Nani;
background-image: url('http://im34.gulfup.com/5GVGk.png');
background-color: transparent;
margin-top: -5px;
Ali Nani;
margin-left: auto;
margin-right: auto;
Ali Nani;
border: 0;
}
tion(){$(function(){

if ($("#text_editor_textarea").length != 0) {

var lista5ColoresPorGama = [];

//################### ZONA EDITABLE ###################################################################################

lista5ColoresPorGama["ffffff"] = ["f2f2f2", "d8d8d8", "bfbfbf", "a5a5a5", "7f7f7f"];
lista5ColoresPorGama["000000"] = ["7f7f7f", "595959", "3f3f3f", "262626", "0c0c0c"];
lista5ColoresPorGama["eeece1"] = ["ddd9c3", "c4bd97", "938953", "494429", "1d1b10"];
lista5ColoresPorGama["1f497d"] = ["c6d9f0", "8db3e2", "548dd4", "17365d", "0f243e"];
lista5ColoresPorGama["4f81bd"] = ["dbe5f1", "b8cce4", "95b3d7", "366092", "244061"];
lista5ColoresPorGama["c0504d"] = ["f2dcdb", "e5b9b7", "d99694", "953734", "632423"];
lista5ColoresPorGama["9bbb59"] = ["ebf1dd", "d7e3bc", "c3d69b", "76923c", "4f6128"];
lista5ColoresPorGama["8064a2"] = ["e5e0ec", "ccc1d9", "b2a2c7", "5f497a", "3f3151"];
lista5ColoresPorGama["4bacc6"] = ["dbeef3", "b7dde8", "92cddc", "31859b", "205867"];
lista5ColoresPorGama["f79646"] = ["fdeada", "fbd5b5", "fac08f", "e36c09", "974806"];

var lista10ColoresBasicos = ["c00000", "ff0000", "ffc000", "ffff00", "92d050", "00b050", "00b0f0", "0070c0", "002060", "7030a0"];

//################### FIN ZONA EDITABLE ################################################################################

$.sceditor.command.get('color')._dropDown = $.sceditor.command.get('color')._menu = function (editor, caller, callback) {
var content = $(""),
cmd = $.sceditor.command.get('color');
if (!cmd._htmlCache) {
var pre = '';
var coloresGama = "";
for (var col = 0; col < 5; col++) {
for (key in lista5ColoresPorGama) {
if (lista5ColoresPorGama[key][col]) coloresGama += lista5ColoresPorGama[key][col] + ",";
}
}
coloresGama = coloresGama.substring(0, coloresGama.length - 1);
var htmlGen = [pre, Object.keys(lista5ColoresPorGama).toString().split(',').join(suf + pre), suf].join('');
var htmlList = [pre, coloresGama.split(',').join(suf + pre), suf].join('');
var htmlStandard = [pre, lista10ColoresBasicos.toString().split(',').join(suf + pre), suf].join('');
var htmlGeneralPanel = ['', htmlGen, '', htmlList, '', htmlStandard, ''].join('');
cmd._htmlCache = htmlGeneralPanel;
}
content.append(cmd._htmlCache).find('strong').click(function (e) {
callback($(this).attr('style').substr(17, 7));
editor.closeDropDown(true);
e.preventDefault();
});
editor.createDropDown(caller, "color-picker", content);
}
}
})
});
/*Mohamed Nsr كود اضافة زر الالوان في الصندوق الماسي*/

.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://im38.gulfup.com/rxrjB.jpg) !important;
font-family: Arial, Helvetica, sans-serif;
display: none;
padding: 0 !important;


}
.colorpicker.dark{
background: url(http://im35.gulfup.com/Vliab.jpg) !important;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}

.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0 !important;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
left: 212px;
top: 142px;
}
.colorpicker.dark .colorpicker_hex {
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
top: 52px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
top: 82px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
top: 112px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
display: none;
}
.colorpicker_submit {
position: absolute;
background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
cursor: pointer;
right: 10px;
width: 48px;
height: 50px;
top: 118px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
.colorpicker { z-index: 3; }
/*انتهاء الكود Mohamed Nsr*/

/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1136.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1136.gif), progress !important;} /* End http://www.cursors-4u.com */
[center][size=19][color=#9400d3][font=Arial Black]body #fa_toolbar {[/font][/color][/size][/center]

[center][size=19][color=#9400d3][font=Arial Black] background: #31485c url(http://3.bp.blogspot.com/-_SHIv7lRv3c/VH26z4dabnI/AAAAAAAAB5Q/xWeLv2EL6YU/s1600/Chevron_AntiqueBlue1_Paper.png) repeat-x scroll 50% 0;[/font][/color][/size][/center]

[center][color=#9400d3][font=Arial Black][size=19]
[/size][/font][/color][/center]

[center][size=19][color=#9400d3][font=Arial Black]}[/font][/color][/size][/center]

.HMlike{background:#b1d689;border-radius:0 3px 3px 0;padding:2px 6px;color:#fff;font-size:10px;font-weight:700;font-family:Tahoma;border:1px solid #6fc810;cursor:pointer;white-space:nowrap}
.HMlike:hover{background:#a5ce79}
.Hvote{margin:0 5px}
.Hnovote{filter:Alpha(opacity=50);opacity:.5;cursor:default;box-shadow:none;text-shadow:none}
.Hlikecount{background:#6fc810;border-radius:3px 0 0 3px;padding:2px 3px;color:#fff;font-size:10px;font-weight:700;font-family:Tahoma;cursor:pointer;white-space:nowrap;border:1px solid #6fc810}
a strong {
background : url(http://67.media.tumblr.com/46dad4bfc1be22a38ab55af39392753c/tumblr_inline_n0vux1XzSy1rxsw83.gif) no-repeat right;
padding : 0 15px 0 20px;
}
ahlamontada{-moz-border-radius:5px;background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima-c10.gif) repeat-x scroll center bottom #FFF;border:1px solid #E2E2E2;margin:2px;text-shadow:0 0 1px #626262}
.hima-elmasry{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima_a10.png) no-repeat scroll center top transparent;padding:20px;width:150px}
.hima{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima-b12.png) repeat-x scroll left top #37DCFC;border-bottom:2px solid #F2812E;color:#003;font-family:arial;font-size:12pt;font-style:normal;font-variant:normal;font-weight:700;text-shadow:1px 1px 1px #888;width:185px}
.masry{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima_s10.png) no-repeat scroll left top transparent;height:12px;margin:auto;position:relative;width:185px}
.ahlamontada{-moz-border-radius:5px;background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima2010.gif) repeat-x scroll center bottom #FFF;border:1px solid #E2E2E2;margin:2px;text-shadow:0 0 1px #626262}
.sidebaritem{background:url() repeat-x scroll 0 0 #FBFBFB;border-color:#D1D1E1;border-style:solid;border-width:1px 2px 1px 1px;font-size:11px;padding:0;width:180px}

.chatbox-title {
display:none;
}
#chatbox_header {
background:transparent
urlhttp://c.top4top.net/p_254fd841.png) no-repeat
scroll 0 0;
}



.twrank{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border : 1px dashed #ff0404;
border-width : 1px
border-color : #fc0c0c;
padding : 2px 2px;
background-repeat : repeat;
background-color : #f0feff;
background-image : url();
background-position : top;
overflow : visible;
vertical-align : middle;
}
   

الكود:

  .poster-profile.postdetails img{
          background:#fff;
          border:2px solid;
          font-weight:lighter;
          padding:5px;
          border-radius:100px;
          box-shadow:0 0px 4px rgba(0,0,0,.3),0 -1px 1px rgba(0,0,0,.3);
          display:inline-block;
          height:100px;
          overflow:hidden;
          margin:10px 0;
          width:100px;
          text-align:center
        }
    .fa_login{background-color:#FFF;border:1px solid #00A5CD;border-radius:3px;width:105px;margin-right:5px;padding:2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
    #fa_enter{background-color:#00B9E6;border:1px solid #00A5CD;border-radius:3px;padding:2px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
    #fa_enter:hover{background-color:#00A5CD}
    /*---------- www.haya-m.net ----------- */
    /* css قالب الشريط السفلي */
    .afoot , .afoot a:link , .afoot_alink{
    background: url('http://barbie-des.com/Summer/3.png');
    color: #FFFFFF;
    font: bold 11px tahoma;
    text-decoration: none;
    }

    /*---------- www.haya-m.net ----------- */
    /* css قالب الاحصائيات */

    .Statistics , .Statistics a:link , .Statistics td.row1{
    background: url('') #fbfafa;
    color: #929394;
    font:11px tahoma;
    text-decoration: none;
    }

    .Statistics-1


    {
    background: url('') #96cab5;
    color: #FFFFFF;
    font: bold 14px Simplified Arabic;
    text-align: center;
    }

    .Statistics-2
    {
    background: url('') #e1cf65;
    color: #FFFFFF;
    font: 11px tahoma;
    }

    .Stat2 , .Stat1
    {
    border-bottom: 1px dashed #D1D1D1;
    }

    .icon-stat1{
    background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
    width: 19px;
    height: 16px;
    }

    .icon-stat2{
    background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
    width: 19px;
    height: 16px;
    }

    .icon-stat3{
    background: url('http://barbie-des.com/hjoor/misc/stats.gif');
    width: 17px;
    height: 14px;
    }

    .icon-stat4{
    background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
    width: 19px;
    height: 16px;
    }


    *---------- www.haya-m.net ----------- */
    /* css قالب الفئات */
    .tborder{
    color: #000000;
    font: 11px tahoma;
    border: 0px solid #f3edf0;
    }
    .tcat{
    background: url('http://barbie-des.com/Summer/1.png');
    color: #FFFFFF;
    font: bold 14px Simplified Arabic;
    text-align: center;
    }
    .tcat a:link, .tcat_alink{
    color: #ffffff;
    text-decoration: none;
    }
    .thead , .thead a:link, .thead_alink{
    background: url('http://barbie-des.com/Summer/2.png');
    color: #FFFFFF;
    font: 11px tahoma;
    text-decoration: none;
    }
    .tfoot , .tfoot a:link, .tfoot_alink{
    background: url('http://barbie-des.com/Summer/3.png');
    color: #FFFFFF;
    font: bold 11px tahoma;
    text-decoration: none;
    }
    .alt1, .alt1Active {
    background: #fcfcfc;
    color: #c4d344;
    font: bold 15px Simplified Arabic;
    border-bottom: 1px dashed #D1D1D1;
    text-decoration: none;
    }
    .alt2, .alt2Active {
    background: #fcfcfc;
    color: #e7ca3a;
    font: bold 11px tahoma;
    border-bottom: 1px dashed #D1D1D1;
    text-decoration: none;
    }


    /* كود التقييم ------ www.haya-m.net -------*/

    .HMlike {
    background: #b1d689;
    border-radius: 0px 3px 3px 0px;
    padding: 2px 6px 2px 6px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    font-family: Tahoma;
    border: 1px solid #6fc810;
    cursor: pointer;
    white-space: nowrap;
    }
    .HMlike:hover{
    background: #a5ce79; }
    .Hvote { margin: 0 5px; }
    .Hnovote {
    filter:Alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    box-shadow: none;
    text-shadow: none;
    }

    .Hlikecount{
    background: #6fc810;
    border-radius: 3px 0px 0px 3px;
    padding: 2px 3px 2px 3px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    font-family: Tahoma;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid #6fc810;
    }

       

    /*------------لوضع خلفيه للتشكيلات العامه-------------------*/
    div.gensmall{
    back24 url(http://im31.gulfup.co/0t5cN.png) repeat;
    border: 3px double #A4C100;
    }
    /*----- زووم لصور المواضيع -----*/
    .postbody img{
    -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
    -moz-transition-duration: 0.5s; /*Mozilla duration version*/

    }


    span.forumlink,Ali Nani {
    display: block;
    width: 400px;
    Ali Nani;
    height: 23px;
    vertical-align: middle;
    text-align: center;
    Ali Nani;
    background-image: url('http://im34.gulfup.com/5GVGk.png');
    background-color: transparent;
    margin-top: -5px;
    Ali Nani;
    margin-left: auto;
    margin-right: auto;
    Ali Nani;
    border: 0;
    }
    tion(){$(function(){

    if ($("#text_editor_textarea").length != 0) {

    var lista5ColoresPorGama = [];

    //################### ZONA EDITABLE ###################################################################################

    lista5ColoresPorGama["ffffff"] = ["f2f2f2", "d8d8d8", "bfbfbf", "a5a5a5", "7f7f7f"];
    lista5ColoresPorGama["000000"] = ["7f7f7f", "595959", "3f3f3f", "262626", "0c0c0c"];
    lista5ColoresPorGama["eeece1"] = ["ddd9c3", "c4bd97", "938953", "494429", "1d1b10"];
    lista5ColoresPorGama["1f497d"] = ["c6d9f0", "8db3e2", "548dd4", "17365d", "0f243e"];
    lista5ColoresPorGama["4f81bd"] = ["dbe5f1", "b8cce4", "95b3d7", "366092", "244061"];
    lista5ColoresPorGama["c0504d"] = ["f2dcdb", "e5b9b7", "d99694", "953734", "632423"];
    lista5ColoresPorGama["9bbb59"] = ["ebf1dd", "d7e3bc", "c3d69b", "76923c", "4f6128"];
    lista5ColoresPorGama["8064a2"] = ["e5e0ec", "ccc1d9", "b2a2c7", "5f497a", "3f3151"];
    lista5ColoresPorGama["4bacc6"] = ["dbeef3", "b7dde8", "92cddc", "31859b", "205867"];
    lista5ColoresPorGama["f79646"] = ["fdeada", "fbd5b5", "fac08f", "e36c09", "974806"];

    var lista10ColoresBasicos = ["c00000", "ff0000", "ffc000", "ffff00", "92d050", "00b050", "00b0f0", "0070c0", "002060", "7030a0"];

    //################### FIN ZONA EDITABLE ################################################################################

    $.sceditor.command.get('color')._dropDown = $.sceditor.command.get('color')._menu = function (editor, caller, callback) {
    var content = $(""),
    cmd = $.sceditor.command.get('color');
    if (!cmd._htmlCache) {
    var pre = '';
    var coloresGama = "";
    for (var col = 0; col < 5; col++) {
    for (key in lista5ColoresPorGama) {
    if (lista5ColoresPorGama[key][col]) coloresGama += lista5ColoresPorGama[key][col] + ",";
    }
    }
    coloresGama = coloresGama.substring(0, coloresGama.length - 1);
    var htmlGen = [pre, Object.keys(lista5ColoresPorGama).toString().split(',').join(suf + pre), suf].join('');
    var htmlList = [pre, coloresGama.split(',').join(suf + pre), suf].join('');
    var htmlStandard = [pre, lista10ColoresBasicos.toString().split(',').join(suf + pre), suf].join('');
    var htmlGeneralPanel = ['', htmlGen, '', htmlList, '', htmlStandard, ''].join('');
    cmd._htmlCache = htmlGeneralPanel;
    }
    content.append(cmd._htmlCache).find('strong').click(function (e) {
    callback($(this).attr('style').substr(17, 7));
    editor.closeDropDown(true);
    e.preventDefault();
    });
    editor.createDropDown(caller, "color-picker", content);
    }
    }
    })
    });
    /*Mohamed Nsr كود اضافة زر الالوان في الصندوق الماسي*/

    .colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url(http://im38.gulfup.com/rxrjB.jpg) !important;
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    padding: 0 !important;


    }
    .colorpicker.dark{
    background: url(http://im35.gulfup.com/Vliab.jpg) !important;
    }
    .colorpicker_color {
    width: 150px;
    height: 150px;
    left: 14px;
    top: 13px;
    position: absolute;
    background: #f00;
    overflow: hidden;
    cursor: crosshair;
    }
    .colorpicker_color div {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
    }
    .colorpicker_color div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
    margin: -5px 0 0 -5px;
    }
    .colorpicker_hue {
    position: absolute;
    top: 13px;
    left: 171px;
    width: 35px;
    height: 150px;
    cursor: n-resize;
    }

    .colorpicker_hue div {
    position: absolute;
    width: 35px;
    height: 9px;
    overflow: hidden;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
    margin: -4px 0 0 0;
    left: 0px;
    }
    .colorpicker_new_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 213px;
    top: 13px;
    background: #f00;
    }
    .colorpicker_current_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 283px;
    top: 13px;
    background: #f00;
    }
    .colorpicker input {
    background-color: transparent;
    border: 1px solid transparent;
    position: absolute;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #898989;
    top: 4px;
    right: 11px;
    text-align: right;
    margin: 0;
    padding: 0 !important;
    height: 11px;
    }
    .colorpicker_hex {
    position: absolute;
    width: 72px;
    height: 22px;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
    left: 212px;
    top: 142px;
    }
    .colorpicker.dark .colorpicker_hex {
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
    }
    .colorpicker_hex input {
    right: 6px;
    }
    .colorpicker_field {
    height: 22px;
    width: 62px;
    background-position: top;
    position: absolute;
    }
    .colorpicker_field span {
    position: absolute;
    width: 12px;
    height: 22px;
    overflow: hidden;
    top: 0;
    right: 0;
    cursor: n-resize;
    }
    .colorpicker_rgb_r {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
    top: 52px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_r{
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
    }
    .colorpicker_rgb_g {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
    top: 82px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_g {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
    }
    .colorpicker_rgb_b {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
    top: 112px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_b {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
    }
    .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
    display: none;
    }
    .colorpicker_submit {
    position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
    width: 48px;
    height: 50px;
    top: 118px;
    overflow: hidden;
    }
    .colorpicker_focus {
    background-position: center;
    }
    .colorpicker_hex.colorpicker_focus {
    background-position: bottom;
    }
    .colorpicker_submit.colorpicker_focus {
    background-position: bottom;
    }
    .colorpicker_slider {
    background-position: bottom;
    }
    .colorpicker { z-index: 3; }
    /*انتهاء الكود Mohamed Nsr*/

    /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1136.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1136.gif), progress !important;} /* End http://www.cursors-4u.com */
    [center][size=19][color=#9400d3][font=Arial Black]body #fa_toolbar {[/font][/color][/size][/center]

    [center][size=19][color=#9400d3][font=Arial Black] background: #31485c url(http://3.bp.blogspot.com/-_SHIv7lRv3c/VH26z4dabnI/AAAAAAAAB5Q/xWeLv2EL6YU/s1600/Chevron_AntiqueBlue1_Paper.png) repeat-x scroll 50% 0;[/font][/color][/size][/center]

    [center][color=#9400d3][font=Arial Black][size=19]
    [/size][/font][/color][/center]

    [center][size=19][color=#9400d3][font=Arial Black]}[/font][/color][/size][/center]

    .HMlike{background:#b1d689;border-radius:0 3px 3px 0;padding:2px 6px;color:#fff;font-size:10px;font-weight:700;font-family:Tahoma;border:1px solid #6fc810;cursor:pointer;white-space:nowrap}
    .HMlike:hover{background:#a5ce79}
    .Hvote{margin:0 5px}
    .Hnovote{filter:Alpha(opacity=50);opacity:.5;cursor:default;box-shadow:none;text-shadow:none}
    .Hlikecount{background:#6fc810;border-radius:3px 0 0 3px;padding:2px 3px;color:#fff;font-size:10px;font-weight:700;font-family:Tahoma;cursor:pointer;white-space:nowrap;border:1px solid #6fc810}
    a strong {
    background : url(http://67.media.tumblr.com/46dad4bfc1be22a38ab55af39392753c/tumblr_inline_n0vux1XzSy1rxsw83.gif) no-repeat right;
    padding : 0 15px 0 20px;
    }
    ahlamontada{-moz-border-radius:5px;background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima-c10.gif) repeat-x scroll center bottom #FFF;border:1px solid #E2E2E2;margin:2px;text-shadow:0 0 1px #626262}
    .hima-elmasry{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima_a10.png) no-repeat scroll center top transparent;padding:20px;width:150px}
    .hima{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima-b12.png) repeat-x scroll left top #37DCFC;border-bottom:2px solid #F2812E;color:#003;font-family:arial;font-size:12pt;font-style:normal;font-variant:normal;font-weight:700;text-shadow:1px 1px 1px #888;width:185px}
    .masry{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima_s10.png) no-repeat scroll left top transparent;height:12px;margin:auto;position:relative;width:185px}
    .ahlamontada{-moz-border-radius:5px;background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima2010.gif) repeat-x scroll center bottom #FFF;border:1px solid #E2E2E2;margin:2px;text-shadow:0 0 1px #626262}
    .sidebaritem{background:url() repeat-x scroll 0 0 #FBFBFB;border-color:#D1D1E1;border-style:solid;border-width:1px 2px 1px 1px;font-size:11px;padding:0;width:180px}

    .chatbox-title {
    display:none;
    }
    #chatbox_header {
    background:transparent
    urlhttp://c.top4top.net/p_254fd841.png) no-repeat
    scroll 0 0;
    }



    .twrank{
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border : 1px dashed #ff0404;
    border-width : 1px
    border-color : #fc0c0c;
    padding : 2px 2px;
    background-repeat : repeat;
    background-color : #f0feff;
    background-image : url();
    background-position : top;
    overflow : visible;
    vertical-align : middle;
    }
       

الكود:

  
     .poster-profile img {
      border:2px solid;
        padding:5px;
      border-radius:100px;
    
      display:inline-block;
      height:100px;
      overflow:hidden;
      margin:10px 0;
      width:100px;
      text-align:center
    }
 
   .fa_login{background-color:#FFF;border:1px solid
#00A5CD;border-radius:3px;width:105px;margin-right:5px;padding:2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
 
   #fa_enter{background-color:#00B9E6;border:1px solid
#00A5CD;border-radius:3px;padding:2px
5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
    #fa_enter:hover{background-color:#00A5CD}
    /*---------- www.haya-m.net ----------- */
    /* css قالب الشريط السفلي */
    .afoot , .afoot a:link , .afoot_alink{
    background: url('http://barbie-des.com/Summer/3.png');
    color: #FFFFFF;
    font: bold 11px tahoma;
    text-decoration: none;
    }

    /*---------- www.haya-m.net ----------- */
    /* css قالب الاحصائيات */

    .Statistics , .Statistics a:link , .Statistics td.row1{
    background: url('') #fbfafa;
    color: #929394;
    font:11px tahoma;
    text-decoration: none;
    }

    .Statistics-1


    {
    background: url('') #96cab5;
    color: #FFFFFF;
    font: bold 14px Simplified Arabic;
    text-align: center;
    }

    .Statistics-2
    {
    background: url('') #e1cf65;
    color: #FFFFFF;
    font: 11px tahoma;
    }

    .Stat2 , .Stat1
    {
    border-bottom: 1px dashed #D1D1D1;
    }

    .icon-stat1{
    background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
    width: 19px;
    height: 16px;
    }

    .icon-stat2{
    background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
    width: 19px;
    height: 16px;
    }

    .icon-stat3{
    background: url('http://barbie-des.com/hjoor/misc/stats.gif');
    width: 17px;
    height: 14px;
    }

    .icon-stat4{
    background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
    width: 19px;
    height: 16px;
    }


    *---------- www.haya-m.net ----------- */
    /* css قالب الفئات */
    .tborder{
    color: #000000;
    font: 11px tahoma;
    border: 0px solid #f3edf0;
    }
    .tcat{
    background: url('http://barbie-des.com/Summer/1.png');
    color: #FFFFFF;
    font: bold 14px Simplified Arabic;
    text-align: center;
    }
    .tcat a:link, .tcat_alink{
    color: #ffffff;
    text-decoration: none;
    }
    .thead , .thead a:link, .thead_alink{
    background: url('http://barbie-des.com/Summer/2.png');
    color: #FFFFFF;
    font: 11px tahoma;
    text-decoration: none;
    }
    .tfoot , .tfoot a:link, .tfoot_alink{
    background: url('http://barbie-des.com/Summer/3.png');
    color: #FFFFFF;
    font: bold 11px tahoma;
    text-decoration: none;
    }
    .alt1, .alt1Active {
    background: #fcfcfc;
    color: #c4d344;
    font: bold 15px Simplified Arabic;
    border-bottom: 1px dashed #D1D1D1;
    text-decoration: none;
    }
    .alt2, .alt2Active {
    background: #fcfcfc;
    color: #e7ca3a;
    font: bold 11px tahoma;
    border-bottom: 1px dashed #D1D1D1;
    text-decoration: none;
    }


    /* كود التقييم ------ www.haya-m.net -------*/

    .HMlike {
    background: #b1d689;
    border-radius: 0px 3px 3px 0px;
    padding: 2px 6px 2px 6px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    font-family: Tahoma;
    border: 1px solid #6fc810;
    cursor: pointer;
    white-space: nowrap;
    }
    .HMlike:hover{
    background: #a5ce79; }
    .Hvote { margin: 0 5px; }
    .Hnovote {
    filter:Alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    box-shadow: none;
    text-shadow: none;
    }

    .Hlikecount{
    background: #6fc810;
    border-radius: 3px 0px 0px 3px;
    padding: 2px 3px 2px 3px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    font-family: Tahoma;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid #6fc810;
    }

       

    /*------------لوضع خلفيه للتشكيلات العامه-------------------*/
    div.gensmall{
    back24 url(http://im31.gulfup.co/0t5cN.png) repeat;
    border: 3px double #A4C100;
    }
    /*----- زووم لصور المواضيع -----*/
    .postbody img{
    -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
    -moz-transition-duration: 0.5s; /*Mozilla duration version*/

    }


    span.forumlink,Ali Nani {
    display: block;
    width: 400px;
    Ali Nani;
    height: 23px;
    vertical-align: middle;
    text-align: center;
    Ali Nani;
    background-image: url('http://im34.gulfup.com/5GVGk.png');
    background-color: transparent;
    margin-top: -5px;
    Ali Nani;
    margin-left: auto;
    margin-right: auto;
    Ali Nani;
    border: 0;
    }
    tion(){$(function(){

    if ($("#text_editor_textarea").length != 0) {

    var lista5ColoresPorGama = [];

    //################### ZONA EDITABLE ###################################################################################

    lista5ColoresPorGama["ffffff"] = ["f2f2f2", "d8d8d8", "bfbfbf", "a5a5a5", "7f7f7f"];
    lista5ColoresPorGama["000000"] = ["7f7f7f", "595959", "3f3f3f", "262626", "0c0c0c"];
    lista5ColoresPorGama["eeece1"] = ["ddd9c3", "c4bd97", "938953", "494429", "1d1b10"];
    lista5ColoresPorGama["1f497d"] = ["c6d9f0", "8db3e2", "548dd4", "17365d", "0f243e"];
    lista5ColoresPorGama["4f81bd"] = ["dbe5f1", "b8cce4", "95b3d7", "366092", "244061"];
    lista5ColoresPorGama["c0504d"] = ["f2dcdb", "e5b9b7", "d99694", "953734", "632423"];
    lista5ColoresPorGama["9bbb59"] = ["ebf1dd", "d7e3bc", "c3d69b", "76923c", "4f6128"];
    lista5ColoresPorGama["8064a2"] = ["e5e0ec", "ccc1d9", "b2a2c7", "5f497a", "3f3151"];
    lista5ColoresPorGama["4bacc6"] = ["dbeef3", "b7dde8", "92cddc", "31859b", "205867"];
    lista5ColoresPorGama["f79646"] = ["fdeada", "fbd5b5", "fac08f", "e36c09", "974806"];

 
   var lista10ColoresBasicos = ["c00000", "ff0000", "ffc000", "ffff00",
"92d050", "00b050", "00b0f0", "0070c0", "002060", "7030a0"];

    //################### FIN ZONA EDITABLE ################################################################################

    $.sceditor.command.get('color')._dropDown = $.sceditor.command.get('color')._menu = function (editor, caller, callback) {
    var content = $(""),
    cmd = $.sceditor.command.get('color');
    if (!cmd._htmlCache) {
    var pre = '';
    var coloresGama = "";
    for (var col = 0; col < 5; col++) {
    for (key in lista5ColoresPorGama) {
    if (lista5ColoresPorGama[key][col]) coloresGama += lista5ColoresPorGama[key][col] + ",";
    }
    }
    coloresGama = coloresGama.substring(0, coloresGama.length - 1);
    var htmlGen = [pre, Object.keys(lista5ColoresPorGama).toString().split(',').join(suf + pre), suf].join('');
    var htmlList = [pre, coloresGama.split(',').join(suf + pre), suf].join('');
    var htmlStandard = [pre, lista10ColoresBasicos.toString().split(',').join(suf + pre), suf].join('');
    var htmlGeneralPanel = ['', htmlGen, '', htmlList, '', htmlStandard, ''].join('');
    cmd._htmlCache = htmlGeneralPanel;
    }
    content.append(cmd._htmlCache).find('strong').click(function (e) {
    callback($(this).attr('style').substr(17, 7));
    editor.closeDropDown(true);
    e.preventDefault();
    });
    editor.createDropDown(caller, "color-picker", content);
    }
    }
    })
    });
    /*Mohamed Nsr كود اضافة زر الالوان في الصندوق الماسي*/

    .colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url(http://im38.gulfup.com/rxrjB.jpg) !important;
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    padding: 0 !important;


    }
    .colorpicker.dark{
    background: url(http://im35.gulfup.com/Vliab.jpg) !important;
    }
    .colorpicker_color {
    width: 150px;
    height: 150px;
    left: 14px;
    top: 13px;
    position: absolute;
    background: #f00;
    overflow: hidden;
    cursor: crosshair;
    }
    .colorpicker_color div {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
    }
    .colorpicker_color div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
    margin: -5px 0 0 -5px;
    }
    .colorpicker_hue {
    position: absolute;
    top: 13px;
    left: 171px;
    width: 35px;
    height: 150px;
    cursor: n-resize;
    }

    .colorpicker_hue div {
    position: absolute;
    width: 35px;
    height: 9px;
    overflow: hidden;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
    margin: -4px 0 0 0;
    left: 0px;
    }
    .colorpicker_new_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 213px;
    top: 13px;
    background: #f00;
    }
    .colorpicker_current_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 283px;
    top: 13px;
    background: #f00;
    }
    .colorpicker input {
    background-color: transparent;
    border: 1px solid transparent;
    position: absolute;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #898989;
    top: 4px;
    right: 11px;
    text-align: right;
    margin: 0;
    padding: 0 !important;
    height: 11px;
    }
    .colorpicker_hex {
    position: absolute;
    width: 72px;
    height: 22px;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
    left: 212px;
    top: 142px;
    }
    .colorpicker.dark .colorpicker_hex {
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
    }
    .colorpicker_hex input {
    right: 6px;
    }
    .colorpicker_field {
    height: 22px;
    width: 62px;
    background-position: top;
    position: absolute;
    }
    .colorpicker_field span {
    position: absolute;
    width: 12px;
    height: 22px;
    overflow: hidden;
    top: 0;
    right: 0;
    cursor: n-resize;
    }
    .colorpicker_rgb_r {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
    top: 52px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_r{
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
    }
    .colorpicker_rgb_g {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
    top: 82px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_g {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
    }
    .colorpicker_rgb_b {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
    top: 112px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_b {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
    }
    .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
    display: none;
    }
    .colorpicker_submit {
    position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
    width: 48px;
    height: 50px;
    top: 118px;
    overflow: hidden;
    }
    .colorpicker_focus {
    background-position: center;
    }
    .colorpicker_hex.colorpicker_focus {
    background-position: bottom;
    }
    .colorpicker_submit.colorpicker_focus {
    background-position: bottom;
    }
    .colorpicker_slider {
    background-position: bottom;
    }
    .colorpicker { z-index: 3; }
    /*انتهاء الكود Mohamed Nsr*/

 
   /* Start http://www.cursors-4u.com */ body, a:hover {cursor:
url(http://cur.cursors-4u.net/anime/ani-12/ani1136.ani),
url(http://cur.cursors-4u.net/anime/ani-12/ani1136.gif), progress
!important;} /* End http://www.cursors-4u.com */
    [center][size=19][color=#9400d3][font=Arial Black]body #fa_toolbar {[/font][/color][/size][/center]

 
   [center][size=19][color=#9400d3][font=Arial Black] background:
#31485c
url(http://3.bp.blogspot.com/-_SHIv7lRv3c/VH26z4dabnI/AAAAAAAAB5Q/xWeLv2EL6YU/s1600/Chevron_AntiqueBlue1_Paper.png)
 repeat-x scroll 50% 0;[/font][/color][/size][/center]

    [center][color=#9400d3][font=Arial Black][size=19]
    [/size][/font][/color][/center]

    [center][size=19][color=#9400d3][font=Arial Black]}[/font][/color][/size][/center]

 
   .HMlike{background:#b1d689;border-radius:0 3px 3px 0;padding:2px
6px;color:#fff;font-size:10px;font-weight:700;font-family:Tahoma;border:1px
 solid #6fc810;cursor:pointer;white-space:nowrap}
    .HMlike:hover{background:#a5ce79}
    .Hvote{margin:0 5px}
    .Hnovote{filter:Alpha(opacity=50);opacity:.5;cursor:default;box-shadow:none;text-shadow:none}
 
   .Hlikecount{background:#6fc810;border-radius:3px 0 0 3px;padding:2px
3px;color:#fff;font-size:10px;font-weight:700;font-family:Tahoma;cursor:pointer;white-space:nowrap;border:1px
 solid #6fc810}
    a strong {
    background :
url(http://67.media.tumblr.com/46dad4bfc1be22a38ab55af39392753c/tumblr_inline_n0vux1XzSy1rxsw83.gif)
 no-repeat right;
    padding : 0 15px 0 20px;
    }
   
ahlamontada{-moz-border-radius:5px;background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima-c10.gif)
 repeat-x scroll center bottom #FFF;border:1px solid
#E2E2E2;margin:2px;text-shadow:0 0 1px #626262}
   
.hima-elmasry{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima_a10.png)
 no-repeat scroll center top transparent;padding:20px;width:150px}
   
 
.hima{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima-b12.png)
 repeat-x scroll left top #37DCFC;border-bottom:2px solid
#F2812E;color:#003;font-family:arial;font-size:12pt;font-style:normal;font-variant:normal;font-weight:700;text-shadow:1px
 1px 1px #888;width:185px}
   
.masry{background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima_s10.png)
 no-repeat scroll left top
transparent;height:12px;margin:auto;position:relative;width:185px}
   
 
.ahlamontada{-moz-border-radius:5px;background:url(http://i48.servimg.com/u/f48/12/78/95/70/hima2010.gif)
 repeat-x scroll center bottom #FFF;border:1px solid
#E2E2E2;margin:2px;text-shadow:0 0 1px #626262}
   
.sidebaritem{background:url() repeat-x scroll 0 0
#FBFBFB;border-color:#D1D1E1;border-style:solid;border-width:1px 2px 1px
 1px;font-size:11px;padding:0;width:180px}

    .chatbox-title {
    display:none;
    }
    #chatbox_header {
    background:transparent
    urlhttp://c.top4top.net/p_254fd841.png) no-repeat
    scroll 0 0;
    }



    .twrank{
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border : 1px dashed #ff0404;
    border-width : 1px
    border-color : #fc0c0c;
    padding : 2px 2px;
    background-repeat : repeat;
    background-color : #f0feff;
    background-image : url();
    background-position : top;
    overflow : visible;
    vertical-align : middle;
    }