/* Up and Down Buttons with jQuery ----------------------------------------------- */ .button_up{ padding:7px; /* Distance between the border and the icon */ background-color:white; border:1px solid #CCC; /* Border Color */ position:fixed; background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl2SqTviJMxCRHL0XQe0OomLcGZL1VbPwXkp-_crIhcehMuY6xJRW9SBnJHci42_ZQB49Ypc5Hos8SopDAFiGKsL7updxMavQ8ODbjwcqW6T2u0AjR_hWhD7awGroDwDWkDhElgk5oxyk/s16/arrow_up.png) no-repeat top left; background-position:50% 50%; width:20px; /* Button's width */ height:20px; /* Button's height */ bottom:280px; /* Distance from the bottom */ right:5px; /* Change right to left if you want the buttons on the left */ white-space:nowrap; cursor: pointer; border-radius: 3px 3px 3px 3px; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); } .button_down{ padding:7px; /* Distance between the border and the icon */ background-color:white; border:1px solid #CCC; /* Border Color */ position:fixed; background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9aA4U_1EOe4RIv3XojHnJaiNt2NGZ99A_SFc3REtNTjgTBo-PPcQxXpIWFILkmL5vMhOMLkWjXkerWsZhWkwudUr6WBaJJHOIdx01oXzM6MG6f5OcRj0Bj2syLv_bRwWV9Yo7_xIiAQ8/s16/arrow_down.png) no-repeat top left; background-position:50% 50%; width:20px; /* Button's width */ height:20px; /* Button's height */ bottom:242px; /* Distance from the bottom */ right:5px; /* Change right to left if you want the buttons on the left */ white-space:nowrap; cursor: pointer; border-radius: 3px 3px 3px 3px; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); }