Header hordien by infomase

/* ==UserStyle==
@name           Header hordien
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Modifie les boutons du header pour les faire ressembler davantage à ceux de Hordes.fr
@author         Morue
==/UserStyle== */

@-moz-document url-prefix("https://myhordes.eu"), url-prefix("https://myhordes.fr"), url-prefix("https://myhordes.de"), url-prefix("https://myhord.es") {
	div.game-menu-area > div.game-bar > div.ulcont.text-menu,
	div.game-menu-area > div.game-bar > ul.text-menu{
		& > li.back-dash{
			font-size: 1.17rem;
			white-space: nowrap;
			line-height: 13px;
		}
		& > li.forum,
		& > li.help,
		& > li.soul,
		& > li.town-dash,
		& > li.town-news{
			width:auto;
			padding-left:20px;
			border-radius:11px;
			color:#00000001;
			white-space:nowrap;
			text-align:right;
			&::before{
				content:" ";
				display:block;
				position:absolute;
				height:22px;
				background-size:auto 15px;
				left:0;
				right:0;
				background-position:right;
				background-repeat:no-repeat;
				top:-1.5px;
				margin-right:6px;
			}
			&:hover{
				color:#00000001;
				&::before{
					color:#ffffca;
				}
			}
		}
		& > li.forum{
			width:125px !important;
			z-index:70;
			&::after{
				top: -20px;
				left: -35px;
				right: 35px;
			}
			&::before{
				background-image:url('https://i.postimg.cc/pd4KXtBj/forums.png');
			}
		}
		& > li.town-news{
			width:125px !important;
			z-index:60;
			margin-left:13px;
			&::after{
				top: -20px;
				left: -35px;
				right: 35px;
			}
			&::before{
				background-image:url('https://i.postimg.cc/CBFztJpG/gazette.png');
			}
		}
		& > li.town-dash{
			width:87px !important;
			z-index:50;
			margin-left:25px;
			&::after{
				top: -23px;
				left: -33px;
				right: 34px;
			}
			&::before{
				background-image:url('https://i.postimg.cc/bD3sjbqK/jouer.png');
			}
		}
		& > li.soul{
			width:92px !important;
			z-index:40;
			margin-left:4px;
			&::after{
				top: -23px;
				left: -34px;
				right: 34px;
			}
			&::before{
				background-image:url('https://i.postimg.cc/64qT633T/votre-ame.png');
			}
		}
		& > li.help{
			width:69px !important;
			z-index:30;
			margin-left:5px;
			&::after{
				top: -17px;
				left: -19px;
				right: 19px;
			}
			&::before{
				background-image:url('https://i.postimg.cc/SKJWhKcq/aide.png');
			}
		}
	}
}