/* Facebook Widget module: CSS */ #fblike-box { position: fixed; /* top: 260px; */ left: 0; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; z-index: 5101; } @media (max-width: 767px) { #fblike-box { display: none; } } #fblike_inner { position: fixed; /* top: 260px; */ /* left: -300px; */ -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; background: #3b5999; padding: 2px; } #fblike-box.right_fb { left: auto; right: 0; } #fblike-box.right_fb #fblike_inner { left: auto; /* right: -300px; */ } #fblike-box.right_fb.clicked { /* right: 296px; */ left: auto; } #fblike-box.right_fb.clicked #fblike_inner { left: auto; right: 0; } #fblike-box.clicked { /* left: 296px; */ } #fblike-box.clicked #fblike_inner { left: 0; } #fblike_inner .fb-like-box-inner { background: #fff; } #fblike-box .belt { background: url('../img/facebook-f.png') no-repeat 50% 50% #425f9c; position: relative; z-index: 0; float: left; cursor: pointer; position: relative; z-index: 0; width: 48px; height: 48px; color: #fff; text-align: center; line-height: 44px; font-size: 21px; border: 3px solid transparent; border-left: none; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }