Szukam Kodu CSS na przejście loga

wersja skryptu MyBB:1.8.3
adres forum: KLIK
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Potrzebuje kodu CSS na łagodne przesunięcie loga w prawą stronę o ok. 50px po najechaniu na nie kursorem. Jeżeli ktoś potrafi napisać taki kod to poprosiłbym
Takie przejście jest w logo na tej stronie: KLIK

podaj zawartość swojego headera, a do global.css dodaj:

.logo_img:hover {
    margin-left: 50px;
    transition: all 1.1s ease-in-out 0.1s;
}

dodawałem do:

    <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" id="logo_img" /></a>

i nie działa. Potem zrobilem:

.logo:hover {
    margin-left: 50px;
    transition: all 1.1s ease-in-out 0.1s;
}

i też nic.

mój header:

<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div id="logo">
                <div class="wrapper">
                    <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" id="logo_img" /></a>
                    <ul class="menu top_links">
                        {$menu_portal}
                        {$menu_search}
                        {$menu_memberlist}
                        {$menu_calendar}
                        <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
                    </ul>
                </div>
          </div>
              <div id="panel">
                           <div class="upper">
                    <div class="wrapper">
                        {$quicksearch}
                        {$welcomeblock}
                    <!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
                <!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
            </div>
            </div>
        <div id="content">
            <div class="wrapper">
                {$pm_notice}
                {$bannedwarning}
                {$bbclosedwarning}
                {$unreadreports}
                {$pending_joinrequests}
              {$awaitingusers}
                <navigation>
                <br />

Po to kazałem Ci dać swój header. logo_img trzeba dodać najlepiej do atrybutu a i nie jest to identyfikator, tylko klasa. Tak powinno być okej:

<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div id="logo">
                <div class="wrapper">
                    <a href="{$mybb->settings['bburl']}/index.php" class="logo_img"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
                    <ul class="menu top_links">
                        {$menu_portal}
                        {$menu_search}
                        {$menu_memberlist}
                        {$menu_calendar}
                        <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
                    </ul>
                </div>
          </div>
              <div id="panel">
                           <div class="upper">
                    <div class="wrapper">
                        {$quicksearch}
                        {$welcomeblock}
                    <!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
                <!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
            </div>
            </div>
        <div id="content">
            <div class="wrapper">
                {$pm_notice}
                {$bannedwarning}
                {$bbclosedwarning}
                {$unreadreports}
                {$pending_joinrequests}
              {$awaitingusers}
                <navigation>
                <br />

jest Okej ale przydałby się też łagodny powrót na swoje miejsce po zjechaniu z niego

---

jest Okej ale przydałby się też łagodny powrót na swoje miejsce po zjechaniu z niego

Lepiej

transition: all 1.1s ease-in-out 0.1s;

dodać do klasy .logo_img, żeby powrót też był 'powolny'.

.logo_img {
    transition: all 1.1s ease-in-out 0.1s;
}

.logo_img:hover {
    margin-left: 50px;
}