Yellow Bullet Forums banner

1 - 20 of 94 Posts

·
Registered
Joined
·
3,082 Posts
Discussion Starter #1 (Edited)
1. Get Chrome or Brave Browser (brave is a version of chrome with built in ad blocker)

2. Install this plug in from Chrome webstore, its free

3. The icon for Stylish can now be seen at the top right of the browser.

4. Click the stylish 'S' icon, press agree/accept... then click on the three dot menu top RHS of the stylish box... then select create new style. A new tab will open with fields to fill in.

5. Name your style (whatever you want) at the top left corner of the stylish tab, then paste the following code into the code box. Then press save.

6. Thats it, the threads should now closer resemble old YB, and the code removes the RH column from threads and category lists. (but not the home page, I left that)

And I have the site in normal light mode, not dark mode for this to look the way it does.

Code:
/* Remove RH sidebar from threads */
.california-thread-sidebar {
    display: none !important;
}

/* Remove RH sidebar from categories */
.sidebar {
    display: none;
}

/* Color user profile on LHS of posts */
.message-cell.message-cell--action, .message-cell.message-cell--user {
    position: relative;
    background: #cfcfcf;
    border-color: #d8d8d8;
    padding-left: 27px;
    padding-top: 16px;
    min-width: 0;
}

.js-inlineNewPostFields {
    background-color: #e6e6e6;
}


/* Color post container */
.block--messages .message-cell:last-child {
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #e6e6e6;
}

/* Color background */
.p-body, .p-body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #232324;
}

/* Post box padding in threads */
.message-cell.california-message-cell {
    padding: 18px 10px 5px 15px;
}

/* Change text color above threads to lighter so it contrasts */
.california-thread-position {
    font-size: 14px;
    font-weight: 500;
    width: 30%;
    float: left;
    padding-top: 9px;
    color: silver;
}

/* change color of thread list container and pad it */
.california-forum-view-thread-list-container {
    border-left: none;
    border-right: none;
    border-top: none;
    background-color: #e6e6e6;
    padding: 10px 10px 0px 10px;
}

/* change main forum list background color and pad it */
.forum-list-wrapper .main {
    min-width: 0;
    -ms-flex: 1 1;
    background-color: #e6e6e6;
    padding: 0px 10px 0px 10px;
}

/* change home page container background color and pad it */
.home-container .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background-color: #e6e6e6;
    padding: 10px 10px 0px 10px;
}

/* Divider color */
.node-body {
    display: table;
    table-layout: fixed;
    height: 1px;
    min-height: 72px;
    width: 100%;
    padding: 0;
    border-top: 1px solid #232323;
}

/* Add YB blue bar to top of posts */
.message-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* background-color: white; */
    padding-top: 22px;
    margin-bottom: -10px;
    background: #ffbf00 url('https://i.imgur.com/yiaNaRY.gif') repeat-x top left;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
}

/* lose radius on post user profile column */
.block--messages .message-cell:first-child {
    border-radius: 0;
    border-top-left-radius: 0px; 
    border-bottom-left-radius: 0px; 
}

/* lose radius in posts */
.block--messages .message-cell:last-child {
    border-radius: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #e6e6e6;
}

/* Sticky divider color */
.sticky-divider {
    height: 12px;
    background-color: #232324;
    margin: 0px -5px 0px -5px;
    border: 0;
}

/* Thread list divider color */
.california-forum-view-thread-list-container .california-forum-view-thread-list>* {
    border-top: 1px solid #232324;
}

/* Showcase item page background color and padding */
.itemBody-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    background-color: #e6e6e6;
    padding: 10px 10px 0px 10px;
}

/* Recommended reading background and divider colors */
element.style {
}
.california-recommended-reading-container {
    margin-top: 45px;
    background-color: #e6e6e6;
    padding: 0px 10px 0px 10px;
}

.block-row.block-row--separated {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #232323;
}

.no-side-border {
    border-left: none;
    border-right: none;
    border-radius: 0;
    border-top-color: #232323;
    border-bottom: 0;
}

.california-native-ad-container {
    border-bottom: 1px solid #232323
}

/* thread Poll block body color */
.listPlain {
    list-style: none;
    margin: 0;
    background-color: #fff;
}

.block-row.block-row--minor {
    font-size: 13px;
    background-color: #fff;
}

/* home page header spacing - add top margin */
.section-header {
    font-size: 24px;
    color: #383a3b;
    margin-bottom: 18px;
    font-weight: 500;
    letter-spacing: -.1px;
    line-height: 24px;
    margin-top: 8px;
}

/* recommended reading header top margin */
.california-recommended-reading-container .recommended-reading-header .title {
    width: 100%;
    font-size: 27px;
    font-weight: 700;
    margin-top: 8px;
}

/* Account settings background colors */
.formRow {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    position: relative;
    background-color: #fff;
}

.p-title-value {
    padding: 0;
    font-size: 24px;
    font-weight: 400;
    min-width: 0;
    margin: 0 auto 5px 0;
    color: silver;
}

/* My showcase background color and padding */
.structItemContainer {
    border-collapse: collapse;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #e6e6e6;
    padding: 0px 10px 0px 10px;
}

/* section header */
.section-header {
    font-size: 24px;
    color: #383a3b;
    padding-left: 10px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    font-weight: 500;
    letter-spacing: -.1px;
    line-height: 24px;
    margin-top: -25px;
    background: #ffbf00 url('https://i.imgur.com/VjMHStR.gif') repeat-x top left;
    font: bold 24px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #232323;
    border-right-color: #232323;
    border-bottom-color: #232323;
    border-left-color: #232323;
}

.section-header a.full-listing-link {
    font-size: 14px;
    font-weight: 400;
    float: right;
    line-height: 33px;
    padding-right: 10px;
    font-weight: 500;
    color: #425771;
}

/* fix home page container margin-top */
.home-container .block {
    margin-bottom: 27px;
    margin-top: 25px;
}

/* home container sidebar background color */
.home-container .col.sidebar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 300px;
    background: #266b9e;
    /* background: #ffbf00 url('https://i.imgur.com/yiaNaRY.gif') repeat; */
}

/* thread and category headers */
.california-additional-header h1 {
    font-size: 24px;
    color: #383a3b;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;
    font-weight: 500;
    letter-spacing: -.1px;
    line-height: 24px;
    margin-top: -0px;
    background: #ffbf00 url(https://i.imgur.com/VjMHStR.gif) repeat-x top left;
    font: bold 24px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #232323;
    border-right-color: #232323;
    border-bottom-color: #232323;
    border-left-color: #232323;
    width: 100%
}

/* Restyle recommended reading header */

.california-recommended-reading-container .recommended-reading-header .title {
    width: 100%;
    font-size: 19px;
    color: #fff;
    font-weight: 700;
    margin-top: 0px;
    padding-left: 10px;
 }


.california-recommended-reading-container .recommended-reading-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #266b9e url('https://i.imgur.com/yiaNaRY.gif') repeat-x top left; 
    margin-left: -10px;
    margin-right: -10px
}
                                        

.california-recommended-reading-container .recommended-reading-header .read-more a {
    width: 100%;
    font-size: 14px;
    text-align: right;
    padding-right: 10px;
    color: #fff;
    
}

/* home page thread title text (truncate description text) */
.truncate-description-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #266b9e url('https://i.imgur.com/yiaNaRY.gif') repeat-x top left;
    padding-left: 10px;
}

.truncate-description-text a {
    color: #fff;
}

/* page nav current color */
.pageNav-page.pageNav-page--current {
    background: #266b9e;
}

.pageNav-page.pageNav-page--current:active, .pageNav-page.pageNav-page--current:hover {
    background: #266b9e;
}

.button.button--cta, a.button.button--cta {
    color: #fff;
    background: #266b9e;
}

.button.button--cta:focus, .button.button--cta:hover, a.button.button--cta:focus, a.button.button--cta:hover {
    background: #266b9ea8;
}

/* fix profile page - background color and border/divider colors */
.tabPanes {
    list-style: none;
    margin: 0;
    padding: 10px 0px 0px 0px;
    background-color: #e6e6e6;
}

.memberHeader-separator {
    margin: 18px 0;
    border: none;
    border-top: 1px solid #232324;
}

.member-latest-activity .contentRow {
    padding-bottom: 18px;
    border-bottom: 1px solid #232324;
}
 

·
Registered
Joined
·
3,082 Posts
Discussion Starter #3
I didnt spend much time on that code... just did some of the basics to make the site appear more how it used to for me. Including the blue bar.

Some more time on the category menu and thread lists can make it look even more like old YB.

Its going to make it easier for me to transition if it looks the same. Just have to figure out all the other shit now.. like subscribed threads is now 'Following'

If I find the time i'll tweak the code further. Maybe add more yella.

Best thing about this Chrome plugin is you can just turn it on and off. Leave it on and anytime you navigate to YB it overrides the style automatically with this modified style, dont have to do anything once its set up.

Firefox has something similar also but im not going to bother with that as I use brave... the same code can be used though.

MYBGA!
 

·
Registered
Joined
·
24,331 Posts
Hah hah, you can't fool me.
That's code to take over my computer and send all my passwords to you!

Seriously, that's pretty cool.
 

·
Smart Ass Conservative
Joined
·
94,955 Posts
OP is a obliviously a smart cunt
 

·
Registered
Joined
·
3,082 Posts
Discussion Starter #9
OP is a obliviously a smart cunt
Im just a dumb cunt that knows a bit about how css works thats all.

And I remembered reading about browser overrides on another forum a few years ago, someone made a thread about it and I skimmed. Fast forward to todays YB and I just had to do something! So I did a search on how to actually make it work and here we are.
 

·
Deus Ex Machina
Joined
·
9,744 Posts
Thanks @lumen8 for the link and advice. :)

Definitely an improvement on the basic layout from this change.
 

·
Former RJ instigator
Joined
·
37,993 Posts
Thanks OP, I'll have to check that out on home P/C, I can't do it here on my work P/C as I don't have administrative privileges.
 

·
Busy being a cunt
Joined
·
28,607 Posts
I keep adding to the code guys so if anyone has actually done this, check the OP for the newer code.

I dont know how long the edit window is now.. once i cant edit the OP anymore i'll add the updated code with new posts here.
You're currently putting "advertising" dollars in Astroglides pockets, I hope it works in your favour ;)
 

·
Smart Ass Conservative
Joined
·
94,955 Posts
OP deserves a lifetime open link to the boat section
 
1 - 20 of 94 Posts
Top