#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;}
ليست هناك تعليقات: