Suite Style - Grayfolio-Package 4.2 [SKINION]

Light, simplistic gray themes in a variation of colors designed without all the clutter found in other premium themes. These themes are perfect for a professional business site or any other site looking for a minimal and clean appearance. Colors include: green, blue, black and red.

black version available Here for those interested

Support Forums:
http://www.skinion.net/

***LIVE DEMO / COMING SOON***


-----------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------

UPDATES

----------------
11-1-2014

- Theme updated & released for vbulletin 4.2.0, 4.2.1, 4.2.3
- Old zip file removed
----------------

[Bob Meta]

Thank you for making this style! My main question is, is there a way to purchase a branding free version of this style? I could not find it on Skinion.net.

I also have two very minor issues that are bothering me. To the left of my navbar tabs, there is a small bit of padding that is causing my navbar tabs to shift slightly to the right. Where should I look to remove this padding? I have attached a screenshot below.

The second issue is that I am using the grey style, but the background border behind my forums is still a very light grey color, unlike the very dark, almost black color shown in the screenshot in the OP.

vB 4.2.1

Any help on where to change these minor style issues would be much appreciated. Thanks!

[karani24]

Have the same problem. But I really want to use the navbar overlap.

[karani24]

Addinoall.css

}
.navtabs .popupbody li a:hover {
    background-color:  {vb:stylevar blockfoot_background.backgroundColor};
    color: {vb:stylevar linkhover_color};
}
.navtabs li.selected .popupbody li > a {
	color: {vb:stylevar navbar_link_color};
}
.toplinks ul.isuser .notifications .popupbody li a {
    border-top: medium none;
    color: {vb:stylevar navbar_link_color};
}
.navtabs ul {
    background: {vb:stylevar navbar_background};
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    top: 25px;
    height: 32px;
    border-top: none;
}
.navtabs li.selected a.navtab {
    padding-top: 0;
    top: 0;
}
.navtabs li a.navtab:hover {
	background:{vb:stylevar navbar_tab_background};

[rhody401]

If the author is reading this, your site shows 'HaCked By RBG HomS'

Probably the /install folder exploit from last month.

You don't see it until you click FORUMS.

[brad heffernan]

hi this is my favorite style been using it for a long time but since the upgrade to 4.2.2 i am having an issue with the style, the navlinks overlap the navbar buttons. how would i fix this problem.
Other than that issue above everything else seems to be working fine.

Image attached

Any help will be greatly appreciated
Thanks

[nxtgen]

Pretty sure the dev is done supporting this theme.. and their site for that matter.

[w4term4n]

Originally Posted by brad heffernan

hi this is my favorite style been using it for a long time but since the upgrade to 4.2.2 i am having an issue with the style, the navlinks overlap the navbar buttons. how would i fix this problem.
Other than that issue above everything else seems to be working fine.

Image attached

Any help will be greatly appreciated
Thanks

I have exactly the same problem!. > _ <

[rhialy]

Just go into your XML file and search for:

".navtab ul"
here add the following css - command:
padding-top: 25px;

it should look like this:

.navtabs ul {
/*      background: {vb:stylevar navbar_background.backgroundColor}; */
        position:absolute;
	padding-top: 25px;
        top:{vb:math {vb:stylevar navbar_tab_size.height}px + {vb:stylevar navbar_padding.paddingTop}};
        {vb:stylevar left}:0px;
        width:100%;
        border-top:{vb:stylevar navbar_tab_border};
        -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};
        margin-{vb:stylevar right}:-{vb:stylevar navbar_tab_size.width}px;


/* This is to fix RTL menu issue under Opera */
        direction:ltr;
}

then search for:

".navtabs li a.navtab"
here add the following css - command:
position: relative;
z-index: 11;

it should look like this:

.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};
        _background-image:none;
        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}};
        _min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {vb:stylevar padding}};
        _width:auto !important;
        _width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {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}px;
	position: relative;
        z-index: 11;
}

this should fix the problem.

[nxtgen]

Originally Posted by rhialy

Just go into your XML file and search for:

".navtab ul"
here add the following css - command:
padding-top: 25px;

it should look like this:

.navtabs ul {
/*      background: {vb:stylevar navbar_background.backgroundColor}; */
        position:absolute;
	padding-top: 25px;
        top:{vb:math {vb:stylevar navbar_tab_size.height}px + {vb:stylevar navbar_padding.paddingTop}};
        {vb:stylevar left}:0px;
        width:100%;
        border-top:{vb:stylevar navbar_tab_border};
        -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};
        margin-{vb:stylevar right}:-{vb:stylevar navbar_tab_size.width}px;


/* This is to fix RTL menu issue under Opera */
        direction:ltr;
}

then search for:

".navtabs li a.navtab"
here add the following css - command:
position: relative;
z-index: 11;

it should look like this:

.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};
        _background-image:none;
        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}};
        _min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {vb:stylevar padding}};
        _width:auto !important;
        _width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {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}px;
	position: relative;
        z-index: 11;
}

this should fix the problem.

That does fix the issue. Thanks!! :up:

[Baghira]

Hello,

I tried this code, and it solved the problem for the overlapping...
but every first item of every submenu has a padding (left).. how can I fix this?