Advertisement
decembre

STY - Scroll To Top/Bottom Of Page (JoeSimmons) Style TWEAK

Sep 30th, 2013
294
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.82 KB | None | 0 0
  1. /* BACK TO TOP - TOP ICON - === */
  2. /* DECEMBRE TWEAK STYLE for "Scroll To Top/Bottom Of Page" Greasemonkey Script (http://userscripts.org/scripts/show/44448)
  3. By JoeSimmons (Adds a link to scroll to the top or bottom of the current page )
  4. This style transform its TOP/BOTTOM links into 2 SMALL ARROWS ICONS , and move them on the MIDDLE/RIGHT Side of the Windows
  5. === */
  6. backtotop>a:first-of-type {
  7.     background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB+SURBVDhPY1i1atV/amAGahgCMoNhaIGlS5cKAp19BoRBbLJcj2QILDJINwzoAmMgfoclIkBixkS5DI8hMJcRNgxoSBoOl6CnNZBhaVhdBjWE1MSJahjQkA4KEmYH2GUrV66cSYEhYB+AzKBtFiHkQqKiH6Ro1CDCQTWgYQQAs81DU0G/83sAAAAASUVORK5CYII=") no-repeat scroll 50% 50% rgba(0, 0, 0, 0.7) !important;
  8.     color: transparent !important;
  9.     display: block !important;
  10.     font: 0 arial;
  11.     height: 20px !important;
  12.     padding: 1px !important;
  13.     position: absolute !important;
  14.     top: 24px !important;
  15.     transform: rotate(270deg) !important;
  16.     width: 6px !important;
  17. }
  18. /* BACK TO TOP - BOTTOM ICON - === */
  19. backtotop>a:last-of-type {
  20.     background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB+SURBVDhPY1i1atV/amAGahgCMoNhaIGlS5cKAp19BoRBbLJcj2QILDJINwzoAmMgfoclIkBixkS5DI8hMJcRNgxoSBoOl6CnNZBhaVhdBjWE1MSJahjQkA4KEmYH2GUrV66cSYEhYB+AzKBtFiHkQqKiH6Ro1CDCQTWgYQQAs81DU0G/83sAAAAASUVORK5CYII=") no-repeat scroll 50% 50% rgba(0, 0, 0, 0.7) !important;
  21.     color: transparent !important;
  22.     display: block !important;
  23.     font: 0 arial;
  24.     height: 21px !important;
  25.     position: absolute !important;
  26.     top: 24px !important;
  27. right: 1px !important;
  28.     transform: rotate(90deg) !important;
  29. /*    width: 6px !important;*/
  30. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement