#cnmubcoun {
margin: auto;
width: 420px;
}
/*Preview*/
#cnmudcount1 {
float: right;
margin: 10px auto 30px;
width: 200px;
}
#cnmudcount3 {margin: 10px auto 30px; width: 200px;}
#cnmudcount1 .cb1 a,#cnmudcount3 .cb1 a {
background: url("https://lh3.googleusercontent.com/-tFT_SzCGOCs/VT6o1RUN9II/AAAAAAAAASw/P8dx0KP6wYo/s24/search.png") no-repeat scroll 96% center #E77B00;
color: #fff;
display: block;
font-size: 20px;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
transition: all 0.7s ease 0s;
}
#cnmudcount1 .cb2,#cnmudcount3 .cb2 {
background-color: #000;
border-radius: 0 0 5px 5px;
color: #fff;
display: block;
font: bold 12px/20px tahoma;
height: 0;
opacity: 0;
position: absolute;
text-align: center;
transition: all 0.5s ease 0s;
width: 200px;
}
/*Download*/
#cnmudcount2 {
float: left;
margin: 10px auto 30px;
width: 200px;
}
#cnmudcount4 {margin: 10px auto 30px; width: 200px;}
#cnmudcount2 .cb1 a,#cnmudcount4 .cb1 a {
background: url("https://lh3.googleusercontent.com/-Q0fbJ6eNObg/VT6o1blDgdI/AAAAAAAAASs/yUJb62g7Oug/s24/downloadwhite.png") no-repeat scroll 96% center #319300;
color: #fff;
display: block;
font-size: 20px;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
transition: all 0.7s ease 0s;
}
#cnmudcount2 .cb2,#cnmudcount4 .cb2 {
background-color: #c40101;
border-radius: 0 0 5px 5px;
color: #fff;
display: block;
font: bold 12px/20px tahoma;
height: 0;
opacity: 0;
position: absolute;
text-align: center;
transition: all 0.5s ease 0s;
width: 200px;
}
/*Hover*/
#cnmudcount1:hover .cb2,#cnmudcount2:hover .cb2,#cnmudcount3:hover .cb2,#cnmudcount4:hover .cb2 {height: 24px; opacity: 1;}
/*################MBT Pager ##########################*/
.mbt-pager { border-top: 2px dashed #ddd; border-bottom: 2px dashed #ddd; margin-bottom: 10px; overflow:hidden; padding:0px;}
.mbt-pager li.next { height:114px; float: right; padding:0px; background:none; margin:0px;}
.mbt-pager li.next a { padding-left: 24px; }
.mbt-pager li.previous { height:114px; margin:0px -2px 0px 0px; float: left; border-right:1px solid #ddd; padding:0px; background:none;
}
.mbt-pager li.previous a { padding-right: 24px; }
.mbt-pager li.next:hover, .mbt-pager li.previous:hover {background:#333333; }
.mbt-pager li { width: 50%; display: inline; float: left; text-align: center; }
.mbt-pager li a { position: relative; min-height: 77px; display: block; padding: 15px 46px 15px; outline:none; text-decoration:none;}
.mbt-pager li i { color: #ccc; font-size: 18px; }
.mbt-pager li a strong { display: block; font-size: 20px; color: #ccc; letter-spacing: 0.5px; font-weight: bold; text-transform: uppercase; font-family:oswald, sans-serif, arial; margin-bottom:10px;}
.mbt-pager li a span { font-size: 15px; color: #666; font-family:oswald,Helvetica, arial; margin:0px;}
.mbt-pager li a:hover span,
.mbt-pager li a:hover i { color: #ffffff; }
.mbt-pager li.previous i { float:left; margin-top:15%; margin-left:5%; }
.mbt-pager li.next i { float: right;
margin-top: 15%;
margin-right: 5%; }
.mbt-pager li.next i, .mbt-pager li.previous i ,
.mbt-pager li.next, .mbt-pager li.previous{
-webkit-transition-property: background color; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out;
-moz-transition-property: background color; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease-out;
-o-transition-property: background color; -o-transition-duration: 0.4s; -o-transition-timing-function: ease-out;
transition-property: background color; transition-duration: 0.4s; transition-timing-function: ease-out; }
.fa-chevron-right {padding-right:0px;}
المشاركات
