You are here

Home » API reference » Back To Top 8

back_to_top.css in Back To Top 8

Same filename and directory in other branches
  1. 7 css/back_to_top.css
  2. 2.x 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. 

  15. #backtotop:hover {

  16.   opacity: 0.8;

  17. }

  18. 

  19. #backtotop:focus {

  20.   opacity: 0.6;

  21.   outline: none;

  22. }

  23. 

  24. @media (-webkit-min-device-pixel-ratio: 2),

  25. (min-resolution: 192dpi) {

  26.   #backtotop {

  27.     background: url(../backtotop2x.png) no-repeat center center;

  28.     background-size: 70px 70px;

  29.   }

  30. }