استخدمنا هذي الكلاسات الموحدة من نهاية 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; }
