azzedine
<data:blog.pageTitle/>
<data:blog.pageName/> ~ <data:blog.title/>
*/
/* Use this with templates/template-twocol.html */
/* Author Bio */
.postauthor {
background: #F5F5F5;
border-top: 1px solid #e1e1e0;
border-bottom: 1px solid #e1e1e0;
overflow: hidden;
padding: 0.7em;
}
.postauthor img {
border: 5px solid #e2dede;
float: right;
margin-left: 1em;
}
.postauthor h3 {
color: #666;
font-size: 1.2em;
margin-bottom: 5px;
margin-top: 0;
}
.postauthor p {
color: #515151;
font-size: 12px;
margin-bottom: 10px;
margin-top: 0;
}
/* Author Bio End */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
/*--- Tabbed Facebook Comments By MBT ----*/
.comments-page { background-color: #f2f2f2; width:70%;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}
/*----- Comment Box ----*/
h3.trigger {
background:#CDCECE;
height: 40px;
line-height: 46px;
width: 70%; border-radius:0px 0px 5px 5px;
font-family:'DroidKufi-regular',Arial,Helvetica,Tahoma,sans-serif;
font-size: 1.4em;
font-weight: bold;
text-align:center;
color:#FDFCFB;
float: right;
cursor:pointer;
box-shadow: #333 0px 1px 3px;
padding:0;
margin:12px 0px 10px 0px;
}
h3.hover {
background:#DFE1E1;
color:#FFA500;
}
h3.active {
background-position: bottom right;
color:#323232;
}
.toggle_container {
padding-right:10px;
overflow: hidden;
clear: both;
}
#comment-form iframe{
background:#F5F5F5 url(http://2.bp.blogspot.com/-TJljjgIrTIM/USY8N0LWwzI/AAAAAAAABFM/LPAWl-kyvvE/s1600/baccck-o.jpg);
border:1px dashed #FF7300;
padding:5px; font:normal 12pt 'Droid Arabic Kufi', Arial; color:#FF7300; width:70%;height:250px; }
#comment-form iframe:hover{
background:#FFF7C7 url(http://2.bp.blogspot.com/-1NaXSFf7Gtw/USY9dq8-wMI/AAAAAAAABFU/g075K70Q6NI/s1600/AYAKaRIMA.png) no-repeat bottom center; border:1px dashed #FFCD01;
}
#comment-form a{
color:#FF7300;
}
.bannerbox{
float:left;
width:280px;
padding:0px ;
margin:0px 0px 0px 3px;
position:relative;
overflow: hidden;
}
.bannerbox h2 {
color:#140000;
margin:0px ;
padding:0px 0px 0px 5px ;
font: 28px Crushed, sans-serif;
height:35px;
line-height:33px;
text-align: left;
font-weight: normal;
text-shadow:1px 1px 0px #ffffff;
}
.banner{
margin: 0px ;
padding: 0px ;
float:left;
height:100%;
}
.banner ul {
margin: 0px 0px 0 10px;
padding: 0px 0px;
overflow: auto;
}
.banner li{
width:125px;
margin: 8px 4px 4px 6px ;
padding:1px;
list-style:none;
display : block;
overflow:hidden;
float:left;
background:#fff;
}
.banner li a:link, .banner li a:visited ,.banner li a:hover{
text-decoration: none;
}
.topNav {
width:100%;
height:47px;
overflow:visible;
margin:0 auto;
background: -webkit-linear-gradient(top, #41434f, #272931);
background: -moz-linear-gradient(top, #41434f, #272931);
background: -ms-linear-gradient(top, #41434f, #272931);
background: -o-linear-gradient(top, #41434f, #272931);
border-bottom:1px solid #444;
}
.topMenu {
height:47px;
width:740px;
float:right;
overflow:visible;
margin:0px 0 0 0;
}
.topMenu ul {
margin: 0px 10px 0 0;
text-align:right;
}
.topMenu ul li {
}
.topMenu ul li a {
}
.topMenu ul li a:hover {
color:#fff;
}
#dropmenu, #dropmenu ul {
margin: 0px 10px 0 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
position: relative;
line-height: 1.5em;
z-index: 999;
width: 100%;
font-weight: bold;
}
#dropmenu a {
-moz-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ;
-webkit-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
transition: all 0.30s ease-in-out;
display:block;
font: normal 11px/42px Tahoma, Geneva, sans-serif;
color:#1599ae;
height:47px;
display:block;
text-shadow:0 1px #1a1b20;
padding: 0 20px;
}
#dropmenu a:hover {
}
#dropmenu .current a, #dropmenu li:hover > a {
color:#fff;
text-shadow:0 1px #000;
background:#14161c;
}
#dropmenu li {
float:right;
height:47px;
border-left:1px solid #262831;
position: relative;
}
#dropmenu li:last-child {
background: none;
}
#dropmenu ul {
padding: 10px 5px 2px 0;
position: absolute;
display: none;
width: 293px;
top: 47px;
right: -15px;
background:#14161c;
}
#dropmenu ul a {
}
#dropmenu li ul li {
float: right;
background: none !important;
height: 29px;
width: 130px;
padding:0 !important;
margin: 0px 9px 10px 4px !important;
}
#dropmenu li ul li:hover {
background: none !important;
height: 29px !important;
width: 130px !important;
}
#dropmenu li ul a {
font: normal 11px/27px Tahoma, Geneva, sans-serif !important;
padding:0 !important;
float: right;
height: 29px;
width: 130px;
color: #000;
text-shadow:0 1px #ffffff;
background:#ffffff;
text-align:right;
text-indent:8px;
}
#dropmenu li ul a:hover {
background: #18acbd;
color: #000 !important;
height: 29px;
text-shadow:0 1px #1dbecb;
width: 130px;
font: normal 11px/27px Tahoma, Geneva, sans-serif !important;
border-top:none !important;
}
#dropmenu ul ul {
top: auto;
}
#dropmenu li ul ul {
left: 12em;
margin: 0px 0 0 10px;
}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
display: none;
}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
display: block;
}
/*----------- القائمة السفلى -----------*/
#NavT {
background:url(http://forum.brg8.com/brg8style/images/NavL.jpg) no-repeat;
width:950px;
height:41px;
position:relative;
margin:0 auto;
top: -30px;
bottom: -30px;
}
#NavT .buttonT {
position: absolute;
left: 24px;
top: 10px;
height: 25px;
width: 37px;
}
#NavT .SearchT {
position: absolute;
left: 73px;
top: 13px;
height: 17px;
width: 123px;
outline: 0;
}
#NavT .Rinput {
font-family:Tahoma;
border:0;
background-color:transparent;
direction:rtl;
color:#8a8a8a;
font-weight:normal;
font-size:10px;
}
#NavT ul {
padding:0;
margin:0;
list-style:none;
margin-right:15px;
}
#NavT ul li {
float:right;
background:url(http://forum.brg8.com/brg8style/images/Nav_li.gif) no-repeat left 55%;
padding-left:14px;
padding-right:12px;
height:41px;
line-height:41px;
}
li.last-chi {
background:none !important;
}
#NavT ul li a {
color:#fff;
font-weight:bold;
font-size:11px;
font-family:tahoma;
text-decoration:none;
}
#NavT ul li a:hover {
color:#a6ecfd;
}
select {display:none;}
/*------------------------------*/
#social{float:left;margin-top:-9px;margin-bottom:-11px;}
#social ul {list-style:none;float:left;}
#social ul li {float:right;padding:2px;margin:2px;width:32px;height:32px;}
.e {background:#444444;box-shadow:inset 0 0 1px #fff;border:1px solid #252525;transition:1s;}
.f {background:#444444;box-shadow:inset 0 0 1px #fff;border:1px solid #252525;transition:1s;}
.t {background:#444444;box-shadow:inset 0 0 1px #fff;border:1px solid #252525;transition:1s;}
.y {background:#444444;box-shadow:inset 0 0 1px #fff;border:1px solid #252525;transition:1s;}
.r {background:#444444;box-shadow:inset 0 0 1px #fff;border:1px solid #252525;transition:1s;}
.b {background:#444444;box-shadow:inset 0 0 1px #fff;border:1px solid #252525;transition:1s;}
.h {background:#444444;box-shadow:inset 0 0 1px #fff;border:1px solid #252525;transition:1s;}
.s {background:#444444;box-shadow:inset 0 0 1px #fff;border:1px solid #252525;transition:1s;}
.e:hover{background:#009c10;box-shadow:inset 0 0 1px #fff;border:1px solid #252525;transition:1s;}
.f:hover{background:#0083C9;box-shadow:inset 0 0 1px #fff;border:1px solid #006399;transition:1s;}
.t:hover{background:#00E8EC;box-shadow:inset 0 0 1px #fff;border:1px solid #00A1A4;transition:1s;}
.y:hover{background:#E40F00;box-shadow:inset 0 0 1px #fff;border:1px solid #900A00;transition:1s;}
.r:hover{background:#FFCD00;box-shadow:inset 0 0 1px #fff;border:1px solid #B69200;transition:1s;}
.b:hover{background:#FF8000;box-shadow:inset 0 0 1px #fff;border:1px solid #A75400;transition:1s;}
.h:hover{background:#7D00D7;box-shadow:inset 0 0 1px #fff;border:1px solid #52028B;transition:1s;}
.s:hover{background:#FFE600;box-shadow:inset 0 0 1px #fff;border:1px solid #BFAC00;transition:1s;}
@media screen and (max-width:1024px){
#outer-wrapper{
width: 100%;
}
#content-wrapper, #main-wrapper, #footer-wrapper, #sidebar-wrapper , #header-wrapper {
float: none;
margin: 0 auto;
width: 80%;
padding: 0;
}
a{font-size:11px;}
.post-title{font-size:11px;font-weight:400;}
.post-body{font-size:11px;}
.post-body img{width:100%;}
.tabs-widget{ float: none;
margin: 0 auto;
width: 80%;
padding: 0;}
}
@media screen and (max-width:728px){
#outer-wrapper{
width: 100%;}
#content-wrapper, #main-wrapper, #footer-wrapper, #sidebar-wrapper , #header-wrapper {
float: none;
margin: 0 auto;
width: 80%;
padding: 0;
}
a{font-size:11px;}
.post-title{font-size:11px;font-weight:400;}
.post-body{font-size:11px;}
.post-body img{width:100%;}
.tabs-widget{ float: none;
margin: 0 auto;
width: 80%;
padding: 0;}
}
@media screen and (max-width:480px){
#outer-wrapper{
width: 100%;
}
#content-wrapper, #main-wrapper, #footer-wrapper, #sidebar-wrapper , #header-wrapper {
float: none;
margin: 0 auto;
width: 80%;
padding: 0;
}
a{font-size:11px;}
.post-title{font-size:11px;font-weight:400;}
.post-body{font-size:11px;}
.post-body img{width:100%;}
.tabs-widget{ float: none;
margin: 0 auto;
width: 80%;
padding: 0;}
}
]]>