Jump to content

Не большая проблема в шаблоне

Featured Replies

Posted
comment_43537

В общем со стилем wt-blue проблема возникла на ipb 3.4.3.

В мозиле всё работает хорошо, а в других браузерах косяки с панелью пользователя. Скрины ниже

Кто знает как исправить или хотя бы где копать?

Мозила

post-2207-0-55558500-1378999162_thumb.pn

Хром

post-2207-0-91376700-1378999173_thumb.pn

  • Author
comment_43571

Пол ночи сидел, так и не понял как править.
Вот кусок шапки из css

/* HEADER */



#header_bar {
background: #323232 url({style_images_url}/user_navigation.png ) repeat-x bottom;
padding: 0;
text-align: right;
}

#admin_bar { font-size: 11px; line-height: 20px; }
#admin_bar li.active a { color: #fc6d35; }
#admin_bar a { color: #8a8a8a; }
#admin_bar a:hover { color: #fff; }

#user_navigation { color: #9f9f9f; font-size: 12px; }

.bgs {
padding: 4px 5px 6px 10px;
background: #057BA8;
}

#user_navigation.logged_in {
float: right;
margin-top: 30px;
}

#user_navigation a { color: #fff; }
#user_navigation .ipsList_inline li { margin: 0;} /* remove spacing from default ipsList_inline */

#user_navigation.not_logged_in {
float: right;
margin-top: 40px;
}

#user_navigation.not_logged_in a {
color: #606060;
}

#user_link {
color: #fff;
display: block;
font-size: 12px;
height: 20px;
text-align: left;
line-height: 20px;
outline: 0 none;
}

#user_link_dd, .dropdownIndicator {
display: inline-block;
width: 9px; height: 5px;
background: url({style_images_url}/header_dropdown.png ) no-repeat left;
}

#user_link:hover, #notify_link:hover, #inbox_link:hover { }

#user_link_menucontent #links li {
width: 50%;
float: left;
margin: 3px 0;
text-shadow: 0px 1px 0 rgba(255,255,255,1);
white-space: nowrap;
}


#user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active .dropdownIndicator { background-position: right; }
#community_app_menu .menu_active .dropdownIndicator { background-position: left; }
#community_app_menu li.active .menu_active .dropdownIndicator { background-position: right; }
#user_link_menucontent #statusForm { margin-bottom: 15px; }
#user_link_menucontent #statusUpdate { margin-bottom: 5px; }

#user_link_menucontent > div {
margin-left: 15px;
width: 265px;
text-align: left;
}


#statusSubmitGlobal { margin-top: 3px; }

#notify_link.menu_active, #inbox_link.menu_active {
background-position: bottom;
background-color: #fff !important;
}

#notify_link, #inbox_link {
background-color: #035372 !important;
padding: 13px 24px 8px 12px;
top: 8px;
vertical-align: middle;
width: 18px;
height: 15px;
position: relative;
}

#notify_link { background: url({style_images_url}/icon_notify.png ) no-repeat top; }
#inbox_link { margin-left: 5px; margin-right: -3px; background: url({style_images_url}/icon_inbox.png ) no-repeat top; }


#user_navigation #register_link {
background: #057BA8;
color: #fff;
display: inline-block;
padding: 6px 12px;
margin-left: 20px;
text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}


#branding {
background: #fff;
border-bottom: 1px solid #e3e3e3;
height: 100px;
}

#logo { display: inline; }


#primary_nav {
background: #fff url({style_images_url}/branding_bg.png) repeat-x 0 bottom;
border-bottom: 1px solid #fff;
text-transform: uppercase;
font-size: 14px;
padding: 3px 0 0 0;
font-weight: bold;
}

#community_app_menu > li { margin: 0px 40px 0 0; position: relative; }


#community_app_menu > li > a {
color: #4a3a3a;
display: block;
padding: 10px 1px 22px;

}


#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
color: #231d1d;
}


#community_app_menu > li.active > a {
background: url({style_images_url}/primarynav_bg.png ) repeat-x center bottom;
color: #057ba8;

margin-top: 0;
text-shadow: none;
}

#quickNavLaunch span {
background: url({style_images_url}/icon_quicknav.png ) no-repeat top;
width: 15px;
margin-left: 10px;
height: 15px;
display: inline-block;
}
#quickNavLaunch:hover span { background: url({style_images_url}/icon_quicknav.png ) no-repeat bottom; }
#primary_nav #quickNavLaunch { padding: 6px 8px 8px; }

#more_apps_menucontent, .submenu_container {
background: #173455;
font-size: 12px;
border: 0;
min-width: 140px;
}
#more_apps_menucontent li, .submenu_container li { padding: 0; border: 0; float: none !important; min-width: 150px; }
#more_apps_menucontent a, .submenu_container a {
display: block;
padding: 8px 10px;
color: #fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}

#more_apps_menucontent li:hover, .submenu_container li:hover { background-color: #fff !important; }

#more_apps_menucontent li:hover a, .submenu_container li:hover a { color: #000; text-shadow: none; }

#community_app_menu .submenu_container,
#more_apps_menucontent.submenu_container {
width: 260px;
}

#community_app_menu .submenu_container li,
#more_apps_menucontent.submenu_container li {
width: 260px;
}

.breadcrumb {
color: #47788d;
font-size: 12px;
}
.breadcrumb a { color: #47788d; }
.breadcrumb li .nav_sep { margin: 0 5px 0 0; }
.breadcrumb li:first-child{ margin-left: 0; }
.breadcrumb.top { margin-bottom: 10px; }
.breadcrumb.bottom { margin-top: 10px; width: 100% }

.ipsHeaderMenu {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 70%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(70%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
padding: 10px;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
border-radius: 0 0 6px 6px;
overflow: hidden;
width: 340px;
}

.ipsHeaderMenu .ipsType_sectiontitle { margin-bottom: 8px; }

#user_notifications_link_menucontent.ipsHeaderMenu,
#user_inbox_link_menucontent.ipsHeaderMenu {
width: 300px;
}

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.