Summary
V2 of the original code for the updated site. Note that you can use any other images of your choice for the tools too!Preview
Classic FPSB Post Tools
A Config Script for GameBanana
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
/*** Base Formatting ***/
.PostTools > button spriteicon
{
width : 8px; /* Reset Width */
height : 8px; /* Reset Height */
background-repeat : no-repeat !important; /* Reset Background */
background-position : center !important; /* Center Positioning for New Tool Icons */
}
/*** Remove Styling of Post Tool Buttons ***/
.PostTools button,
.PostTools button[disabled]:hover
{
background : none;
}
/*** Replace Icon Images ***/
.PostTools .EditIcon
{
background : url('http://files.gamebanana.com/bitpit/edit.png');
}
.PostTools .QuoteIcon
{
width : 10px;
background : url('http://files.gamebanana.com/bitpit/quote_3.png');
}
.PostTools .StampIcon
{
background : url('http://files.gamebanana.com/bitpit/stamp.png');
}
.PostTools .ReportIcon
{
background : url('http://files.gamebanana.com/bitpit/report.png');
}
.PostTools .TrashIcon
{
background : url('http://files.gamebanana.com/bitpit/trash.png');
}
.PostTools .WithholdIcon
{
background : url('http://files.gamebanana.com/bitpit/withhold.png');
}
.PostTools .LinkIcon
{
width : 10px;
background : url('http://files.gamebanana.com/bitpit/link_e1a90.png');
}
.PostTools > button spriteicon
{
width : 8px; /* Reset Width */
height : 8px; /* Reset Height */
background-repeat : no-repeat !important; /* Reset Background */
background-position : center !important; /* Center Positioning for New Tool Icons */
}
/*** Remove Styling of Post Tool Buttons ***/
.PostTools button,
.PostTools button[disabled]:hover
{
background : none;
}
/*** Replace Icon Images ***/
.PostTools .EditIcon
{
background : url('http://files.gamebanana.com/bitpit/edit.png');
}
.PostTools .QuoteIcon
{
width : 10px;
background : url('http://files.gamebanana.com/bitpit/quote_3.png');
}
.PostTools .StampIcon
{
background : url('http://files.gamebanana.com/bitpit/stamp.png');
}
.PostTools .ReportIcon
{
background : url('http://files.gamebanana.com/bitpit/report.png');
}
.PostTools .TrashIcon
{
background : url('http://files.gamebanana.com/bitpit/trash.png');
}
.PostTools .WithholdIcon
{
background : url('http://files.gamebanana.com/bitpit/withhold.png');
}
.PostTools .LinkIcon
{
width : 10px;
background : url('http://files.gamebanana.com/bitpit/link_e1a90.png');
}
Updates
-
BugFix Fixed close button on modals not appearing properly due to wrong CSS selectors.
-
Adjustment Updated alongside the site.
-
Addition Add new link icon that matches with the classic icons. -
Removal Remove input styling since the box has disappeared from the post tools area.
-
Adjustment Updated alongside site.
-
Adjustment Updated alongside the site. -
BugFix Fixed bugs. -
Tweak Changed checkbox styling.
The recent site update removed .ButtonLike class for .PostTools and made them into real buttons instead. The code has been updated accordingly.
A few icons used within .PostTools are also used elsewhere. Therefore they also were getting modified due to my original script. This has been rectified.
Replaced height rule with a downscale transformation to reduce size of the checkbox to match the modified post tools.
A few icons used within .PostTools are also used elsewhere. Therefore they also were getting modified due to my original script. This has been rectified.
Replaced height rule with a downscale transformation to reduce size of the checkbox to match the modified post tools.
New code based on the updated website
Comments
Sign up to access this!
-
> **Posted by Ring-A-Ding Rampage**
>
> Script Updated. Should work in all Browsers now!
>
> squeezit : You must've access to all post tools, right? Can you post a screenie, please?
-
Thanks x 1
URL to post: -
-
![Ring-A-Ding Rampage avatar]()
![Ring-A-Ding Rampage username pic]()
Joined 8y agoModerator PL : 0 3,455 points Ranked 2326th75 medals 10 legendary 20 rare![Ring-A-Ding Rampage avatar]()
Ring-A-Ding Rampage(づ｡◕‿‿◕｡)づaccess_time 5y Script Updated. Should work in all Browsers now! squeezit : You must've access to all post tools, right? Can you post a screenie, please? URL to post: -
![Ring-A-Ding Rampage avatar]()
![Ring-A-Ding Rampage username pic]()
Joined 8y agoModerator PL : 0 3,455 points Ranked 2326th75 medals 10 legendary 20 rare![Ring-A-Ding Rampage avatar]()
Ring-A-Ding Rampage(づ｡◕‿‿◕｡)づaccess_time 5y > **Posted by Bedebao** > > An uberstyle script, eh? Can you post a screenshot of what it looks like? Oh! I totally forgot to add that. I'll make one and add it. Till then thanks to Arman for the supplementary photo! URL to post: -
In li[title="Withold post"] img, add another H in Withhold because its broken currently due to the spelling error -
Thanks x 1
URL to post: -
-
> **Posted by Bedebao** > > An uberstyle script, eh? Can you post a screenshot of what it looks like? Should look something like this: 
-
Agree x 1 -
Thanks x 1
URL to post: -
-
An uberstyle script, eh? Can you post a screenshot of what it looks like? URL to post:
Embed
- 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 agoModerator Offline 3,455 points Ranked 2326th75 medals 10 legendary 20 rare - Author, Link Icon
-
- Original Authors
-
-
![Logan Dougall avatar]()
![Half Life Storm Flag]()
AffiliationHalf Life Storm20,211 points Ranked 254th40 medals 3 legendary 9 rare - Original Script
-
- Contributors
-
- FPSB Pixel Artist
- Tool Icons
- Special Thanks
-
-
![Squeezit avatar]()
![Sixth Dimension Flag]()
AffiliationSixth Dimension11,224 points Ranked 507th44 medals 3 legendary 6 rare - Screenshot
-
Submitter
Joined
3,455 points
Ranked 2326th
75 medals
10 legendary
20 rare
Ring-A-Ding Rampage
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
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 4.0 Unported License.
Attributes
Share
-
favorite 2 -
remove_red_eye 3.2k -
mode_comment 6 -
access_time 5y -
access_time 1y -
refresh 1y
More from Submitter
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.html
{
scrollbar-color: rgba(255, 255, 255, 0.2) #333;
}...1.
2.
3.
4.
5.
6.
7.
8.
9.
10..PostHeader
{
display : flex;
flex-wrap : wrap;
align-items : center;
}
.PostLabels
{
page-break-after...1.
2.
3.
4.
5.
6.
7.
8.
9.
10.button {
background: #222;
box-shadow: 0 0 0 1px black;
border: 2px outset #FFD800;
color: #FFD800;
outline: 0;
font-family: 'Verdana';
}...1.
2.
3.
4.
5.
6.
7.
8.
9.
10.#BananaNavModule #GbLogo
{
display : none;
}
#BananaNavModule widget a:after
{
content : url("http://files.gamebanana.com/bitpit/logo_0811c....More UI Themes Scripts
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.button {
background: #222;
box-shadow: 0 0 0 1px black;
border: 2px outset #FFD800;
color: #FFD800;
outli...1.
2.
3.
4.
5.
6.
7.
8.
9.
10.:root{
--header-margin: 20px;
}
body {
background-color: #000A12;
color: #E4E4E4;
font: verdana, geneva, lucida, 'lucida grand...1.
2.
3.
4.
5.
6.
7.
8.
9.
10.html {
filter: invert(1);
}...1.
2.
3.
4.
5.
6.
7.
8.
9.
10./*
***** Dark Theme (CSUI) *****
***** Custom Cascading Style Sheet for GameBanana UI theme *****
DESCRIPTION
===========================...