Ads keep us online. Without them, we wouldn't exist. We don't have paywalls or sell mods - we never will. But every month we have large bills and running ads is our only way to cover them. Please consider unblocking us. Thank you from GameBanana <3

Team Red Uberstyle - A Config Script for GameBanana

155 4 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
/*  This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.
    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.
    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <https://www.gnu.org/licenses/>.
    */


@font-face {
    font-family:tf2build;
    src:url(https://files.gamebanana.com/bitpit/tf2build.ttf);
}

body {
    background:url(https://files.gamebanana.com/bitpit/73a351012fbb94a99915c52305975210.png);
    background-size:cover;
    background-attachment:fixed;
    background-position:center;
}

#BodyWrapper {
    background:#912913d6;
}

:root {
    --NavPaneBackgroundColor:#0000008c;
    --PrimaryNavBackgroundColor:#872611;
    --SecondaryNavBackgroundColor:#872611;

    --DefaultRedColor:#eaff94;
    --DefaultBlueColor:#8fdfea;
    --LinkColor:#e8b041;
    --LinkHoverColor:#a47e33;

    --InputPlaceholderColor:#eacb8e91;
    --InputTextColor:#eacb8e;
    --InputBackgroundColor:#0000002e;
    --InputHoverBackgroundColor:#a47e335e;
    --InputFocusBackgroundColor:#a47e335e;

    --DefaultTextColor:#e0d2b5;

    --ButtonBackground:#0000002e;
    --ButtonFontColor:#eacb8e;
    --ButtonHoverBackgroundColor:#a47e335e;
    --ButtonHoverFontColor:#e8b041;

    --NavUpdatesIndicatorColor:#e8b041;

    --SubNavigatorActiveTabBorderColor:#e8b041;

    --FixedMainContentHeaderBackground:#872611;
}

#SecondaryNav wrapper module pane article {
    background:url(https://files.gamebanana.com/bitpit/engineer_emblem_red_dark.png);
    background-size:300px;
    background-position:center;
    background-repeat:no-repeat;
}

::selection {
    background:#00000085;
    color:#e8b041;
}::moz-selection {
    background:#00000085;
    color:#e8b041;
}::-webkit-scrollbar {
  background-color: #872611;
}::-webkit-scrollbar-track {
  background-color: #913c0c00;
}::-webkit-scrollbar-thumb {
  background-color: #af3115;
  /*background-color:#e8b041;*/
}::-webkit-scrollbar-thumb:hover {
  background-color: #ab361b8f;
}

module pane {
    backdrop-filter:blur(5px);
}

spriteicon {
        filter:sepia(100%) !important;
}
spriteicon.FeaturedTodayIcon, #ShareButtonsModule .Content ul li a spriteicon {
        filter:sepia(0%) !important;
}

h1, h2, h3 {
    font-family:tf2build !important;
}

module > h2 {
        font-size: 21px;
        margin-top: 0px;
        margin-bottom: 3px;
}

nav > wrapper > module > pane > header > strong {
        font-size: 30px;
        margin-left: 5px;
        font-family:tf2build !important;
}

statelabel:not(.IsRipeRelated), #AddTicketLink, #AddBugLink, #AddIdeaLink{
    background:rgba(0,0,0,.15) !important;
}

.ExtendedContentButton, .PostStamps li {
    background:#0000002e !important;
    color:#eacb8e;
}

.ExtendedContentButton::hover, .PostStamps li::hover {
    background:#a47e335e !important;
    color:#e8b041;
}

.BananaNavModuleIcon {
  background: url("https://files.gamebanana.com/bitpit/1024px-team_fortress_2_style_logosv.png");
  background-position:initial !important;
  background-size:100% 100%;
}

img#GbLogo {
        background:url("https://files.gamebanana.com/bitpit/tfbanana.png");
        background-size:275px 45px;
       
        width: 275px;
        height: 45px;
        display:block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 275px;
}

/*img#GbLogo{display:none;}
img#GbLogo::after{
        content:url("https://files.gamebanana.com/bitpit/tfbanana.png");
        width: 275px;
        height: 45px;
}
@media only screen and (max-width: 486px)
{
  img#GbLogo::after {
    content:url("https://files.gamebanana.com/bitpit/1024px-team_fortress_2_style_logosv.png");
          width: 45px;
          height: 45px;
  }
}*/

Updates

Selector and Font Fixes 10d
  • BugFix Adjustments to compensate for new Gamebanana Update
Fonts have been resized.

cool stuff 14d Addition Selector Fixes 26d BugFix
A nice TF2-themed uberstyle with a crimson-orange color scheme.

Auto-updating version:
@import url("https://bonkmaykrq.github.io/gbubers/tf2-red.css");


Todos

Fix Dropdown option backgrounds (Windows only) High Priority
Sign up to access this!
  • Ring-A-Ding Rampage avatar
    Ring-A-Ding Rampage username pic Joined 10y ago
    (づ。◕‿‿◕。)づ Ripe Supporter Admin
    Nodding
    2,972 points Ranked 20,191st
    77 medals 12 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
    (づ。◕‿‿◕。)づ
    25d
    Yo, please add the code in here itself instead of using an import URL.
    • Thanks x 1
    • Good Idea x 1
    પેરાબોલ્ટ
    URL to post: