/* Image style */ a.scrollup-image { background-image: url("../img/scrollup.png"); bottom: 20px; right: 20px; width: 38px; height: 38px; background-size: 38px 38px; background-repeat: no-repeat; } /* Tab style */ a.scrollup-tab { zIndex: 9999999; bottom: -10px; width: 70px; height: 70px; padding: 10px 5px; font-family: sans-serif; font-size: 14px; line-height: 20px; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #fff; color: #828282; -webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2); background-color: #E6E6E6; background-image: -moz-linear-gradient(top, #EBEBEB, #DEDEDE); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EBEBEB), to(#DEDEDE)); background-image: -webkit-linear-gradient(top, #EBEBEB, #DEDEDE); background-image: -o-linear-gradient(top, #EBEBEB, #DEDEDE); background-image: linear-gradient(to bottom, #EBEBEB, #DEDEDE); background-repeat: repeat-x; -webkit-transition: bottom 150ms linear; -moz-transition: bottom 150ms linear; transition: bottom 150ms linear; } a.scrollup-tab:hover { bottom: 0px; } /* Pill style */ a.scrollup-pill { zIndex: 9999999; bottom: 20px; background: #555; color: #fff; font-size: 12px; font-family: sans-serif; text-decoration: none; opacity: .9; padding: 10px 20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: background 200ms linear; -moz-transition: background 200ms linear; transition: background 200ms linear; } a.scrollup-pill:hover { background: #000; color: #fff; } /* Text link style */ a.scrollup-link { bottom: 20px; zIndex: 9999999; } /* Center style */ a.scrollup-center {left: 47%;} /* Right style */ a.scrollup-right {right: 20px;} /* Left style */ a.scrollup-left {left: 20px;}