كود PHP:
@font-face{font-family:"Exo 2";font-style:normal;font-weight:400;src:local("Exo 2"),local("Exo2-Regular"),url(http://fonts.gstatic.com/s/exo2/v3/pEbpp8gu02JrI5SDG9jj6g.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Exo 2";font-style:normal;font-weight:400;src:local("Exo 2"),local("Exo2-Regular"),url(http://fonts.gstatic.com/s/exo2/v3/sZoRRDfBcJL9e6dHdMU_Tg.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Exo 2";font-style:normal;font-weight:400;src:local("Exo 2"),local("Exo2-Regular"),url(http://fonts.gstatic.com/s/exo2/v3/HMJQmrx81Oxu4RWT1mOXDg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:"Exo 2";font-style:normal;font-weight:600;src:local("Exo 2 Semi Bold"),local("Exo2-SemiBold"),url(http://fonts.gstatic.com/s/exo2/v3/LFe3mB-q6jNXyAcQ2iPxARTbgVql8nDJpwnrE27mub0.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Exo 2";font-style:normal;font-weight:600;src:local("Exo 2 Semi Bold"),local("Exo2-SemiBold"),url(http://fonts.gstatic.com/s/exo2/v3/GGsKokbvGBQnZ182Vk7qiRTbgVql8nDJpwnrE27mub0.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Exo 2";font-style:normal;font-weight:600;src:local("Exo 2 Semi Bold"),local("Exo2-SemiBold"),url(http://fonts.gstatic.com/s/exo2/v3/0BGKjb5TxeNM_vPrpoWDWBTbgVql8nDJpwnrE27mub0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}#gallery a img:hover{-webkit-filter:none}
@font-face{font-family:"Droid Arabic Kufi";font-style:normal;font-weight:700;src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format("embedded-opentype"),url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format("woff2"),url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format("woff"),url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format("truetype")}@font-face{font-family:"GE SS Two Light";src:local("☺"),url(fonts/GE_SS_Two_Light.otf) format("truetype")}
/* forumhome */
.tr1 {
-border: 1px solid #C0C0C0;
padding: 4px;
overflow: hidden;
background-color: #FFFFFF;
margin-bottom: 3px;
border-radius: 5px;
}
.tr2 {
border: 1px solid #e0e0e0;
-padding: 4px;
overflow: hidden;
background-color: #f5f5f5;
margin-bottom: 3px;
border-radius: 5px;
}
.tr2 a:link {
font-size: 8px;
font-weight: lighter;
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
color:#0f5065;
text-decoration:none;
}
.tr2 a:hover {
font-size: 8px;
font-weight: lighter;
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
color:#1aa6c0;
text-decoration:underline;
}
.tr2 a:visited {
font-size: 8px;
font-weight: lighter;
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
color:#0f5065;
text-decoration:none;
}
.tr-viewing {
border: 1px solid #d3e6eb;
padding: 3px;
overflow: hidden;
background-color:#def0d0;
-background-image:url('images/viewing.png');
-background-repeat:no-repeat;
-background-position:right;
margin-bottom: 3px;
border-radius: 5px;
width:130px;
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#75944a;
}
.tr-threadcount {
border: 1px solid #d3e6eb;
padding: 3px;
overflow: hidden;
background-color:#d7eeee;
-background-image:url('images/threadcount.png');
-background-repeat:no-repeat;
-background-position:right;
margin-bottom: 3px;
border-radius: 5px;
width:130px;
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#2f8787;
}
.tr-replycount {
border: 1px solid #d3e6eb;
padding: 3px;
overflow: hidden;
background-color:#d7eeee;
-background-image:url('images/replycount.png');
-background-repeat:no-repeat;
-background-position:right;
margin-bottom: 3px;
border-radius: 5px;
width:130px;
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#2f8787;
}
.tr-info-sup {
padding: 3px;
overflow: hidden;
background-color:#ffddb1;
-background-image:url('images/replycount.png');
-background-repeat:no-repeat;
-background-position:right;
margin-bottom: 3px;
border-radius: 5px;
width:130px;
}
.tr-info-sup:hover {
background-color:#d7eeee;
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#140000;
}
.tr-info-sup a:link {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#c07b32;
}
.tr-info-sup a:hover {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#140000;
}
.tborder2 {
background-color: #ecf7fa;
border: 1px solid #d3e6eb;
border-radius: 5px 5px 0px 0px;
}
.tborder3 {
border: 1px solid #d3e6eb;
overflow: hidden;
background-color: #ecf7fa;
margin-bottom: 3px;
border-radius: 0px 0px 5px 5px;
}
.tcat:hover {
background-color:#58c5c4;
}
.tcat2 {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#0f5065;
text-decoration:none;
}
.tcat2 a:link {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#0f5065;
text-decoration:none;
}
.tcat2 a:hover {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#1aa6c0;
text-decoration:underline;
}
.tcat2 a:visited {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#0f5065;
text-decoration:none;
}
.smallfont2 {
font: 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color: #49a2b3;
text-decoration:none;
}
.smallfont2 a:link {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#0f5065;
text-decoration:none;
}
.smallfont2 a:hover {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#1aa6c0;
text-decoration:underline;
}
.smallfont2 a:visited {
font: bold 11px 'Exo 2', 'Droid Arabic Kufi', Tahoma, arial;
color:#0f5065;
text-decoration:none;
}
.tborder4 {
border: 1px solid #ffdbbf;
overflow: hidden;
padding: 8px;
background-color: #FFE7D5;
border-radius: 5px;
background-image: url('TR/category-23px-light.png');
background-repeat: repeat-x;
}
.tborder5 {
border: 1px solid #ffdbbf;
overflow: hidden;
padding: 3px;
background-color: #FFE7D5;
border-radius: 5px 5px 0px 0px;
background-image: url('TR/category-23px-light.png');
background-repeat: repeat-x;
color:#e29505;
}
.tborder6 {
border: 1px solid #EEEEEE;
padding: 4px;
overflow: hidden;
background-color: #f9f9f9;
margin-bottom: 3px;
border-radius: 0px 0px 5px 5px;
}
.post1 {
background-color: #fbfbfb;
border-color: #58c5c4 #dedede #dedede;
border-left: 1px solid #e8e8e8;
border-radius: 25px 25px 5px 5px;
-moz-border-radius: 25px 25px 5px 5px;
-webkit-border-radius: 25px 25px 5px 5px;
border-right: 1px solid #e8e8e8;
border-style: solid;
border-width: 10px 1px 1px;
-webkit-box-shadow: 0 0 3px #e7e7e7;
-moz-box-shadow: 0 0 3px #e7e7e7;
box-shadow: 0 0 3px #e7e7e7;
clear: both;
margin: 0 5px;
padding: 10px;
}
.post_message {
font:bold 16px Arial;
color:#000;
}
.tborder2 {
background: none repeat scroll 0 0 #cde0ed;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.88em;
font-weight: lighter;
padding: 8px 10px 0 0;
text-shadow: 0 1px 0 #fff;
margin: 0 0 15px 0;
height: auto;
min-height: 42px;
overflow: hidden;
}
.quote2 {
border-bottom: 1px solid #f8eabb;
font-family: tahoma;
font-size: 11px;
font-weight: bold;
margin-left: 2px;
margin-right: 2px;
margin-top: 4px;
padding: 7px;
}
.quote3 {
padding: 10px 7px 7px 7px;
font-weight: lighter;
margin-bottom: 8px;
margin-right: 2px;
margin-left: 2px;
border-top-color: #FFFFFF;
border-top-width: 1px;
border-top-style: solid;
font-family: tahoma;
font-size: 12px;
}
.Signature {
background: none repeat scroll 0 0 #e4efef;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.63em;
font-weight: lighter;
margin: 18px -18px;
padding: 5px 20px;
text-shadow: 0 1px 1px #fff;
border-top: 1px solid #8ebecc;
border-bottom: 1px solid #8ebecc;
}
.IconTitle {
background: none repeat scroll 0 0 #d2e9e9;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #388685;
font: 10px 'Exo 2', 'Droid Arabic Kufi';
margin: 5px 0;
padding: 5px;
text-shadow: 0 1px 0 #fff;
}
.TraiMessage {
border-color: #d2e9e9 transparent transparent;
border-style: solid;
border-width: 15px 10px 0;
height: 0;
margin-right: 30px;
margin-top: -5px;
width: 0;
}
.info_post {
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.65em;
font-weight: lighter;
line-height: 16px;
}
.time_post {
background: none repeat scroll 0 0 #5e7081;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 0 3px #eee;
-moz-box-shadow: 0 0 3px #eee;
box-shadow: 0 0 3px #eee;
float: left;
font-family: 'Exo 2', 'Droid Arabic Kufi';
font-size: 11px;
font-weight: bold;
margin: 3px;
padding: 6px 3px 0 4px;
text-shadow: 0 1px 1px #000;
color: #fff;
}
.time_post:hover {
background:#58c5c4;
}
.time_post_link:link {
color:#ffeda4;
}
.ActivityUser {
width:200px;
background: none repeat scroll 0 0 #fffbe3!important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-color: #a45124!important;
color: #b75124;
float: right;
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.7em;
font-weight: lighter;
margin-right: 15px;
margin-top: 0;
padding: 0 10px;
border: 1px solid #ecd8a8;
}
.ActivityUser a {
color: #b75124;
}
.UserTitleName {
color: #209caf;
font-family: "Exo 2", "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.69em;
font-weight: lighter;
line-height: 16px;
}
.button:hover {
background: none repeat scroll 0 0 #d3dbe2;
border: 1px solid #8da4b9;
box-shadow: 0 0 3px #000000;
-webkit-box-shadow: 0 0 3px #000000;
-moz-box-shadow: 0 0 3px #000000;
color:#ffffff;
}
.button:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #58c5c4;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.button:hover, .button:focus, .button:active {
color: #000;
box-shadow: 0 0 3px #000000;
}
.button:hover:before, .button:focus:before, .button:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/* END Button */
.replay a:link {
float: right;
padding: 1px 5px;
height: 30px;
width: 120px;
text-align: center;
text-decoration: none;
margin-top:5px;
}
.replay a:hover {
color:#fff;
}
.controls a:link {
float: right;
padding: 1px 5px;
height: 25px;
width: 100px;
text-align: center;
text-decoration: none;
margin-top:2px;
color:#0f5065;
}
.controls a:hover {
color:#fff;
}
.controls2 a:link {
float: right;
padding: 1px 5px;
height: 25px;
width: 100px;
text-align: center;
text-decoration: none;
margin-top:2px;
color:#ff0000;
}
.newreplay {
background: none repeat scroll 0 0 #fdfdfd;
border: 1px solid #8da4b9;
box-shadow: 0 0 3px #a3b8cc;
float: right;
padding: 1px 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
height: 30px;
width: 125px;
text-align: center;
text-decoration: none;
}
.quote2 {
border-bottom: 1px solid #f8eabb;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 11px;
font-weight: bold;
margin-left: 2px;
margin-right: 2px;
margin-top: 4px;
padding: 7px;
color:#c6611a;
text-decoration:none;
}
.quote22 a:link {
font: bold 11px 'Exo 2', "Droid Arabic Kufi";
color:#c6611a;
text-decoration:none;
}
.quote22 a:hover {
width:auto;
background-color:#646c74;
border-bottom: 1px solid #f8eabb;
font: bold 11px 'Exo 2', "Droid Arabic Kufi";
margin-left: 2px;
margin-right: 2px;
margin-top: 4px;
padding: 7px;
color:#c6c9cf;
text-decoration:none;
border-radius: 5px;
}
.quote3 {
padding: 10px 7px 7px 7px;
font-weight: lighter;
-margin-bottom: 8px;
-margin-right: 2px;
-margin-left: 2px;
border-top-color: #FFFFFF;
border-top-width: 1px;
border-top-style: solid;
font-family: tahoma;
font-size: 12px;
}
.img1 {
-webkit-transition: -webkit-transform .5s ease-in-out;
-ms-transition: -ms-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
}
.img1:hover {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.img2 {
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.img2:hover {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
border: 5px #7695b3 solid;
box-shadow: 0 0 0 10px #eee;
}
.avatar {
float: right;
overflow: hidden;
min-height: 10px;
}
.avatar img {
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
transition-duration: 1s;
}
.avatar img:hover {
height: auto;
width: auto;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
/* showthread */
.vbmenu_control2 {
background: #5e7081;
color: #c2ced9;
border-top: 1px solid #5e7081;
}
.VbmenuPopup {
background: none repeat scroll 0 0 #3a4249;
opacity: 0.93;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
color: #fff;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
padding: 10px;
}
.VbmenuPopup a {
color: #FFFFFF;
text-decoration: none;
}
.VbmenuPopup a:hover {
color: #1AA6C0;
text-decoration: underline;
}
.VbmenuPopup a:visited {
color: #FFFFFF;
text-decoration: none;
}
.VbmenuPopup2 {
background: none repeat scroll 0 0 #3a4249;
opacity: 0.93;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #fff;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
padding: 3px;
}
/* NOTE */
#NoticPage {
background: none repeat scroll 0 0 #fef9d2;
border: 1px solid #e9d09a;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
margin: 10px 0;
padding: 5px;
color: #ad542d;
}
#NoticPage .NoticCounct {
background: none repeat scroll 0 0 #fff;
border: 1px solid #f3dfb4;
font: bold 10px 'Exo 2', 'Droid Arabic Kufi', Tahoma;
margin: 5px;
padding: 5px;
}
#NoticPage .NoticHead {
font-size: 0.9em;
}
.FooterAttention {
background: none repeat scroll 0 0 #ffeee2;
border: 5px solid #fff;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 0 3px #ccc;
-moz-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
font-family: "Exo 2", "Droid Arabic Kufi";
font-size: 8px;
-font-weight: lighter;
padding: 8px;
}
.TagListCell {
background: #c9dfee;
overflow: hidden;
padding: 2px 7px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.TagListCell:hover {
background: #b8d0e1;
overflow: hidden;
padding: 2px 7px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.showthread1 {
color: #2c60a5;
text-decoration: none;
font: 16px/35px "Exo 2","Droid Arabic Kufi";
}
.showthread1 a:link {
background: #b9dbe2;
padding: 5px;
border-radius: 5px;
color:#708291;
text-decoration: none;
font: bold 11px "Exo 2","Droid Arabic Kufi";
-moz-box-shadow: 0px 0px 3px #e2e2e2;
-webkit-box-shadow: 0px 0px 3px #e2e2e2;
box-shadow: 0px 0px 3px #e2e2e2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.showthread1 a:visited {
background: #b9dbe2;
padding: 5px;
border-radius: 5px;
color: #708291;
text-decoration: none;
font: bold 11px "Exo 2","Droid Arabic Kufi";
-moz-box-shadow: 0px 0px 3px #e2e2e2;
-webkit-box-shadow: 0px 0px 3px #e2e2e2;
box-shadow: 0px 0px 3px #e2e2e2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.showthread1 a:hover {
background: #c5dfe4;
padding: 5px;
border-radius: 5px;
color: #708291;
text-decoration: none;
font: bold 11px "Exo 2","Droid Arabic Kufi";
-moz-box-shadow: 0px 0px 3px #e2e2e2;
-webkit-box-shadow: 0px 0px 3px #e2e2e2;
box-shadow: 0px 0px 3px #e2e2e2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#FromHome {
background-color: #fdfdfd;
border: 1px solid #e0e0e0;
min-height: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 8px;
margin: 10px 0;
}
.F-HomeMain {
left: auto;
margin: 5px -24px 8px -7px;
right: auto;
}
.F-HomeMainRight {
background-color: #4b8b8a;
border-radius: 0 10px 0 0;
-webkit-border-radius: 0 10px 0 0;
-moz-border-radius: 0 10px 0 0;
float: right;
height: 4px;
margin-right: 10px;
margin-top: -4px;
width: 5px;
}
.F-HomeMainTitle {
background-color: #47a5a4;
-webkit-radius: 5px 0 5px 5px;
-moz-radius: 5px 0 5px 5px;
border-radius: 5px 0 5px 5px;
box-shadow: none !important;
font-family: "Droid Arabic Kufi";
font-size: 14px;
font-weight: bold;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 4px;
padding-right: 0;
padding-top: 4px;
text-align: center;
}
.F-HomeMainTitle a:link {
color:#fff;
text-decoration: none;
text-shadow: 0 1px 1px #536677;
}
.F-HomeMainTitle a:hover {
color:#cafffe;
text-decoration: none;
text-shadow: 0 1px 1px #536677;
}
.F-HomeMainTitle a:visited {
color:#fff;
text-decoration: none;
text-shadow: 0 1px 1px #536677;
}
.F-HomeMainTitle:hover {
color:#fff;
text-decoration: none;
background-color:#58c5c4;
}
.thead2 {
background: #d9ebeb;
color: #268180;
font-size: 11px;
text-shadow: 0 1px 0 #fff;
border-top: 1px solid #afd4d3;
border-bottom: 1px solid #afd4d3;
}
.ForumJump {
background: none repeat scroll 0 0 #d9ebeb;
border: 5px solid #fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-box-shadow: 0 0 3px #ccc;
-moz-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
display: table;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
margin: 0 auto;
padding: 5px;
color: #268180;
}
/* footer */
#FooterHome {
background: none repeat scroll 0 0 #3a4249;
border-top: 4px solid #708190;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
min-height: 10px;
overflow: hidden;
}
.FooterCounct {
margin: 10px auto;
width: 72%;
}
.FooterLeft {
float: left;
}
.FooterLogo {
float: left;
}
.FooterCopy2 {
color: #ccc;
float: right;
font-size: 11px;
font-weight: lighter;
margin-bottom: 15px;
}
.FooterRIcon {
background: none repeat scroll 0 0 #323b42;
border-color: #292e32 #4c555c #4c555c #292e32;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-style: solid;
border-width: 1px;
color: #6f7b85;
float: right;
font-size: 55px;
margin-left: 10px;
padding: 5px;
text-shadow: 0 2px 0 #000;
}
.FooterRigthCounct {
color: #c1cdd5;
float: right;
}
.FooterRigth {
color: #c1cdd5;
float: right;
}
.FooterRigth ul {
font-size: 0.7em;
font-weight: lighter;
margin: 0;
padding: 0 0 5px;
}
.FooterRigth li {
list-style: outside none none;
padding: 0 8px;
-webkit-transform: rotate(360deg);/* ميلان الخط */
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
.FooterRigth li a {
color: #6ad1d0;
}
.FooterRigth li:hover {
background: none repeat scroll 0 0 #206261;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-box-shadow: 0 0 3px #2e363d;
-moz-box-shadow: 0 0 3px #2e363d;
box-shadow: 0 0 3px #2e363d;
color: #fff;
}
.FooterRigth a:hover {
color: #fff;
text-decoration: none;
}
.FooterCopy {
background: none repeat scroll 0 0 #323b42;
border-color: #292e32 #4c555c #4c555c #292e32;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-style: solid;
border-width: 1px;
clear: both;
color: #eee;
font-family: tahoma;
font-size: 11px;
font-weight: lighter;
margin-bottom: 15px;
overflow: hidden;
padding: 8px;
}
.IconFooterMain {
background: #fff;
margin: 10px 0 18px 0;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
}
.IconFooterCounct {
width: 72%;
margin: 0 auto;
}
.IconFooterCounct ul {
margin: 0;
padding: 25px;
}
.IconFooterCounct li {
display:inline-block;
border: 5px #b7cee4 solid;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-box-shadow: 0 0 0 5px #eee;
-moz-box-shadow: 0 0 0 5px #eee;
box-shadow: 0 0 0 5px #eee;
font-size: 48px;
height: 62px;
margin: 0 10px;
padding: 13px 15px 0;
text-align: center;
width: 45px;
}
.ForumBits {
background: none repeat scroll 0 0 #fff;
border: 5px solid #d3e7e7;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin: 15px 5px;
padding: 5px;
}
.BoxShadow {
-moz-box-shadow: 0 0 3px #ddd;
-webkit-box-shadow: 0 0 3px #ddd;
box-shadow: 0 0 3px #ddd;
}
.ThreadReply {
background-color: #e4f1f1 !important;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 11px;
font-weight: lighter;
line-height: 18px !important;
padding: 2px;
width: 200px;
}
.Tborderforum {
background: #fbfbfb;
border: 1px solid #dbe2e6;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.75em;
margin: 5px;
overflow: hidden;
padding: 4px;
}
.logo_footer{height:69px;width:200px;display:block;float:right;transition:.35s;-webkit-transition:.35s;background:url(TR/logo_footer.png) no-repeat}.logo_footer:hover{border:0;transition:.15s;-webkit-transition:.15s;background:url(TR/logo_footer.png) no-repeat 0 -71px}
.ftgr{width:200px;height:35px}.ftgr1{float:none}.ftgr1 a{margin-left:15px;padding:0}.fac{height:35px;width:35px;display:block;float:right;background:url(images/social/facebook.png) no-repeat}.fac:hover{border-style:none;border-color:inherit;border-width:0;background:url(images/social/facebook.png) no-repeat 0 -35px}.tw{height:35px;width:35px;display:block;float:right;background:url(images/social/twitter.png) no-repeat}.tw:hover{border-style:none;border-color:inherit;border-width:0;background:url(images/social/twitter.png) no-repeat 0 -35px}.go{height:35px;width:35px;display:block;float:right;background:url(images/social/googlep.png) no-repeat}.go:hover{border-style:none;border-color:inherit;border-width:0;background:url(images/social/googlep.png) no-repeat 0 -35px}.rs{height:35px;width:35px;display:block;float:right;background:url(images/social/rss.png) no-repeat}.rs:hover{border-style:none;border-color:inherit;border-width:0;background:url(images/social/rss.png) no-repeat 0 -35px}
/* header */
#HeaderMain {
background: none repeat scroll 0 0 #fff;
}
#HeaderMain .HeaderLinkMain {
background: none repeat scroll 0 0 #47a5a4;
padding: 10px 0;
width: 100%;
overflow: hidden;
min-height: 20px;
}
#HeaderMain .HeaderLinkMain .LinkMain {
margin: 0 auto;
width: 76%;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkRigth {
float: right;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkRigth a {
color: #fff;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkRigth a:hover {
border-bottom: 4px solid #dee9f2;
color: #fff;
padding-bottom: 8px;
text-decoration: none;
transition: all 0.4s ease-in-out 0s;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkRigth ul {
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.85em;
font-weight: lighter;
margin: 0;
padding: 0;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkRigth li {
display: inline;
padding: 0 5px;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkLeft {
float: left;
-margin-left: 100px;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkLeft a {
color: #d5eded;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkLeft a:hover {
color: #fff;
text-shadow: 0 1px 1px #000;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkSearch {
float: left;
margin-right: 10px;
padding: 0;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkSearch .InputSearch {
background-color: #47515a;
border: medium none;
border-radius: 0 5px 5px 0;
color: #fff;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.87em;
height: 28px;
padding: 1px 3px;
transition: all 0.5s ease-out 0s;
width: 140px;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkSearch .InputSearch:focus {
background-color: #47515a;
color: #fff;
transition: all 0.5s ease-out 0s;
width: 180px;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkSearch .ButtonSearch {
background: none repeat scroll 0 0 #47515a;
border: medium none;
border-radius: 5px 0 0 5px;
color: #fff;
cursor: pointer;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.87em;
font-weight: bold;
height: 30px;
margin-right: -5px;
padding: 0 3px;
transition: all 0.2s ease 0s;
}
#HeaderMain .HeaderLinkMain .LinkMain .LinkSearch .ButtonSearch:hover {
background-color: #257f7e;
color: #fff;
transition: all 0.2s ease 0s;
}
#HeaderMain .CounctNavBar {
background: none repeat scroll 0 0 #fff;
display: table;
padding: 18px 0px 5px;
width: 100%;
border-bottom: 1px solid #e0e0e0;
}
#HeaderMain .CounctNavBar .WebCounct {
margin: auto;
width: 80%;
}
#HeaderMain .CounctNavBar .WebCounct .CounctLogo {
float: right;
}
#HeaderMain .CounctNavBar .WebCounct .CounctLogo img {
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers {
float: right;
margin: 0px 15px;
width: 280px;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ImgUsers {
background: none repeat scroll 0px 0px #F9F9F9;
border: 3px solid #F0F0F0;
border-radius: 6px;
box-shadow: 0px 0px 3px #AAA;
float: right;
height: 50px;
margin-left: 10px;
width: 50px;
text-align: center;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .NameUsers {
color: #708190;
float: right;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.8em;
margin-left: 15px;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .NameUsers a {
color: #708190;
text-decoration: none;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .NameUsers a:hover {
color: #59c5c4;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ControlUser {
float: right;
padding-bottom: 10px;
padding-left: 10px;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ControlUser ul {
margin: 4px 0 12px 0;
padding: 0 0 0 40px;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ControlUser li {
display: inline-block;
font-size: 21px;
border: 1px solid #CCC;
border-radius: 5px;
height: auto;
width: auto;
padding: 0px 3px;
margin: 0px;
background: none repeat scroll 0% 0% #F5F5F5;
color: #708190;
box-shadow: 0px 0px 1px #CCC;
text-shadow: 0px 1px 0px #FFF;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ControlUser li a {
color: #8da3b6;
}
#HeaderMain .CounctNavBar .WebCounct .CounctUsers .ControlUser li Img {
display: none;
}
.navbar2 {
background: none repeat scroll 0 0 #d9ebeb;
border: 1px solid #afd4d3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #268180;
font-size: 0.89em;
font-weight: bold;
padding: 4px 6px;
text-shadow: 0 1px 0 #fff;
margin: 6px 45px 6px 0;
font:bold 14px 'Exo 2', 'Droid Arabic Kufi';
}
.navbar2:hover {
background: none repeat scroll 0 0 #d9ebeb;
-webkit-box-shadow: 1px 2px 10px #ccc;
-moz-box-shadow: 1px 2px 10px #ccc;
box-shadow: 1px 2px 10px #ccc;
}
.navbar3 {
background-color:#FFF;
border: 1px solid #cccccc;
border-radius: 5px;
}
.navbar4 {
background-color:#e1e1e1;
border: 2px solid #e0e0e0;
border-radius: 5px;
}
#GoustLogin {
min-height: 10px;
min-width: 50px;
}
#GoustLogin .FormLogin {
background: none repeat scroll 0 0 #e5eaee;
float: right;
margin: 3px 10px 0 0;
padding: 8px;
width: auto;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#GoustLogin .FormLogin .UserNameLogin {
background: none repeat scroll 0 0 #fff;
border: 3px solid #a3bace;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #a3bace;
float: right;
font-size: 24px;
height: 42px;
margin-left: 5px;
padding-top: 4px;
text-align: center;
width: 34px;
}
#GoustLogin .FormLogin .PassLogin {
background: none repeat scroll 0 0 #fff;
border: 3px solid #a3bace;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #a3bace;
float: right;
font-size: 24px;
height: 30px;
margin-left: 5px;
padding-top: 4px;
text-align: center;
width: 34px;
}
#GoustLogin .FormLogin .Namein {
float: right;
margin-left: 5px;
margin-top: 4px;
}
#GoustLogin .FormLogin .Passin {
float: right;
margin-left: 5px;
margin-top: 4px;
}
#GoustLogin .FormLogin .RememberCheck {
float: right;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 12px;
font-weight: lighter;
margin-left: 5px;
margin-right: 5px;
margin-top: 10px;
}
#GoustLogin .FormLogin .LoginButton {
float: right;
margin-top: 4px;
}
#GoustLogin .FormLogin .ButtonIn:hover {
background: none repeat scroll 0 0 #c3d0db;
text-shadow: 0 1px 0 #dfe7ee;
}
#GoustLogin .FormLogin .PassName {
background: none repeat scroll 0 0 #f9f9f9;
border: 1px solid #a3bace;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
color: #ccc;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.90em;
padding: 0 5px;
transition: all 0.5s ease-out 0s;
width: 130px;
}
#GoustLogin .FormLogin .ButtonIn {
background: none repeat scroll 0 0 #fff;
border: 1px solid #a3bace;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #708190;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 14px;
}
#GoustLogin .FormLogin .PassName:focus {
width: 160px;
background: #fff;
-webkit-box-shadow: 0 0 5px #47c9e5;
-moz-box-shadow: 0 0 5px #47c9e5;
box-shadow: 0 0 5px #47c9e5;
border: 1px solid #fff;
}
.logousername {
background-image:url('TR/logousername.gif');
background-repeat:no-repeat;
height: 41px;
}
.logopass {
background-image:url('TR/logopass.gif');
background-repeat:no-repeat;
}
.ForumInfo {
background: none repeat scroll 0 0 #f6dacb;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #c1633a;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.85em;
font-weight: lighter;
margin: 5px 0 10px;
padding: 5px;
text-shadow: 0 1px 0 #ffeee7;
}
.ForumInfo:hover {
background: none repeat scroll 0 0 #fbc9b5;
}
.ForumInfo a {
color: #ae3f0e;
}
.ForumInfo a:hover {
background: none repeat scroll 0 0 #ffcdb7;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-decoration: none;
}
.SearchSub {
background: none repeat scroll 0 0 #f6edcb;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float: left;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 1.2em;
font-weight: lighter;
margin: 0;
padding: 5px;
text-align: center;
text-shadow: 0 1px 0 #f9ffe6;
width: 75px;
}
.SearchSub a:hover {
color: #c1670f !important;
text-decoration: none;
}
.SearchSub a {
color: #b47b22!important;
}
.SearchSub img {
display: none;
}
.SearchSub:hover {
background: none repeat scroll 0 0 #fcefbd;
}
.IconControls {
display: table;
margin: 5px;
width: 100%;
}
/* control-header */
.ImgUsers {
background: none repeat scroll 0px 0px #F9F9F9;
border: 3px solid #F0F0F0;
border-radius: 6px;
box-shadow: 0px 0px 3px #AAA;
float: right;
height: 50px;
margin-left: 10px;
width: 50px;
text-align: center;
}
.control-header {
width: 200px;
height: 35px;
}
.control-header1 {
float: none;
}
.control-header1 a {
margin-left: 3px;
padding: 0;
}
.header-usercp {
background-image: url('images/header-usercp.png');
background-repeat: no-repeat;
width: 31px;
height: 24px;
display: block;
float: right;
}
.header-subscription {
background-image: url('images/header-subscription.png');
background-repeat: no-repeat;
width: 31px;
height: 24px;
display: block;
float: right;
}
.header-today {
background-image: url('images/header-today.png');
background-repeat: no-repeat;
width: 31px;
height: 24px;
display: block;
float: right;
}
.header-exit {
background-image: url('images/header-exit.png');
background-repeat: no-repeat;
width: 31px;
height: 24px;
display: block;
float: right;
}
/*قائمة لوحة تحكم العضو */
.VbmenuOption {
background: none repeat scroll 0 0 #479f9e;
font-size: 0.8em;
font-weight: lighter;
padding: 5px;
min-height: 10px;
overflow: hidden;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
color: #fff;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
}
.VbmenuOption a {
color: #fff;
}
.VbmenuOption a:hover {
color: #94dad9;
}
.VbmenuOptionH {
background: none repeat scroll 0 0 #3a4249;
border: 1px solid #4a5560;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
float: right;
font-size: 0.78em;
margin-left: 4px;
margin-top: 3px;
padding: 0 3px;
-width: 96%;
}
.VbmenuOptionS {
background: none repeat scroll 0 0 #53a5a4;
border: 1px solid #4a5560;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
float: right;
font-size: 0.78em;
margin-left: 4px;
margin-top: 3px;
padding: 0 3px;
width: 96%;
}
.VbmenuOptionS a:link {
color: #FFF;
background: none repeat scroll 0 0 #53a5a4;
border-radius: 4px;
padding: 0 3px;
}
.VbmenuOptionS a:hover {
color: #94dad9;
}
.VbmenuOptionS a:visited {
color: #FFF;
}
.VbmenuPopupHead a {
color: #a3faff;
}
.CpUser {
background: none repeat scroll 0 0 #333;
border-color: #000 #444 #444 #000;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-style: solid;
border-width: 1px;
min-height: 10px;
overflow: hidden;
padding: 4px;
}
.CpUserName {
font-size: 11px;
font-weight: lighter;
}
.CpUserName a {
color: #79d1d0;
}
.CpUserIm img {
border: 3px solid #479f9e;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
float: right;
margin-left: 5px;
width: 40px;
}
.CpUserInfo {
float: right;
font-size: 10px;
margin-left: 8px;
}
.CpUserInfo a {
color: #f8c345;
}
.CpUserExit a {
color: #ffae72;
}
.CpUserExit {
float: left;
font-size: 10px;
font-weight: lighter;
}
.RegPass {
float: right;
margin: 8px 0;
}
.RegPass .LostPass {
background: none repeat scroll 0 0 #fed4bf;
border: 3px solid #fef2ec;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 0 3px #ccc;
-moz-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
color: white;
float: left;
margin-right: 10px;
padding: 3px 5px;
width: auto;
}
.RegPass .LostPass:hover {
background: none repeat scroll 0 0 #febe9d;
border: 3px solid #fff;
}
.RegPass .LostPass .LinkPass {
bottom: 2px;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 14px;
font-weight: bold;
position: relative;
}
.RegPass .LostPass .LinkPass a {
color: #ee7c43;
text-decoration: none;
text-shadow: 0 1px 0 #feeae0;
}
.RegPass .LostPass .LinkPass .IconPass {
color: #fff3e3;
font-size: 24px;
position: relative;
text-shadow: 0 1px 1px #a44a01;
top: 4px;
}
.RegPass .RegisterNew {
background: none repeat scroll 0 0 #59c5c4;
border: 3px solid #bfebeb;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 0 3px #ccc;
-moz-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
color: #fff;
float: left;
padding: 3px 5px;
width: auto;
}
.RegPass .RegisterNew .LinkRegister {
bottom: 2px;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 14px;
font-weight: bold;
position: relative;
}
.RegPass .RegisterNew .LinkRegister .IconRegister {
color: #caeded;
font-size: 24px;
margin-left: 5px;
position: relative;
text-shadow: 0 1px 1px #3a454f;
top: 4px;
}
.RegPass .RegisterNew:hover {
background: none repeat scroll 0 0 #47a5a4;
border: 3px solid #fff;
}
.RegPass .RegisterNew a {
color: #fff;
text-decoration: none;
text-shadow: 0 1px 0 #333;
}
.IconPass {
background-image:url('TR/IconPass.png');
background-repeat: no-repeat;
width: 21px;
height: 23px;
display: block;
float: right;
}
.IconRegister {
background-image:url('TR/IconRegister.png');
background-repeat: no-repeat;
width: 21px;
height: 23px;
display: block;
float: right;
}
.IconControlsColor {
background: none repeat scroll 0 0 #428bca;
border: 1px solid #366fa0;
color: #fff !important;
text-shadow: 0 1px 0 #000;
}
.IconControlsColor:hover {
background: none repeat scroll 0 0 #559bd8 !important;
border: 1px solid #366fa0;
text-shadow: 0 1px 0 #000 !important;
}
.IconControlsColor a:hover {
color: #fff !important;
text-shadow: 0 1px 0 #000 !important;
text-decoration:none;
}
.IconControlsColor a {
color: #fff !important;
text-shadow: 0 1px 0 #000 !important;
text-decoration:none;
}
.button2 {
background: none repeat scroll 0 0 #428bca;
border: 1px solid #ccc;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 0 3px #a3b8cc;
-moz-box-shadow: 0 0 3px #a3b8cc;
box-shadow: 0 0 3px #a3b8cc;
color: #ffffff;
display: inline-block;
-margin: 2px;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.controls3 a:link {
float: right;
padding: 1px 5px;
height: 24px;
width: 100px;
text-align: center;
text-decoration: none;
margin-top:2px;
color:#ffffff;
}
.iconsearch {
background-image:url('TR/search.gif');
background-repeat: no-repeat;
width: 52px;
height: 24px;
display: block;
-background: none repeat scroll 0 0 #40b4b0;
border: 1px solid #369a96;
text-align: center;
text-shadow: 0 1px 0 #000 !important;
}
textarea:focus, .bginput:focus {
background: #FFF;
}
.controlbar:focus {
background: none repeat scroll 0 0 #FFFFFF;
}
/* tooltip LEFT*/
a.tooltips {
position: relative;
display: inline;
}
a.tooltips span {
position: absolute;
white-space: nowrap;
color: #FFFFFF;
background: #000000;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
padding: 0px 5px;
}
a.tooltips span:after {
content: '';
position: absolute;
top: 50%;
left: 100%;
margin-top: -8px;
width: 0; height: 0;
border-left: 8px solid #000000;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
a:hover.tooltips span {
visibility: visible;
opacity: 0.8;
right: 100%;
top: 50%;
margin-top: -15px;
margin-right: 15px;
z-index: 999;
}
/* tooltip RIGHT*/
a.tooltipsR {
position: relative;
display: inline;
}
a.tooltipsR span {
position: absolute;
padding: 0px 5px;
white-space: nowrap;
color: #000;
background: #b7cee4;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
}
a.tooltipsR span:after {
content: '';
position: absolute;
top: 50%;
right: 100%;
margin-top: -8px;
width: 0; height: 0;
border-right: 8px solid #b7cee4;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
a:hover.tooltipsR span {
visibility: visible;
opacity: 0.8;
left: 100%;
top: 50%;
margin-top: -15px;
margin-left: 15px;
z-index: 999;
}
/* tooltip TOP */
a.tooltipsT {
position: relative;
display: inline;
}
a.tooltipsT span {
position: absolute;
width:180px;
color: #FFFFFF;
background: #445b90;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
font-size: 11px;
}
a.tooltipsT span:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -8px;
width: 0; height: 0;
border-top: 8px solid #445b90;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.tooltipsT span {
visibility: visible;
opacity: 0.8;
bottom: 30px;
left: 80%;
margin-left: -98px;
z-index: 999;
}
/* tooltip bottom */
a.tooltipsB {
position: relative;
display: inline;
}
a.tooltipsB span, li.tooltipsB span {
position: absolute;
padding: 0px 5px;
white-space: nowrap;
color: #FFFFFF;
background: #5b5b5b;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
font-size: 11px;
}
a.tooltipsB span:after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
width: 0; height: 0;
border-bottom: 8px solid #5b5b5b;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.tooltipsB span {
visibility: visible;
opacity: 0.8;
top: 35px;
left: 65%;
margin-left: -76px;
z-index: 999;
}
/* tooltip bottom footer */
a.tooltipsBF {
position: relative;
display: inline;
}
a.tooltipsBF span {
position: absolute;
width:140px;
color: #FFFFFF;
background: #5b5b5b;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
font-size: 11px;
}
a.tooltipsBF span:after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
width: 0; height: 0;
border-bottom: 8px solid #5b5b5b;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.tooltipsBF span {
visibility: visible;
opacity: 0.8;
top: 2px;
left: 50%;
margin-left: -70px;
z-index: 999;
}
/* tooltip bottom footer Icon */
a.tooltipsBFI {
position: relative;
display: inline;
}
a.tooltipsBFI span {
position: absolute;
width:140px;
color: #000;
background: #b7cee4;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
font-size: 11px;
}
a.tooltipsBFI span:after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
width: 0; height: 0;
border-bottom: 8px solid #b7cee4;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.tooltipsBFI span {
visibility: visible;
opacity: 0.8;
top: 40px;
left: 50%;
margin-left: -70px;
z-index: 999;
}
.subforum {
display: none;
margin-left: -150px;
margin-top: 15px;
}
/* alm6wer2015 ActivityUser */
.icon-thumbs-up, .icon-fire, .icon-location-outline, .icon-warning-empty {
font-size: 20px;
}
.icon-thumbs-up:hover, .icon-location-outline:hover {
color: #73a61b;
}
.icon-fire:hover, .icon-warning-empty:hover {
color: #FF0000;
}
.icon-trophy-1 {
font-size: 15px;
}
a.icon-home-6 {
font-size: 25px;
color: #58c5c4;
}
a.icon-facebook-squared-1 {
font-size: 25px;
color: #2183b0;
}
a.icon-twitter-squared {
font-size: 25px;
color: #32c2e6;
}
a.icon-youtube-squared {
font-size: 25px;
color: #e15344;
}
a.icon-googleplus-rect {
font-size: 25px;
color: #73a61b;
}
.icon-lightbulb {
font-size: 25px;
}
.on, .on:hover {
color: #73a61b;
font-size: 25px;
}
.off, .off:hover {
color: #ccc;
font-size: 25px;
}
/* quote */
.icon-quote-right-1 {
color: #cd8a33;
font-size: 35px;
}
/* showthread */
a.icon-lock-alt {
font-size: 13px;
}
.icon-tag-7 {
-height: 50px;
font-size: 35px;
color: #668ea9;
margin-top: 20px;
}
/* forumhome */
.icon-resize-small-1 {
color: #c07b32;
font-size: 12px;
}
.icon-thumbs-up-5 {
font-size: 40px;
}
/* الايقونات الاجتماعية في الهيدر */
.LinkLeft div {
display:inline-block;
}
/* tooltip RIGHT G */
a.tooltipsG {
position: relative;
display: inline;
}
a.tooltipsG span {
position: absolute;
padding: 0px 5px;
white-space: nowrap;
color: #fff;
background: #364949;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
font-size: 12px;
}
a.tooltipsG span:after {
content: '';
position: absolute;
top: 50%;
right: 100%;
margin-top: -8px;
width: 0; height: 0;
border-right: 8px solid #364949;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
a:hover.tooltipsG span {
visibility: visible;
opacity: 0.8;
left: 100%;
top: 50%;
margin-top: -15px;
margin-left: 15px;
z-index: 999;
}
.LinkLeft .icon-twitter-squared, .LinkLeft .icon-facebook-squared-1, .LinkLeft .icon-youtube-squared {
font-size: 30px;
}
.LinkLeft .icon-googleplus-rect {
font-size: 25px;
}
a.icon-bullseye .off, a.icon-bullseye .on {
font-size: 20px;
}
/* الظل */
.shadowGoogle1{-moz-box-shadow: 0 0 10px #373637; -webkit-box-shadow: 0 0 10px #373637; box-shadow: 0 0 10px #373637; width:728px; height:90px}
.shadowGoogle4{-moz-box-shadow: 0 0 10px #373637; -webkit-box-shadow: 0 0 10px #373637; box-shadow: 0 0 10px #373637; width:160px; height:600px}
a.icon-home-6,a.icon-mail-alt, a.icon-sitemap, a.icon-hammer {
color: #b7cee4;
}
.warning {
color: #fff;
font: bold 12px 'Exo 2', 'Droid Arabic Kufi',Tahoma;
background: red;
}
.info {
color: #fff;
font: bold 12px 'Exo 2', 'Droid Arabic Kufi',Tahoma;
background: #3d5ed9;
}
.new_code {
font: bold 12px 'Exo 2', 'Droid Arabic Kufi',Tahoma;
background-color: #FFD7D7;
color: #FF0000;
padding:15px;
border-radius: 0px 0px 5px 5px;
}
.new_code2 {
font: bold 12px 'Exo 2', 'Droid Arabic Kufi',Tahoma;
background-color: #c5cef3;
color: #3d5ed9;
padding:15px;
border-radius: 0px 0px 5px 5px;
}