You are here

back_to_top.css in Back To Top 2.x

Same filename and directory in other branches
  1. 8 css/back_to_top.css
  2. 7 css/back_to_top.css
#backtotop {
  background: url(../backtotop.png) no-repeat center center;
  border: 0;
  bottom: 20px;
  cursor: pointer;
  display: none;
  height: 70px;
  position: fixed;
  right: 20px;
  text-indent: -9999px;
  width: 70px;
  z-index: 300;
}

#backtotop:hover {
  opacity: 0.8;
}

#backtotop:focus {
  opacity: 0.6;
  outline: none;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  #backtotop {
    background: url(../backtotop2x.png) no-repeat center center;
    background-size: 70px 70px;
  }
}

File

css/back_to_top.css
View source
  1. #backtotop {
  2. background: url(../backtotop.png) no-repeat center center;
  3. border: 0;
  4. bottom: 20px;
  5. cursor: pointer;
  6. display: none;
  7. height: 70px;
  8. position: fixed;
  9. right: 20px;
  10. text-indent: -9999px;
  11. width: 70px;
  12. z-index: 300;
  13. }
  14. #backtotop:hover {
  15. opacity: 0.8;
  16. }
  17. #backtotop:focus {
  18. opacity: 0.6;
  19. outline: none;
  20. }
  21. @media (-webkit-min-device-pixel-ratio: 2),
  22. (min-resolution: 192dpi) {
  23. #backtotop {
  24. background: url(../backtotop2x.png) no-repeat center center;
  25. background-size: 70px 70px;
  26. }
  27. }