[pizzaservice]

Originally Posted by mandingo

Go to vbulletin chrome.css
find:

.toplinks {
	position:absolute;
	{vb:stylevar right}:{vb:math {vb:stylevar padding}*2};
	top:0;
	color:{vb:stylevar toplinks_link_color};
	font: {vb:stylevar header_font};
	text-align:{vb:stylevar right};
}

change to:

.toplinks {
	position:absolute;
	{vb:stylevar right}:{vb:math {vb:stylevar padding}*2};
	top:0;
        position:absolute;
	width:100%
	margin-right: auto;
        margin-left: auto;
	color:{vb:stylevar toplinks_link_color};
	font: {vb:stylevar header_font};
	text-align:{vb:stylevar right};
}

That should do it.

Hmmm. Just tried, that's not working... When i'm crossing some buttons with the mouse, it moves 50px right.


That's in vbulletin-chrome.css:

.toplinks {
	position:absolute;
	{vb:stylevar right}:{vb:math {vb:stylevar padding}*2};
	top:0;
        position:absolute;
	width:100%
	margin-right: auto;
        margin-left: auto;
	color:{vb:stylevar toplinks_link_color};
	font: {vb:stylevar header_font};
	text-align:{vb:stylevar right};
}

.toplinks ul.isuser, .toplinks ul.nouser {
	float: {vb:stylevar right};
	clear: {vb:stylevar left};
	list-style: none;
}

.toplinks ul.isuser li {
	display:inline;
	margin-{vb:stylevar left}: {vb:stylevar padding};
	position: relative; 
	top: {vb:math {vb:stylevar padding}/2};
	color: {vb:stylevar header_color};
}

.toplinks ul.isuser li.logoutlink {
	top: 0;
}

.toplinks ul.isuser li a {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-{vb:stylevar left}: 4px;
	padding-{vb:stylevar right}: 4px;
	font-weight:bold;
	color:{vb:stylevar toplinks_link_color};
}

.toplinks ul.isuser li a:hover {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-{vb:stylevar left}: 4px;
	padding-{vb:stylevar right}: 4px;
	background: {vb:stylevar navbar_tab_background.backgroundColor};
	color:{vb:stylevar toplinks_linkhover_color};
}

.toplinks ul.nouser li {
	display:inline;
}

.toplinks ul.nouser li a {
	float:{vb:stylevar left};
	clear:{vb:stylevar right};
	color:{vb:stylevar toplinks_link_color};
}

.toplinks ul.nouser li a{
	position: relative;
	padding: 6px {vb:stylevar padding} 0 {vb:stylevar padding};
	background: {vb:stylevar navbar_tab_background.backgroundColor};
	-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
	-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
	height:{vb:math 8px + {vb:math {vb:stylevar font.fontSize}-1}};
	font-weight:bold;
	display: block;
	font-size:{vb:math {vb:stylevar font.fontSize}-1}px;
}

.toplinks ul.nouser li a{
	margin-{vb:stylevar left}: {vb:math {vb:stylevar padding}/2};
}

.toplinks ul.nouser li a:hover {
	background: {vb:stylevar navbar_tab_background.backgroundColor};
	color:{vb:stylevar toplinks_linkhover_color};
}

.toplinks ul.isuser li.popupmenu {
	color: {vb:stylevar navbar_selected_popup_body_a_Color};
}

.toplinks ul.isuser li.popupmenu ul li {
	position: relative;
	top: 0;
	margin: {vb:stylevar padding} 0 0;
	text-align: {vb:stylevar left};
}

.toplinks ul.isuser .notifications .popupbody {
	background: {vb:stylevar navbar_tab_background.backgroundColor};
	border: 1px solid {vb:stylevar navbar_tab_background.backgroundColor}; /* makes it look consistent with the popup background */
}

.toplinks ul.isuser .notifications .popupbody li a{
	color: {vb:stylevar navbar_selected_popup_body_a_Color};
	padding: 2px {vb:math {vb:stylevar padding}/2};
	font-weight: normal;
	background:{vb:stylevar navbar_popup_link_background};
	border-top:1px solid {vb:stylevar navbar_tab_background.backgroundColor}; /* makes it look consistent with the popup background */
	position: relative;
	text-align: {vb:stylevar left};
	padding-{vb:stylevar left}: 30px;
}

.toplinks ul.isuser .notifications .popupbody li a span {
	position: absolute;
	{vb:stylevar left}: {vb:math {vb:stylevar padding}/2};
}

.toplinks ul.isuser .notifications .popupbody li a:hover {
	background:{vb:stylevar imodhilite_backgroundColor};
	color: {vb:stylevar navbar_selected_popup_body_a_Color};
	text-decoration: underline;
}

.toplinks form {
	text-align: {vb:stylevar left};
	width:auto;
	float: {vb:stylevar right};
	clear: {vb:stylevar left};
        _display:block;
        _width:230px;

}

.toplinks .logindetails {
	padding: 0 {vb:stylevar padding};
	background: {vb:stylevar navbar_tab_background.backgroundColor};
	-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
	-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
	height: {vb:stylevar navbar_tab_size.height}px;
}

.toplinks form input {
	margin: 3px 0 0;
	vertical-align: baseline;
	font-size: {vb:math {vb:stylevar font.fontSize}-2}px;
	padding: 1px;
	border: 0;
}

.toplinks form input.default-value {
	color: {vb:stylevar toplinks_form_input};
}

.toplinks .remember {
	margin: -{vb:math {vb:stylevar padding}/3} 0 0 {vb:math {vb:stylevar padding}*2};
	font-size: {vb:math {vb:stylevar font.fontSize}-3}px;
}

.toplinks .remember input {
	vertical-align: baseline;
}