The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
|||
|
|||
![]()
on sub navbar. As you can see in the attached pic they are at the bottom of the black bar. I would like to move them up closer to the center. How would i do this?
|
#2
|
||||
|
||||
![]()
I would be willing to bet that is due to making the navtabs smaller that the were.
|
#3
|
|||
|
|||
![]() Quote:
Code:
/** * CHROME: HEADER, NAVBAR, BREADCRUMB, FOOTER */ /*************************************************/ /* HEADER */ .above_body { background:{vb:stylevar header_background}; margin: {vb:stylevar header_margin}; padding: {vb:stylevar header_padding}; -moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius}; -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius}; -webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius}; -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius}; border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius}; border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius}; } .doc_header { border:{vb:stylevar header_border}; color:{vb:stylevar header_color}; font:{vb:stylevar header_font}; position:relative; min-height:35px; } .doc_header a { color:{vb:stylevar header_link_color}; } .doc_header a:hover { color:{vb:stylevar header_linkhover_color}; } .doc_header hr { display: none; } .logo-image { float: {vb:stylevar left}; clear: {vb:stylevar right}; min-height: 2em; height: auto !important; padding: {vb:stylevar titleimage_padding}; } .toplinks { /*float: right;*/ {vb:stylevar right}:{vb:math {vb:stylevar padding}*2}; color:{vb:stylevar toplinks_link_color}; font: {vb:stylevar header_font}; text-align:{vb:stylevar right}; background:{vb:stylevar toplinks_background}; padding-top: 10px; height: 35px; background-attachment: scroll; background-image: url({vb:stylevar imgdir_misc}/top-links-bg.jpg); background-repeat: repeat-x; background-position: left top; background-color: #2f2f2f; } .toplinks ul.isuser li#fb_headerbox.hidden, .toplinks ul.nouser li#fb_headerbox.hidden { display: none; } .toplinks ul.isuser li#fb_headerbox a, .toplinks ul.nouser li#fb_headerbox a { padding-top: 0; background: none; cursor: pointer; } li#fb_headerbox a#fb_link { position: relative; } li#fb_headerbox a#fb_link #fb_squarepic{ position:absolute; right:-6px; top:5px; z-index:1; border:1px solid #B3CCE7; padding:1px; } li#fb_headerbox a#fb_link #fb_icon{ position:absolute; right:10px; top:1px; z-index:2; } .toplinks ul.isuser, .toplinks ul.nouser { display:block; float: {vb:stylevar right}; clear: {vb:stylevar left}; list-style: none; } .toplinks ul.isuser li { display:inline; position: relative; color: {vb:stylevar header_color}; float: {vb:stylevar right}; clear: {vb:stylevar left}; padding-{vb:stylevar right}: 10px; background:{vb:stylevar toplinks_background.backgroundColor}; } .toplinks ul.isuser .popupbody li { display:block; float: none; clear: none; padding:0; margin:0; } .toplinks ul.isuser li.welcomelink { display: block; float: {vb:stylevar right}; clear: {vb:stylevar left}; padding-top: 3px; padding-bottom: 3px; padding-{vb:stylevar left}: 4px; padding-{vb:stylevar right}: 4px; color: {vb:stylevar toplinks_color}; } .toplinks ul.isuser li.logoutlink { top: 0; } .toplinks ul.isuser li a { display: block; 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 li a { float: none; margin-{vb:stylevar left}: 0; } .toplinks ul.isuser li.welcomelink a { display:inline; float: none; clear: none; margin-{vb:stylevar left}: 0; } .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 toplinks_hilite_background.backgroundColor}; color:{vb:stylevar toplinks_linkhover_color}; } .toplinks ul.nouser li { display:inline; } .toplinks ul.nouser li a { display: block; float: {vb:stylevar right}; clear: {vb:stylevar left}; color:{vb:stylevar toplinks_link_color}; position: relative; padding: 2px 0 0 10px; height:{vb:math 8px + {vb:math {vb:stylevar font.fontSize}-1}}; font-weight:bold; font-size: 11px; margin-{vb:stylevar right}: 0px; text-decoration: underline; } .toplinks ul.nouser li a:hover { background: {vb:stylevar toplinks_hilite_background.backgroundColor}; color:{vb:stylevar toplinks_linkhover_color}; text-decoration: none; } .toplinks ul.isuser li.popupmenu, .toplinks ul.isuser .notifications, .toplinks ul.isuser .nonotifications { color: {vb:stylevar navbar_popupmenu_link_color}; position: relative; } .toplinks ul.isuser li.popupmenu ul li { position: relative; top: 0; margin: 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_popupmenu_link_color}; background:{vb:stylevar navbar_popupmenu_link_background}; padding: 0 {vb:math {vb:stylevar padding}/2}; font-weight: normal; /*border-top:1px solid {vb:stylevar navbar_tab_background.backgroundColor}; makes it look consistent with the popup background */ text-align: {vb:stylevar left}; padding-{vb:stylevar left}: 30px; line-height: {vb:stylevar popupmenu_height}; } .toplinks ul.isuser .notifications .popupbody li a span { position: absolute; line-height: {vb:stylevar popupmenu_height}; {vb:stylevar left}: {vb:math {vb:stylevar padding}/2}; } .toplinks ul.isuser .notifications .popupbody li a:hover { color: {vb:stylevar navbar_popupmenu_link_hover_color}; background:{vb:stylevar navbar_popupmenu_link_hover_background}; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .toplinks form { min-width: 220px; display:block; margin-{vb:stylevar right}: 10px; text-align: {vb:stylevar left}; float: {vb:stylevar right}; clear: {vb:stylevar left}; } .toplinks .logindetails { background: {vb:stylevar toplinks_hilite_background.backgroundColor}; } .toplinks form input { margin: 3px 0 0; vertical-align: baseline; font-size: {vb:math {vb:stylevar font.fontSize}-2}{vb:stylevar font.units}; padding: 1px; border: 0; } .toplinks form input.textbox { color: {vb:stylevar input_color}; } .toplinks form input.default-value { color: {vb:stylevar shade_color}; } .toplinks .remember { font-size: {vb:math {vb:stylevar font.fontSize}-3}{vb:stylevar font.units}; color: {vb:stylevar toplinks_color}; } .toplinks .remember input { vertical-align: baseline; } .toplinks ul.isuser .notifications .popupbody li{ /*border-top:1px solid {vb:stylevar navbar_tab_background.backgroundColor};*/ } .cb_cookieuser_navbar{ position: relative; top: 2px; } .notifications a.popupctrl:link, .notifications a.popupctrl:visited, .toplinks a:link, .toplinks a:visited { color: {vb:stylevar toplinks_link_color}; text-decoration:none; } .notifications { font-size:{vb:stylevar small_fontSize}; color: {vb:stylevar toplinks_link_color}; -moz-border-radius-bottom{vb:stylevar left}: 5px; -webkit-border-bottom-{vb:stylevar left}-radius: 5px; border-bottom-{vb:stylevar left}-radius: 5px; -moz-border-radius-bottom{vb:stylevar right}: 5px; -webkit-border-bottom-{vb:stylevar right}-radius: 5px; border-bottom-{vb:stylevar right}-radius: 5px; } .notifications a { text-decoration:none; } .notifications .popupbody { color:{vb:stylevar navbar_popupmenu_link_color}; background: {vb:stylevar navbar_popupmenu_link_background}; background: #E8E8E8; /* Old browsers */ background: -moz-linear-gradient(top, #E8E8E8 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8E8E8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #E8E8E8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #E8E8E8 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #E8E8E8 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #E8E8E8 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8E8E8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .nonotifications .popupbody { color:{vb:stylevar navbar_popupmenu_link_color}; background: {vb:stylevar navbar_popupmenu_link_background}; background: #E8E8E8; /* Old browsers */ background: -moz-linear-gradient(top, #E8E8E8 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8E8E8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #E8E8E8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #E8E8E8 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #E8E8E8 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #E8E8E8 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8E8E8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .header hr, .header h2 { display:none; } /*************************************************/ /* NAVBAR */ .navbar { position:relative; height: 60px; background:{vb:stylevar navbar_background}; margin:{vb:stylevar navbar_margin}; color:{vb:stylevar navbar_color}; font:{vb:stylevar navbar_font}; border:{vb:stylevar navbar_border}; -moz-border-radius:{vb:stylevar border_radius}; -webkit-border-radius:{vb:stylevar border_radius}; border-radius:{vb:stylevar border_radius}; background-attachment: scroll; background-image: url({vb:stylevar imgdir_misc}/navbar-bg.png); background-repeat: repeat-x; background-position: left bottom; -webkit-box-shadow: 0 0 3px 0 rgba(72, 72, 72, 0.59); box-shadow: 0 0 3px 0 rgba(72, 72, 72, 0.59); } .navbar a { color:{vb:stylevar navbar_link_color}; } .navbar a:hover { color:{vb:stylevar navbar_linkhover_color}; } .navtabs { background:{vb:stylevar navbar_tab_background}; padding: {vb:stylevar navbar_tab_padding}; height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units}; } .navtabs li:first-child { border-{vb:stylevar left}: {vb:stylevar navbar_tab_border}; } .navtabs ul { /* height: {vb:stylevar popupmenu_height}; */ position:absolute; top: 42px; {vb:stylevar left}:0px; width:100%; /* This is to fix RTL menu issue under Opera */ direction:ltr; } .navtabs li { float:{vb:stylevar left}; border-{vb:stylevar right}: {vb:stylevar navbar_tab_border}; } .navtabs ul li:first-child { margin-{vb:stylevar left}: 0; border-{vb:stylevar left}: 0; } #navtabs .popupmenu ul li:first-child { margin-{vb:stylevar left}: 0px; } .navtabs ul li { border-{vb:stylevar right}: 0; position: relative; } .navtabs li a { height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units}; line-height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units}; padding:0 {vb:stylevar padding}; } .navtabs li a.navtab { border-top: {vb:stylevar navbar_tab_bevel}; border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel}; display:block; background:{vb:stylevar navbar_tab_background}; min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}}; width:auto !important; width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}}; text-align:center; color: {vb:stylevar navbar_tab_color}; font:{vb:stylevar navbar_tab_font}; text-decoration:none; line-height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units}; } .navtabs li a.navtab:hover { background:{vb:stylevar navbar_tab_selected_background} 0 -{vb:stylevar navbar_tab_selected_top_height}; color:{vb:stylevar navbar_tab_selected_color}; } .navtabs li.selected { height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units}; color:{vb:stylevar navbar_tab_selected_color}; } .navtabs li.selected a.navtab { color:{vb:stylevar navbar_tab_selected_color}; background:{vb:stylevar navbar_tab_selected_background}; position:relative; top:-{vb:stylevar navbar_tab_selected_top_height}; padding-top:{vb:stylevar navbar_tab_selected_top_height}; z-index:10; /*-moz-border-radius-top-right: {vb:stylevar border_radius}; -webkit-border-top-right-radius: {vb:stylevar border_radius}; border-top-right-radius: {vb:stylevar border_radius}; -moz-border-radius-top-left: {vb:stylevar border_radius}; -webkit-border-top-left-radius: {vb:stylevar border_radius}; border-top-left-radius: {vb:stylevar border_radius};*/ } .navtabs li.selected li a, .navbar_advanced_search li a { text-decoration:none; font:{vb:stylevar navbar_font}; line-height: {vb:stylevar navbar_menu_height}; } .navtabs li.selected li a { color:{vb:stylevar navbar_link_color}; padding: 0 0 0 10px; } .navtabs li.selected ul.popupbody a { line-height: {vb:stylevar popupmenu_height}; } .navbar_advanced_search li { display:block; clear:both; padding-right: 34px; } .navbar_advanced_search li a { color:{vb:stylevar navbar_link_color}; } .navbar_advanced_search li a:hover { color:{vb:stylevar navbar_linkhover_color}; text-decoration:{vb:stylevar linkhover_textDecoration}; } .navtabs li.selected li a:hover { color:{vb:stylevar navbar_linkhover_color}; text-decoration:{vb:stylevar linkhover_textDecoration}; } .navtabs li.selected .popupbody li a { text-indent: 0; color: {vb:stylevar navbar_popupmenu_link_color}; /*background: {vb:stylevar navbar_popupmenu_link_background};*/ padding:{vb:stylevar popup_padding.paddingTop}{vb:stylevar popup_padding.units} {vb:stylevar padding}; } .navtabs li.selected .popupbody li a:hover { color: {vb:stylevar navbar_popupmenu_link_hover_color}; background: {vb:stylevar navbar_popupmenu_link_hover_background}; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .navtabs li.selected li a.popupctrl { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:solid {vb:stylevar navbar_tab_border.borderWidth}{vb:stylevar navbar_tab_border.units} transparent; background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center; padding-{vb:stylevar right}:15px; color: {vb:stylevar navbar_link_color}; } .navtabs li.selected li a.popupctrl:hover { color: #fff; } .toplinks .notifications a.popupctrl { padding-top: 3px; padding-bottom: 3px; padding-{vb:stylevar left}: 4px; padding-{vb:stylevar right}: 15px; background: {vb:stylevar toplinks_hilite_background.backgroundColor} url({vb:stylevar imgdir_misc}/arrow.png) {vb:stylevar right} center no-repeat ; -moz-border-radius-bottom{vb:stylevar left}: {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}; -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius}; border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius}; border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius}; } .toplinks .nonotifications a.popupctrl { padding-top: 3px; padding-bottom: 3px; padding-{vb:stylevar left}: 4px; padding-{vb:stylevar right}: 15px; background: transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center; } .toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active , .toplinks .notifications a.popupctrl.active{ padding-top: 3px; padding-bottom: 3px; padding-{vb:stylevar left}: 4px; padding-{vb:stylevar right}: 15px; background: {vb:stylevar toplinks_hilite_background.backgroundColor} url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center; } .toplinks .notifications a.popupctrl:hover { padding-top: 3px; } .navtabs li.selected li:hover a.popupctrl { border-color:{vb:stylevar navbar_background.backgroundColor}; background-color:{vb:stylevar navbar_tab_background.backgroundColor}; text-decoration:none; } .navtabs li.selected li:hover a.popupctrl.active, .navtabs li.selected li a.popupctrl.active { border-color:{vb:stylevar navbar_tab_background.backgroundColor}; background-color:{vb:stylevar navbar_tab_background.backgroundColor}; color:{vb:stylevar navbar_link_color}; border-radius: 3px 3px 0px 0px; text-decoration:none; } .navtabs .popupbody { background: {vb:stylevar navbar_tab_background.backgroundColor}; width: auto; -webkit-box-shadow: 0px 5px 5px 0px rgba(68, 68, 68, 0.65); box-shadow: 0px 5px 5px 0px rgba(68, 68, 68, 0.65); background: #E8E8E8; /* Old browsers */ background: -moz-linear-gradient(top, #E8E8E8 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8E8E8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #E8E8E8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #E8E8E8 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #E8E8E8 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #E8E8E8 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8E8E8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .navtabs .popupbody li { float:none; } #navtabs .popupmenu ul, #navtabs .popupmenu ul li a { height: auto; } |
#4
|
||||
|
||||
![]()
There is usually no need to edit .css file unless code is hardcoded in the css files.
Edit these stylevars: - Navigation Bar Menu Height - Navigation Bar Tab Size |
Благодарность от: | ||
SPEEDKILLZ |
#5
|
|||
|
|||
![]()
Thank you, yes it is hard coded. Publisher got back with me. Thanks everyone
|
![]() |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
![]() |
|
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|