GameBanana shows no ads to members. Sign up now!
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

BonkStyle 2

A Config Script for GameBanana

306 9 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
/**************************************************************************************
*** 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 http://www.gnu.org/licenses/.
***************************************************************************************/


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

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

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

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

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

img.Upic {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+25,000000+50,000000+75,000000+75&0+0,1+25,1+75,0+100 */
        background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 25%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 75%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 25%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 75%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

}

.PageModule {
        margin:0; /*Experimental. Removes those pesky gaps of brighter blue between sections.*/
}

#PortfolioModule recordCell.Identifiers/*.Name*/ {
        text-shadow: 4px 4px 3px #000000;
        bottom: 2em;
}

#PageTitle {
        display: flex;
        justify-content: center;
}

#GbLogo { /*this was apparently supposed to fix some glitch, but i was forced to remove it by some salty child. thank god i know what it does now.*/
    display: none;
}

.Content {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01418e+0,001699+50,01418e+100&1+0,0+10,0+90,1+100 */
        background: -moz-linear-gradient(left,  rgba(1,65,142,1) 0%, rgba(1,56,144,0) 10%, rgba(0,22,153,0) 50%, rgba(1,56,144,0) 90%, rgba(1,65,142,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(1,65,142,1) 0%,rgba(1,56,144,0) 10%,rgba(0,22,153,0) 50%,rgba(1,56,144,0) 90%,rgba(1,65,142,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(1,65,142,1) 0%,rgba(1,56,144,0) 10%,rgba(0,22,153,0) 50%,rgba(1,56,144,0) 90%,rgba(1,65,142,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01418e', endColorstr='#01418e',GradientType=1 ); /* IE6-9 */
}

module {
        border: 2px #5585ff;
        background: #012391;
}

.TitleOnly {
        font-family: anuscheese;
}

/*column {
        background: #012391;
}*/


/*Fixes an issue on mobile devices where sidebars on submissions and etc. are not colored properly
**and will use the default GB grid background
*/

.xs-h .xs-uh-11 .sm-h .sm-uh-6 .sm-uh-8 .md-4 .md-h .lg-3{
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3068c9+0,001699+16 */
        background: rgb(48,104,201); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(48,104,201,1) 0%, rgba(0,22,153,1) 16%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(48,104,201,1) 0%,rgba(0,22,153,1) 16%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(48,104,201,1) 0%,rgba(0,22,153,1) 16%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3068c9', endColorstr='#001699',GradientType=1 ); /* IE6-9 */
}

/* DISABLED: Causes problems with the fonts on subnav.
span {
        font-family: fuckYouDad;
}
*/


a, h3 {
        font-family: anuscheese;
        -webkit-user-select: none;  /* Chrome all / Safari all */
        -moz-user-select: none;     /* Firefox all */
        -ms-user-select: none;      /* IE 10+ */
        user-select: none;          /* Likely future */      
}

h3 {
        font-family: anuscheese;
        border: 0px solid;
        border-bottom: 2px solid #5585ff;
        background: #012391;
}

/* shitty color thing that dont work
button {
        color: #ffffff;
}*/


.MemberLink{
        font-family: fuckYouBankie;
}

:root
{
        --AdvancedElementTabsBorderColor:       linear-gradient(to bottom, #7D5A1A, #6D4F16, #604513);
        --BodyBackground:       url("https://files.gamebanana.com/bitpit/gw_bg.png") no-repeat;
        --BodyWrapperBackground:        rgba(53,32,32,0.2);
        --ButtonBackground:     linear-gradient(to bottom, #003e8a, #002010);
        --ButtonFontFamily:     fuckYouBankie, monospace;
        --ButtonHoverBackgroundColor:   linear-gradient(to bottom, #0373fc, #003e8a);
        --InputBackgroundColor: linear-gradient(to bottom, #003e8a, #002010);
        --InputHoverBackgroundColor:    linear-gradient(to bottom, #0373fc, #003e8a);
        --InputFocusBackgroundColor:    #0373fc;
        --LinkHoverColor:       #ffffff;
                --ModuleTitleFontFamily:        anuscheese;
        --MasterLogBackgroundColor:     linear-gradient(to bottom, #7D5A1A, #6D4F16, #604513);
        --NavPaneBackgroundColor:       linear-gradient(to bottom, #003e8a, #0373fc);
        --StateLabelBackground: #221A1A;
        --SubNavigatorActiveTabBorderColor:     #6B4E16;
        --SubNavigatorBorderColor:      linear-gradient(to bottom, #003e8a, #0373fc);
        --SubNavigatorDropdownBackgroundColor:  #250A06;
        --SubNavigatorActiveTabBorderColor:     #6B4E16;
        --StateLabelBackground: #221A1A;
}

body
{
        background: url("https://files.gamebanana.com/bitpit/hrbxpo_1_.jpg") fixed no-repeat top center, #000000;
}

#BananaNavModule widget a:after
{
        content: url("https://statics.gamebanana.com/static/img/logo.png"); /*content: url("https://files.gamebanana.com/bitpit/20200826_030509.png");*/
}

#PrimaryNav
{
        height: 65px;
        background: #012391;
}

#SecondaryNav
{
        background: #012391;
}

#SecondaryNav:hover
{
        background: #012391;
}

#ContentGrid row, #ContentGrid row>column, #MessagesNavModule pane #BuddyChatPromoColumn
{
        background: #012391;
}

#SubNavigator
{
        background: #000c47;
        border-bottom-color: #0390fc;
        -webkit-user-select: none;  /* Chrome all / Safari all */
        -moz-user-select: none;     /* Firefox all */
        -ms-user-select: none;      /* IE 10+ */
        user-select: none;          /* Likely future */  
}

#stateLabel
{
        background: #221A1A;
}

#HeadlineWrapper overlay
{
        background: rgba(0, 115, 255,0.2);
}

#HeadlineWrapper overlay h1
{
        background: linear-gradient(to bottom, #d4dbff, #8095ff);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        text-shadow: none;
                font-family: anuscheese;
}

#BuddiesModule h3,#MedalsModule h3,#ResponsibilitiesModule h3
{
        text-align: left;
}

#MedalsModule,#ResponsibilitiesModule,#BuddiesModule
{
        text-align: center;
}

#ResponsibilitiesModule li
{
        box-shadow: 1px 1px #000;
}

/* seriously fuck whoever put this here
input[type=text],input[type=password],input[type=password],input[type=number],input[type=email],input[type=num],input[type=tel],select, .SelectLike,option,.OptionLike,optgroup,textarea,.TextareaLike,.MainForm fieldset .UploadedFiles li
{
        background: #240B04;
}

input[type=password]:hover,input[type=text]:focus
{
        background: #4D1709;
}*/


form
{
        background: #0F0B0B;
}

a, button.IconButton span
{
        color: #d0d0d0;
}

a:hover
{
        color: #0fffaf;
}

.ExtendedContentButton
{
        background:linear-gradient(to bottom, #003e8a, #0373fc);
        color: #90DFDF
}

#PageFooter
{
        background: #012391;
}
nd: rgba(131,70,5,0.2);
}

nd: rgba(131,70,5,0.2);
}
over
{
        color: #DFA424;
}

.ExtendedContentButton
{
        background:linear-gradient(to bottom, #003e8a, #0373fc);
        color: #90DFDF
}

#PageFooter
{
        background: #012391;
}

/* Animated Online Indicator */

@keyframes animations {
        0% {border: 1px solid #000;}
        25% {border: 1px solid #6EE16C;}
        50% {border : 1px solid #000;}
        75% {border : 1px solid #6EE16C;}
        100% {border : 1px solid #000;}
}

.Avatar.Online:after, .MemberLink.Online:after {
    background: #6EE16C;
    box-shadow: 0 0 5px #6EE16C;
    animation-name: animations;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    animation-direction: alternate;
}

/*End Script*/
/*By Evolution 1 No Copyrights*/

Updates

Release 1.4 23d
  • BugFix Reverted changes in the "fixes" update, which were apparently harmful. Thanks sonought
Release 1.3 23d BugFix Release 1.2 23d Adjustment Release 1.1 23d BugFix Adjustment "Fixes" 24d Removal

blueeeeee

bonkity bonk bonk

blue as can truly be

Features:

  • Adds background to transparent uPics to help contrast from the blue page background. (May negatively affect dark uPic text)
  • Pleasant looking gradient borders to help distinguish each module from one another
  • Absolutely beautiful custom fonts
  • GNU GPL!!! Yay!
  • Animated online indicators, thanks to user AevoT.
  • Nice little Robocraft background

Fonts used:


Known Issues:

  • Stats Overview module looks funky.
  • Some links like the Bitpit button in the submissions Nav and the tabs on submissions use the default font instead of using Nikkyou Sans like they're supposed to. This problem should only be very apparent when using this as a site-wide uberstyle and not when used as a profile uberstyle, but I plan to fix it anyway. Patched.
  • Some sidebars are jacked up and need a background. (Mobile Only) Solution is in progress.

Constructive feedback is appreciated and spinoffs are allowed. Enjoy!
Sign up to access this!

No comments yet

Embed

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

Credits

Author
BonkMaykr avatar
BonkMaykr username pic Joined 3mo ago
Practicin'
288 points Ranked 52,926th
7 medals 1 legendary
  • Became a Ripe Supporter Medal icon
  • Became a Studio Leader Medal icon
  • Thanked 5 submitters Medal icon
  • One month a member Medal icon
  • Returned 100 times Medal icon
  • Unlocked Treehouse VIP clearance Medal icon
Author
Snippets Borrowed
AevoT avatar Infection Flag
Affiliation
Infection
AevoT username pic Joined 3y ago
æNiteOl
Infection Flag Affiliation: Infection
454 points Ranked 47,724th
22 medals 1 legendary 5 rare
  • Submitted 30 Models Medal icon
  • Became a Game Pioneer Medal icon
  • Submitted 15 Models Medal icon
  • 3rd Place - 100% Orange Juice Skinning Contest Medal icon
  • 10 submissions featured Medal icon
  • Returned 1000 times Medal icon
Status Icon Animations
CSS Template Used
YellowJello avatar
YellowJello username pic Joined 16y ago
Ripe Supporter RC Manager Admin
Not Jiggling
103,077 points Ranked 32nd
44 medals 6 legendary 10 rare
  • 10 years a member Medal icon
  • Submitted 200 Threads Medal icon
  • Submitted 50 Maps Medal icon
  • Returned 5000 times Medal icon
  • Achieved Admin clearance Medal icon
  • Became a Ripe Supporter Medal icon
Template Author

Submitter

BonkMaykr avatar
BonkMaykr username pic Joined 3mo ago
Practicin'
288 points Ranked 52,926th
7 medals 1 legendary
  • Became a Ripe Supporter Medal icon
  • Became a Studio Leader Medal icon
  • Thanked 5 submitters Medal icon
  • One month a member Medal icon
  • Returned 100 times Medal icon
  • Unlocked Treehouse VIP clearance Medal icon
BonkMaykr avatar
BonkMaykr

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

Game

Sign up to access this!

Category

License

This submission is licensed under GNU GPL 3.

Third party content included in this submission such as sound clips and textures may use a different license and are used within Fair Use guidelines.

Attributes

Maximum Supported Resolution
1920x1080
Language
CSS

Share

  • Share on Reddit
  • Share on Twitter
  • Share on Facebook
  • 0
  • 135
  • 24d
  • 23d
  • 23d

More from Submitter

WiPs by Submitter

More Profile Uberstyle Scripts