vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)
-   -   move words up a little.. (https://vborg.vbsupport.ru/showthread.php?t=307928)

SPEEDKILLZ 02-04-2014 05:29 PM
move words up a little..
 
1 Attachment(s)
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?

ozzy47 02-04-2014 07:42 PM
I would be willing to bet that is due to making the navtabs smaller that the were.

SPEEDKILLZ 02-04-2014 08:32 PM
Quote:
Originally Posted by ozzy47 (Post 2479049)
I would be willing to bet that is due to making the navtabs smaller that the were.
Yes sir i believe you are correct. The author said it can be changed here. This is the same code i made the navbar thinner with

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;
}

Seven Skins 02-05-2014 05:32 PM
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 02-05-2014 06:34 PM
Thank you, yes it is hard coded. Publisher got back with me. Thanks everyone


All times are GMT. The time now is 01:09 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01054 seconds
  • Memory Usage 1,857KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)bbcode_code_printable
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (5)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete