Yellow Bullet Forums banner

41 - 60 of 102 Posts

·
Smuck
Joined
·
5,153 Posts
lumen8 you rock(y) it's much better.
 
  • Like
Reactions: lumen8

·
Read Only
Joined
·
214 Posts
There is an AD-Blocker (Blokada) found in the Play Store that I use on my smart phone that blocks virtually all adds.
This is what Yellowbullet looks like on my phone.
No Adds and No sidebars
resized_Screenshot_20191211-103551.png
 

·
Registered
Joined
·
499 Posts
Thanks for the fix, makes this shit show of a change tolerable again. Love the way the bullet member come together when needed.

Todd P
 

·
Registered
Joined
·
1,341 Posts
Make sure you have the "scene" in Light Mode and comment out line 153 and 154 and it's all good. Way better than before. THANKS!
 

·
Registered
Joined
·
3,670 Posts
Agreed. Thanks for posting this up. This change makes it tolerable with the adblock enabled.
 

·
Registered
Joined
·
750 Posts
Think of it as me doing my fellow phucksticks a favour and making the site palatable. :cool: That is for the people who bother messing with their browser as outlined here.

Building my own wont do shit for me... they wont come... Try as I may (and have in the past) , I aint no gary vee.

This is much better. Thanks
 

·
Registered
Joined
·
750 Posts
This is much better. Thanks
This is much better. Thanks
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;
}
One question. On other sites the Stylish logo is in color, but on YB it is black and white.
 

·
Registered
Joined
·
750 Posts
Its black and white on sites where youve added/installed a theme and color on sites you havent... so if youve done YB it will be black and white.
Its black and white on sites where youve added/installed a theme and color on sites you havent... so if youve done YB it will be black and white.
Ok, thanks.
 
41 - 60 of 102 Posts
Top