مجموعة كلاساتنا 2018/2019

استخدمنا هذي الكلاسات الموحدة من نهاية 2018 واكملنا 2019 والان مع اتاحة تخصيص الكلاسات اصبح لك الحرية في تصميم موقعك واختيار الكلاس الذي يناسبك

html,body,select,input,table,textarea
   {
     background:url('###');}
     body,div,p {text-align: center}

.img{border-radius: 8px;max-width: 100%;height: auto;}img:hover{-webkit-transform: scaleX(-1);transform: scaleX(-1);}.img{position: relative;width: 150px;height: 150px;overflow: hidden;}.img img {position: absolute;left: 50%;top: 50%;height: 100%;width: auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform: translate(-50%,-50%);}.img img.portrait{width: 100%;height: auto;}
        body{ padding:0px; direction: rtl; MARGIN: 0px; background-color:#FFFFFF; color:maroon
        ;FONT-SIZE: 14px; FONT-FAMILY: Verdana, Helvetica, Arial, Tahoma } /* SET HyperLink Colors */ A:link { COLOR: maroon
        ;TEXT-DECORATION: none; } A:hover { COLOR: #1e17d8
        ;TEXT-DECORATION: none; } A:active { COLOR: #1e17d8
        ;TEXT-DECORATION: none; } A:visited { COLOR: #1e17d8
        ;TEXT-DECORATION: none; } input { background-color: #ffccff; border-color: #000000; border-style: solid; border-width: 1px; font-family: Verdana, Tahoma, Helvetica; font-size:20px; COLOR: #1e17d8; }

.Fasel {
        background-image: url("####"); /* رابط الفاصل */
        height: 100px; /* طول الفاصل */
        width: 290px; /* عرض الفاصل */
        pointer-events: none;
}

/* عدم تحرير الاكواد التالية */
h1 {
        text-align: center;
        font-size: 12pt;
        color: #000099;
        margin-bottom: 5px;
        text-decoration: underline;
    }

    table {
        margin: 5px;
        width: 290px;
        text-align: center;
    }

    th {
        padding: 3px;
        text-align: center;
    }

    td {
        padding-left: 8px;
        padding-right: 8px;
        border: 1px solid #990000;
        background-color: #ffffcc;
        text-align: center;
    }

    #trHeader {
        text-decoration: underline;
        color: #990000;
        text-align: center;
    }
  /* كلاس الرئيسية */
    .Home {
        min-height: 20px;
        padding: 2px;
        width: 290px;
        margin-bottom: 17px;
        min-height: 20px;
        padding: 2px;
        margin-bottom: 17px;
        background-color:#FFB2FF;
        border: 1px solid #ff9900;
        border-radius: 4px;
     }
  /* كلاس الاهداء */
    .Ehda {
        color: #ff00cc; border-width: 3px; border-style: solid; margin-top: 4px; margin-bottom: 4; margin-left: 4; margin-right: 4px;
        padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; font-weight: bold; font-style: normal; font-size: large;
    }
  /* كلاس اسفل الشات */
    .Footer**** {
        background-color: #fffafa;
        border-right : 5px solid #e74c3c;
        border-left : 5px solid #e74c3c;
        border-radius : 20px;
        box-shadow : 0 1px 3px #999;
        max-width: 320px; 
        margin-right: auto; 
        margin-left: auto; 
    }
  /* كلاس اسفل الشات خيارات */
    .FooterCat {

        background-color: #F4F6F6;
        padding : 4px;
        border-right : 5px solid #e74c3c; 
        border-left : 5px solid #e74c3c;
        border-radius : 4px;
        box-shadow : 0 1px 3px #999; 
        display: inline-block; width: 27%;
        text-align: center;
    }
  /* كلاس الروم العام اسفل الشات */
    .FooterRooms {
        background-color: #fffafa;
        border-right : 5px solid #e74c3c;
        border-left : 5px solid #e74c3c;
        border-radius : 20px;
        box-shadow : 0 1px 3px #999;
        text-align: center;
    }

  /* كلاس الغرف الخارجية */
    .Rooms {
        background-color:#f0e1d0; color: bink;border-width: 2px;
        border-color: white;border-style: dashed;padding-top: 4px;padding-bottom: 2px;
        padding-left: 2px;font-size:19px;color:#000000;min-height: 23px;padding: 2px;margin-bottom: 15px;
        background-color: # min-height: 20px;padding: 2px;margin-bottom: 17px;
        background-color: #ff0000:border: 1px solid #ff9900border-radius: 3px;border: 1px solid #FF0000;
        border-radius: 3px;border: 3px ridge #FF647A;border-radius: 18px 18px 18px 18px;max-width:300px;
    }

  /* كلاس داخل المنتدى */
    .Forums {
        background-color: #ffffff; color: #ff0066; border-bottom: #ff0066 1px solid; 
        border-left: #ff0066 1px solid; 
        padding-bottom: 2px;
        margin: 3px 1px; padding-right: 1px; font-size: large; border-top: #ff0066 1px solid;
        font-weight: bold; border-right: #ff0066 1px solid; font-size: large;color: #B40431;font-size: 16px;
        font-weight: bold;padding: 2px;border-right: 3px solid red;border-left: 3px solid red;
        border-radius: 10px;-moz-border-radius: 10px;box-shadow: 0 1px 3px #49C1E9;background: #ffffff;max-width: 400px;
    }

  /* كلاس التعليقات */
    .ForumsCo {
        background-color: #ffffff; color: #330066; border-bottom: #330066 1px solid; 
        border-left: #330066 1px solid; padding-bottom: 2px;
        margin: 3px 1px; padding-right: 1px; font-size: large; border-top: #990066 1px solid;
        font-weight: bold; border-right: #990066 1px solid; 
        font-size: large;color: #B40431;font-size: 16px;font-weight: bold;padding: 2px;
        border-right: 3px solid red;border-left: 3px solid red;
        border-radius: 10px;-moz-border-radius: 10px;box-shadow: 0 1px 3px #49C1E9;background: #ffffff;max-width: 400px;
    }

  /* كلاس داخل مقال المنتدى */
    .ForumsC {
        min-height: 20px;
        padding: 5px;
        margin-bottom: 20px;
        background-color:#ffeedd;
        border: 1px solid.#000000 ;
        border-radius: 4px;
        -webkit-box-000000: inset 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
        font-size: 15px;
        min-height: 20px;
        padding: 5px;
        margin-bottom: 20px;
        background-color: #ffeedd;
        border: 1px solid #00000p;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
        font-size: 24px;
        color: #000000;
        border-width: 1px;
        border-style: solid;
        margin-top: 2px;
        margin-bottom: 3;
        margin-left: 4;
        margin-right: 4px;
        padding-top: 3px;
        padding-bottom: 1px;
        padding-left: 3px;
        padding-right: 3px;
        font-weight: bold;
        font-style: normal;
        font-size: large;
        background-color: #ffeedd;
        color: bink;
        border-width: 2px;
        border-color: white;
        border-style: dashed;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 3px;
        font-size:16px;color:#880888;
        min-height: 20px;
        padding: 3px;
        margin-bottom: 16px;
        background-color: #
        min-height: 20px;
        padding: 3px;
        margin-bottom: 18px;
        background-color: #808888:
        border: 2px solid #880888
        ;border-radius: 3px;
        border: 2px solid #FF9900;
        border-radius: 3px;
        border: 1px solid black;
        border-collapse: collapse;
    }

  /* كلاس مركز التحميل */
    .Files {
        color: #007AAA;
        font-size: 19px;
        font-weight: bold;
        padding: 2px;
        border-right: 5px solid #49C1E9;
        border-left: 5px solid #49C1E9;
        border-radius: 12px;
        -moz-border-radius: 12px;
        box-shadow: 0 1px 3px #49C1E9;
        background: #00000;
        max-width: 400px;
    }

  /* كلاس المنتديات الرئيسي */
    .ForumsHome{
       color: #da2917;
       font-size: 19px;
       font-weight: bold;
       padding: 2px;
       border-right: 5px solid #db7093;
       border-left: 5px solid #db7093;
       border-radius: 12px;
       -moz-border-radius: 12px; /* firefox */
       box-shadow: 0 1px 3px #db7093;
       background: #ffffff;
       max-width:400px;
    }

    /* كلاس مركز التحميل */
   .Files2 {
          color: #ff0099;
          font-size: 19px;
          font-weight: bold;
          padding: 2px;
          border-right: 5px solid #49C1E9;
          border-left: 5px solid #49C1E9;
          border-radius: 12px;
          -moz-border-radius: 12px;
          box-shadow: 0 1px 3px #49C1E9;
          background: #00000;
          max-width: 400px;
      }
      
    /* مقاس الصور */
    .img {
          border-radius: 70%; /*  opera, IE9, */
          -webkit-border-radius: 70%;  /* safari , chrome */
          -moz-border-radius: 70%;  /* mozila */
          height: 100px;
          width: 100px;
    }

    /* كلاس الملـــف الشخصي */
    .Profiles
        {
        background-color: #ffffff; color: black;
        border-width: 1px; border-color: black;
        border-style: solid;
        padding:8px;
        max-width: 400px;
        margin-top: 3px;
        margin-bottom: 6px;
        margin-right: auto;
        margin-left: auto;
        font-weight:bold;
        border: 1px solid #DE10B1;
        -moz-border-radius: 8px; /* firefox */
        border-radius: 8px;
        overflow: auto;
        display: block;
        white-space: normal
   }

   /* تعديل الملـــف */
   .Edit{
       color: #007AAA;
       font-size: 19px;
       font-weight: bold;
       padding: 2px;
       border-right: 5px solid #49C1E9;
       border-left: 5px solid #49C1E9;
       border-radius: 12px;
       -moz-border-radius: 12px; /* firefox */
       box-shadow: 0 1px 3px #49C1E9;
       background: #ffffff;
       max-width:400px;
   }

   /* اعلان الادارة */
    .E3lan {
        background-color: #660000; 
        color: #ffffff;  
                }

  /*  */
    .Online {
       color: #da2917;
       font-size: 19px;
       font-weight: bold;
       padding: 2px;
       border-right: 5px solid #db7093;
       border-left: 5px solid #db7093;
       border-radius: 12px;
       -moz-border-radius: 12px; /* firefox */
       box-shadow: 0 1px 3px #db7093;
       background: #ffffff;
       max-width:400px;
    }

    /*  */
   .img_u{
          border-radius: 5%; /*  opera, IE9, */
         -webkit-border-radius: 5%;  /* safari , chrome */
         -moz-border-radius: 5%;  /* mozila */
         max-height: 140px;
         max-width: 140px;
   }

   /*  */
   .table mw right boxie{

       color: #da2917;
       font-size: 19px;
       font-weight: bold;
       padding: 2px;
       border-right: 1px solid #db7093;
       border-left: 1px solid #db7093;
       border-radius: 8px;
       -moz-border-radius: 8px; /* firefox */
       box-shadow: 0 1px 2px #db7093;
       background: #ffffff;
       max-width:400px;



   }

   /*  */
   .lst2{
       background-color: #ffffff; color: black;
       border-width: 1px; border-color: black;
        border-style: solid;

       padding:8px;
        max-width: 180px;
       margin-top: 3px;
        margin-bottom: 6px;
        margin-right: auto;
        margin-left: auto;

        font-size:20px;
        border: 1px solid #DE10B1;
        -moz-border-radius: 8px; /* firefox */
       border-radius: 8px;
       overflow: auto;
       display: block;
       white-space: normal;



   }

  /*  */
   .z { max-width: 240px; margin-right: auto; margin-left: auto; font-weight: bold; border: outset 1px #000000; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 75px; -moz-border-radius-bottomleft: 75px; -moz-border-radius-bottomright: 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 75px; -webkit-border-bottom-left-radius: 75px; -webkit-border-bottom-right-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 75px; border-bottom-left-radius: 75px; border-bottom-right-radius: 0px; }