Clubs' Sub-Navigator Style

A Config Script for GameBanana

Updates

ScriptParentSubmitterStats
  • Overhaul Updated alongside site.
1.5 1mo
  • Adjustment Updated alongside site.
  • Removal Remove join icon since it is now present in GB's CSS by default.
1.4 9mo
65 lines | 1 kb | Raw Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
/* HIDE INNER MENU TOGGLE */

#SubNavigator .DropdownMenuSubNavigator > li.TitleOnly
{
        padding : 0;
        display : inline-flex;
}

#SubNavigator .DropdownMenuSubNavigator > li.TitleOnly:hover
{
        border-bottom : 0;
}

#SubNavigator .DropdownMenuSubNavigator > li.TitleOnly > spriteicon,
#SubNavigator .DropdownMenuSubNavigator > li.TitleOnly > div
{
        display : none;
}

/* SHOW INNER MENU ITEMS AND ADJUST STYLES TO MATCH OTHER OUTER MENU ITEMS */

#SubNavigator .DropdownMenuSubNavigator > li.TitleOnly ul
{
        display  : block !important;
        position : static;
        opacity  : 1 !important;
}

#SubNavigator .DropdownMenuSubNavigator > li.TitleOnly ul > li
{
        display    : inline-block;
        text-align : center;
        background : transparent;
        font-size  : 100%;
}

#SubNavigator .DropdownMenuSubNavigator > li.TitleOnly ul > li > a div
{
        display : block;
}

/* LINK STYLES */

#SubNavigator .DropdownMenuSubNavigator > li.TitleOnly ul > li a
{
        padding : .5em;
}

#SubNavigator .DropdownMenuSubNavigator > li.TitleOnly ul > li > a:hover
{
        color         : var(--DefaultTextColor);
        border-bottom : 0.125em solid var(--SubNavigatorTabHoverBorderColor);
}

/* ICON STYLES */

#SubNavigator .DropdownMenuSubNavigator > li.TitleOnly:hover spriteicon
{
        filter : grayscale(1);
}

#SubNavigator .DropdownMenuSubNavigator > li.TitleOnly ul > li > a:hover spriteicon
{
        filter : none;
}

Summary

Frankly, I feel the club menu should look like this by default since there aren't many menu items to justify a dropdown.

Preview

Sign up to access this!
  • Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 8y ago
    Moderator
    In Extremis
    2,317 points Ranked 2367th
    75 medals 10 legendary 20 rare
    • Submitted 60 Sprites Medal icon
    • Thanked 500 submitters Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
    • Submitted 100 Skins Medal icon
    • Reached 100 subscribers Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon
    Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage
    (づ。◕‿‿◕。)づ
    2y
    Posted by -=$|TAGAMTAM|$=-

    Hey Sir, I need help, I'm using this CSS Codes in our Studio .. I just want to make it transparent, what can I do ?? Please Answer ..

    Before


    After

    #DropdownMenuSubNavigator .sf-menu li,.sf-menu a{    background : transparent !important;    box-shadow : none;}
    • Agree x 1
    • Thanks x 1
    Ode to Code avatar
    Mantra
    Ode to Code
    URL to post:
  • -=$|TAGAMTAM|$=- avatar
    -=$|TAGAMTAM|$=- username pic Joined 5y ago
    ❤ LOVING ME ❤
    Filipino Makers Flag Affiliation: Filipino Makers
    1,526 points Ranked 3511th
    31 medals 1 legendary 7 rare
    • Submitted 100 Skins Medal icon
    • 2nd Place - Site Improvement Ideating Contest Medal icon
    • Submitted 5 Tools Medal icon
    • 10 submissions featured Medal icon
    • Returned 1000 times Medal icon
    • 3rd Place - Game Poetry Contest Medal icon
    -=$|TAGAMTAM|$=- avatar
    -=$|TAGAMTAM|$=-
    Filipino Makers Flag
    Affiliation
    Filipino Makers
    2y
    Hey Sir, I need help, I'm using this CSS Codes in our Studio .. I just want to make it transparent, what can I do ?? Please Answer ..

    Before


    After

    10

    King of the Hill avatar
    Mantra
    King of the Hill
    URL to post:

Embed

Share banner
Image URL
HTML embed code
BB embed code
Markdown embed code

Credits

Key Authors
Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage username pic Joined 8y ago
Moderator
Offline
2,317 points Ranked 2367th
75 medals 10 legendary 20 rare
  • Submitted 60 Sprites Medal icon
  • Thanked 500 submitters Medal icon
  • 15+ Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
  • Submitted 100 Skins Medal icon
  • Reached 100 subscribers Medal icon
  • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon
Author

Submitter

Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage username pic Joined 8y ago
Moderator
In Extremis
2,317 points Ranked 2367th
75 medals 10 legendary 20 rare
  • Submitted 60 Sprites Medal icon
  • Thanked 500 submitters Medal icon
  • 15+ Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
  • Submitted 100 Skins Medal icon
  • Reached 100 subscribers Medal icon
  • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon

Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage

Creator
Sign up to access this!
Sign up to access this!
Sign up to access this!

Game

Sign up to access this!

Category

Sub-category
UI Themes
Super-category
Cascade Style Sheets

License

Share

  • Share on Reddit
  • Share on Twitter
  • Share on Facebook
  • Share on Google+
  • 1.7k Views
  • 2 Posts
  • 3ySubmitted
  • 1moModified
  • 1moUpdated

Scores

91 bScore
10 Rating

2 voters

Sign up to access this!

More from Submitter

More UI Themes Scripts

bcp.crwdcntrl.net tracking pixel