You are here

Home » API reference » scroll to top 6

scroll_to_top.css in scroll to top 6

Same filename and directory in other branches
  1. 6.2 scroll_to_top.css
  2. 7.2 scroll_to_top.css
  3. 7 scroll_to_top.css
/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 10px;
	margin-left: 20px;
	z-index:9999;
	opacity:0.8;
	/*IE6 hack */
		 _position: absolute;
		 _top:expression(documentElement.scrollTop+body.scrollTop);
		 _margin-top: 500px;
		 filter:alpha(opacity = 80);
}
body { 
	/*IE6 hack */
		_background: url(null) fixed ;
}
#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	/*background-color: #777;*/
}

File

scroll_to_top.css
View source 
  1. /*

  2. Back to top button 

  3. */

  4. #back-top {

  5. 	position: fixed;

  6. 	bottom: 10px;

  7. 	margin-left: 20px;

  8. 	z-index:9999;

  9. 	opacity:0.8;

  10. 	/*IE6 hack */

  11. 		 _position: absolute;

  12. 		 _top:expression(documentElement.scrollTop+body.scrollTop);

  13. 		 _margin-top: 500px;

  14. 		 filter:alpha(opacity = 80);

  15. }

  16. body { 

  17. 	/*IE6 hack */

  18. 		_background: url(null) fixed ;

  19. }

  20. #back-top a {

  21. 	width: 50px;

  22. 	display: block;

  23. 	text-align: center;

  24. 	font: 11px/100% Arial, Helvetica, sans-serif;

  25. 	text-transform: uppercase;

  26. 	text-decoration: none;

  27. 	color: #bbb;

  28. 	/* background color transition */

  29. 	-webkit-transition: 1s;

  30. 	-moz-transition: 1s;

  31. 	transition: 1s;

  32. 	

  33. }

  34. #back-top a:hover {

  35. 	color: #000;

  36. }

  37. /* arrow icon (span tag) */

  38. #back-top span {

  39. 	width: 50px;

  40. 	height: 50px;

  41. 	display: block;

  42. 	margin-bottom: 7px;

  43. 	background: #ddd url(up-arrow.png) no-repeat center center;

  44. 	/* rounded corners */

  45. 	-webkit-border-radius: 8px;

  46. 	-moz-border-radius: 8px;

  47. 	border-radius: 8px;

  48. 	/* background color transition */

  49. 	-webkit-transition: 1s;

  50. 	-moz-transition: 1s;

  51. 	transition: 1s;

  52. }

  53. #back-top a:hover span {

  54. 	/*background-color: #777;*/

  55. }