.eauth { overflow: hidden; } .eauth-list { margin: -1em 0 0; padding: 0; list-style: none; } .eauth-service { display: inline-block; vertical-align: top; margin: 1em 1em 0 0; } .eauth-service-link { position: relative; display: block; width: 60px; padding-top: 34px; text-align: center; } .eauth-service-link:before, .eauth-service-link:after { content: ''; position: absolute; top: 0; left: 50%; width: 32px; height: 32px; margin-left: -16px; background: url("../images/auth.png") 0 0 no-repeat; } .eauth-service-link:after { display: none; } .eauth-service-link:hover:after { display: block; } /* --- Services --- */ .eauth-service-id-google_oauth .eauth-service-link:before { background-position: 0 -34px; } .eauth-service-id-yandex_oauth .eauth-service-link:before { background-position: 0 -102px; } .eauth-service-id-twitter .eauth-service-link:before { background-position: 0 -68px; } .eauth-service-id-vkontakte .eauth-service-link:before { background-position: 0 -136px; } .eauth-service-id-facebook .eauth-service-link:before { background-position: 0 -170px; } .eauth-service-id-mailru .eauth-service-link:before { background-position: 0 -204px; } .eauth-service-id-moikrug .eauth-service-link:before { background-position: 0 -238px; } .eauth-service-id-odnoklassniki .eauth-service-link:before { background-position: 0 -272px; } .eauth-service-id-linkedin .eauth-service-link:before, .eauth-service-id-linkedin_oauth2 .eauth-service-link:before { background-position: 0 -306px; } .eauth-service-id-github .eauth-service-link:before { background-position: 0 -340px; } .eauth-service-id-live .eauth-service-link:before { background-position: 0 -372px; } .eauth-service-id-yahoo .eauth-service-link:before { background-position: 0 -406px; } .eauth-service-id-steam .eauth-service-link:before { background-position: 0 -440px; } .eauth-service-id-instagram .eauth-service-link:before { background-position: 0 -474px; }