Utilisateur:Lepsyleon/GoTop.css

Note : après avoir enregistré la page, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Cmd-R sur Apple Mac) ;

Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.

/* Pour utiliser le script Utilisateur:Lepsyleon/GoTop.js */
#div_gotop_lpl{position:fixed;display:inline-block;right:0;top:15%;z-index:10}
#gotop_lpl{list-style:none;margin:0;padding:0}
#gotop_lpl li{height:20px;margin:10px 0}
#gotop_lpl span{width:0;right:0;position:absolute;overflow:hidden;padding:0}
#gotop_lpl a{height:20px;width:10px;display:block;position:relative}
.b1{background-color:#318CE7;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
.b2{background-color:#A5D152;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
.b3{background-color:#B22222;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
#gotop_lpl a:hover span{width:25px;overflow:visible;padding:0 5px}
#gotop_lpl a:hover{background-color:transparent}
#gotop_lpl .b1 span{border-left:5px solid #318CE7;height:20px}
#gotop_lpl .b2 span{border-left:5px solid #A5D152;height:20px}
#gotop_lpl .b3 span{border-left:5px solid #B22222;height:20px}