Yellow Bullet Forums banner

81 - 100 of 100 Posts

·
Registered
Joined
·
3,619 Posts
Discussion Starter #83
I found this app for iphones to change safari's style but i cant install it.. must be a regional thing, not provided for ossies.


Ive looked at YB with my iphone and it wont change to desktop view anymore either, it used to. I used to look at it in desktop view.

Another plug in for any Mac users here to change the YB style...


I did also manage to add this browser to my iphone which strips out the ads.


My phone is old though, im on iOs 10.3.3 so theres alot of apps i cant download, they need a newer iOs :mad:
 

·
Satans Daddy
Joined
·
14,053 Posts
Weird, mine quit working and it's showing 43 issues with the code.

Issues: 43
Help

Code 1
warning4:5Use of !important
warning11:2Don't use adjoining classes.
warning11:38Don't use adjoining classes.
warning32:5Expected (inline | block | list-item | inline-block | table | inline-table | table-row-group | table...
warning33:5Expected (inline | block | list-item | inline-block | table | inline-table | table-row-group | table...
warning37:2Don't use adjoining classes.
warning55:24Values of 0 shouldn't have units specified.
warning62:14Values of 0 shouldn't have units specified.
warning62:23Values of 0 shouldn't have units specified.
warning67:5Expected (inline | block | list-item | inline-block | table | inline-table | table-row-group | table...
warning68:5Expected (inline | block | list-item | inline-block | table | inline-table | table-row-group | table...
warning69:5The property -moz-box-orient is compatible with -webkit-box-orient and should be included as well.
warning69:5The property -ms-box-orient is compatible with -webkit-box-orient and should be included as well.
warning70:5The property -moz-box-direction is compatible with -webkit-box-direction and should be included as w...
warning70:5The property -ms-box-direction is compatible with -webkit-box-direction and should be included as we...
warning72:5Unknown property 'flex-direction'.
warning75:24Values of 0 shouldn't have units specified.
warning75:5Using width with padding can sometimes make elements larger than you expect.
warning85:5Using height with border-top can sometimes make elements larger than you expect.
warning90:5Expected (inline | block | list-item | inline-block | table | inline-table | table-row-group | table...
warning91:5Expected (inline | block | list-item | inline-block | table | inline-table | table-row-group | table...
warning103:29Values of 0 shouldn't have units specified.
warning104:32Values of 0 shouldn't have units specified.
warning109:30Values of 0 shouldn't have units specified.
warning110:33Values of 0 shouldn't have units specified.
warning117:13Values of 0 shouldn't have units specified.
warning117:22Values of 0 shouldn't have units specified.
warning121:82The universal selector (*) is known to be slow.
warning126:5The property -moz-box-flex is compatible with -webkit-box-flex and should be included as well.
warning126:5The property -ms-box-flex is compatible with -webkit-box-flex and should be included as well.
warning128:5Unknown property 'flex'.
warning131:24Values of 0 shouldn't have units specified.
warning134:2Rule is empty.
warning139:14Values of 0 shouldn't have units specified.
warning139:23Values of 0 shouldn't have units specified.
warning141:1Don't use adjoining classes.
warning162:1Don't use adjoining classes.
warning208:5Duplicate property 'padding' found.
warning208:14Values of 0 shouldn't have units specified.
warning208:23Values of 0 shouldn't have units specified.
warning208:5Using width with padding can sometimes make elements larger than you expect.
warning217:18Values of 0 shouldn't have units specified.
warning218:19Values of 0 shouldn't have units specified.
 

·
Registered
Joined
·
3,619 Posts
Discussion Starter #86
Yes the coding is rough, did it as quick as I could. I have the warnings also. Theres alot of sites out there with code that gives browser warnings but they still work... im not sure why yours stopped working.

Things like this "Values of 0 shouldn't have units specified." arent going to break a site, and most the rest of those are code thats already inherent to this site, alot of it doesnt need to be there actually as I just cut and paste more than required to change what I changed.

That said I can clean it up when I get a chance so it has less warnings.. .I'll clean it up and trim the fat...again im not sure thats the reason for your problem though.
 

·
Registered
Joined
·
3,619 Posts
Discussion Starter #87 (Edited)
Weird, mine quit working and it's showing 43 issues with the code.
Try this code now, ive cleaned it up. It has only one warning for me.

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

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

/* Color user profile on LHS of post */
.block--messages .message-cell:first-child {
    background: #cfcfcf;
}

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

/* center avatar and user info on LHS of post - add margins */
.message-avatar, message-avatar--online {
   margin-left: auto;
   margin-right: auto;
   width: 60%;
}

.message-userDetails {
   display: block;
   margin-left: auto;
   margin-right: auto;
    width: 60%;
}

/* center avatar on profile page posts - add margin left */
.avatar--m {
    width: 72px;
    height: 72px;
    font-size: 43px;
    margin-left: -9px;
}


/* 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 {
    background-color: #232324;
}

/* Post box padding in threads  */
.message-main {
    padding: 0 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 0 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: 0 5px 0 5px;
}

/* change home page container background color and pad it */
.home-container .col {
    background-color: #e6e6e6;
    padding: 10px 10px 0 10px;
}

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

/* Add YB blue bar to top of posts */
.message-inner {
    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: 0; 
    border-bottom-left-radius: 0; 
}

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

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

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

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

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

.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--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;
    background-color: #e6e6e6;
    padding: 0 10px 0 10px;
}

/* section header */
.section-header {
    font-size: 24px;
    color: #000;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    margin-left: -10px;
    margin-right: -10px;
    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: 22px 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: #e3e7e9;
    border-bottom-color: #232323;
    border-left-color: #e3e7e9;
}

.section-header a.full-listing-link {
    font-size: 14px;
    float: right;
    line-height: 30px;
    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: #000;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: auto;
    margin-left: 0px;
    margin-right: 8px;
    font-weight: 500;
    letter-spacing: -.1px;
    line-height: 24px;
    margin-top: auto;
    background: #ffbf00 url(https://i.imgur.com/VjMHStR.gif) repeat-x top left;
    font: 18px 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: #e3e7e9;
    border-right-color: #e3e7e9;
    border-bottom-color: #e3e7e9;
    border-left-color: #e3e7e9;
    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;
}

/* change search container background color and pad */
.california-search-content-container {
    max-width: 100%;
    background-color: #e6e6e6;
    padding: 20px 20px 20px 20px;
}

/* start hiding top menu bar and search - leaving nav menu items on RHS */

/* hide yellowbullet header on LHS */
.p-header-logo {
    vertical-align: middle;
    display: none;
}

/* make top bar navigation strip transparent and remove border */
.p-navSticky.is-sticky {
    background: transparent;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.3);
}

/* make top bar navigation strip transparent over main site logo */
.p-header {
    color: #fefefe;
    background: transparent;
 }

/* hide search form in center of top nav strip */
.p-nav-search form {
    display: none;
}


/* add background color to nav images on hover - yellow */
.new-navigation.button:focus, .new-navigation.button:hover {
    background: #ffbf00 ;
}

/* change nav avatar button border color from white to pale blue */
.headerAvatar {
    border: 2px solid #fff;
}

/* change nav avatar button hover border color from pale blue to yellow */
.headerAvatar:focus, .headerAvatar:hover {
    border: 2px solid #ffbf00;
}


/* change site nav button background on hover to yellow */
.new-navigation.style-chooser:focus, .new-navigation.style-chooser:hover {
    padding-top: 3px;
    text-align: center;
    background: #ffbf00;
}

/* add background color to nav images - pale black */
.new-navigation.button {
    background: #00000047;
    margin-left: 5px;
}



/* change site nav button background to pale black */
.new-navigation.style-chooser {
    padding-top: 3px;
    text-align: center;
    background: #00000047;
}

/* change login button background to pale black */
.new-navigation-login.button.button--alt--header {
    background: #00000047;
    border: none;
    margin-right: 8px;
}

/* change login button hover background to yellow */
.new-navigation-login.button.button--alt--header:focus, .new-navigation-login.button.button--alt--header:hover {
    background: #ffbf00;
    border: none;
    margin-right: 8px;
}
 
/* end navigation bar mods */

/* fix FAQ background color */
.accordion .hiddentext {
    padding: 10px;
    font-size: 14px;
    line-height: 1.7em;
    opacity: 0;
    display: none;
    text-align: left;
    width: 99%;
    margin: auto;
    background-color: #e6e6e6;
}

/* change forum icon unread color to green */
.node-icon .node--unread {
    background-color: #266b9e;
}

/* change forum icon read color to light blue */
.node-icon .node--read {
    background-color: #266b9ea8;
}

/* change post reply button to blue */
.button.button--primary, a.button.button--primary {
    color: #fefefe;
    background: #266b9e;
    min-width: 80px;
    border: 2px solid #c9cdcf;
}

.button.button--primary:hover, a.button.button--primary:hover {
    background: red;
}

/* change post preview, bookmark, follow forum and jump to button color */
.button.button--alt, a.button.button--alt {
    color: #686c6e;
    background-color: #e6e6e6;
    border: 2px solid #c9cdcf;
}


.button.button--alt:active, .button.button--alt:focus, .button.button--alt:hover, a.button.button--alt:active, a.button.button--alt:focus, a.button.button--alt:hover {
    border-color: #c9cdcf;
    background-color: #13a718;
    color: #fefefe;
}

.california-follow-text:active, .california-follow-text:hover {
    color: #fefefe;
}

/* change new indicator to green */
.message-newIndicator {
    font-size: 90%;
    color: #fff;
    background: #13a718;
    border-radius: 3px;
    padding: 1px 4px;
}

/* narrow breadcrumbs bar under YB banner */

.p-breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 5px 0;
    line-height: 1.5;
    margin-bottom: -4px;
}

.california-header-nav {
    background-color: #232324 !important;
    color: #383a3b!important;
    margin-bottom: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #fff;
    border-right-color: #c9cdcf;
    border-bottom-color: #c9cdcf;
    border-left-color: #c9cdcf;
}

/* add bottom border to header and change background to black */
#header-banner {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000000;
    border-bottom: 3px;
    border-bottom-color: #fff;
    border-bottom-style: solid;
}

/* add padding to thread heading */
.california-additional-header {
    padding-bottom: 3px;
}

/* change breadcrumb color */
.p-breadcrumbs>li a {
    color: #e3e7e9;;
}

.p-breadcrumbs>li:after, .p-breadcrumbs>li:before {
    color: #e3e7e9;;
}

/* fix trophy page background */
.block-row.block-row--separated {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #232323;
    background-color: #e6e6e6;
}

.california-trophy-list {
    padding-bottom: 0;
    background-color: #e6e6e6;
}

.tabPanes {
    list-style: none;
    margin: 0;
    padding: 10px 10px 10px 15px;
    background-color: #e6e6e6;
}



.formInfoRow {
    padding: 15px 10px;
    color: silver;
}

/* style and color forum text and accessories */

/* font color */
a {
    color: #464242;
    text-decoration: none;
}

a:hover {
    color: #46424280;
    text-decoration: underline;
}

/* description under category headings */
.node-description {
    font-size: 12px;
    color: #000000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* sticky pin color */
.sticky-pin path {
    fill: #266b9e;
}

/* category title color */
.node-title a {
    color: #000000;
    text-decoration: none;
    font-weight: 500;
}

/* watched eye color */
.california-thread-item .structItem-cell .structItem-status--watched:before {
    color: #266b9e;
}


/* username */
.username {
    color: #266b9e;
}

/* avatar navigation dot color */
.badge.badge--highlighted.badge-top-right-side-new-nav {
    background-color: #13a718;
}

/* white border to post indicator column */
.node-icon {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 46px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

/* border to last column */
.node-stats.last-time {
    text-align: right;
    font-size: 12px;
    color: #686c6e;
    border-right: 1px solid #fff;
    padding-right: 34px;
    border-left: 1px solid #fff;
}

/* border to stats column */
.node-stats {
    width: 156px;
    border-left: 1px solid #fff;
    padding: 10px 0px 10px 10px;
}

/* swap banner with uncut original */
.p-header-banner-placeholder img {
    display: none;
}

.p-header-banner-placeholder {
    width: 100%;
    height: 125px;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: url('https://i.imgur.com/2HcZdU7.gif');
    background-repeat: no-repeat;
    background-position: 13% 40%;
    margin-left: 0px;
    margin-top: 5px;
}

/* remove gap ontop of home page container */
.home-container {
    margin-top: 0px;
}

/* color bottom section links background */
.p-sectionLinks {
    font-size: 14px;
    color: #7d6b45;
    background: #232324;
}

/* add top border to footer */
.p-footer {
    border-top: 1px solid #e3e7e9;
}

/* pad latests posts area on category index */
.mt-90 {
    margin-top: 50px;
    padding: 5px;
}

/* replace default topic icons with old skool YB icons */
.node-icon .icon.forum.node--read i {
    background: url('https://i.imgur.com/sy5e3ZZ.gif') no-repeat 50%!important;
    background-size: 40px 41px!important;
}

.node-icon .icon.forum.node--unread i {
    background: url('https://i.imgur.com/dp3HPQl.gif') no-repeat 50%!important;
    background-size: 40px 41px!important;
}
 

·
Registered
Joined
·
3,619 Posts
Discussion Starter #88
STYLUS for Firefox is another option if Chrome and Stylish keeps busting balls.

STYLUS had way less warnings with the same code that was giving 40+ warnings in stylish (its less fussy LOL) ... and the site in Firefox looked exactly like it does with Chrome and stylish.

However i also just put the trimmed/updated code from the post above into Firefox STYLUS and that also works 100% for me with the updated code... site looks the same with firefox and chrome... zero warnings on Firefox STYLUS and only one now with Chrome and Stylish.

 

·
Registered
Joined
·
3,619 Posts
Discussion Starter #93
Can you apply this to the subforums as well? Thanks!

View attachment 47552
Yes, thanks for letting me know... I missed those. Add these lines to the code.

Code:
/* subforum background color */
.california-subforum-list-container  {
     border-top: 1px solid white;
     background-color: #e6e6e6;
     padding-top: 8px;
     padding-left: 8px;
     padding-bottom: 8px;
}   

.subforum-list-container .node-body {
    border-top: 1px solid #fff !important;
}

.node:last-of-type .node-body {
    border-bottom: 1px solid #c9cdcf !important;
}
 

·
Registered
Joined
·
3,619 Posts
Discussion Starter #94
So theyve made a few tweaks to the site, so ive changed a few little things to keep what I had done looking the same.

The code in full...

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

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

/* Color user profile on LHS of post */
.block--messages .message-cell:first-child {
    background: #cfcfcf;
}

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

/* center avatar and user info on LHS of post - add margins */
.message-avatar, message-avatar--online {
   margin-left: auto;
   margin-right: auto;
   width: 60%;
}

.message-userDetails {
   display: block;
   margin-left: auto;
   margin-right: auto;
    width: 60%;
}

/* center avatar on profile page posts - add margin left */
.avatar--m {
    width: 72px;
    height: 72px;
    font-size: 43px;
    margin-left: -9px;
}


/* 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 {
    background-color: #232324;
}

/* Post box padding in threads  */
.block--messages .message-cell:last-child {
    padding: 0 12px 0 12px;
}

/* 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 0 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: 0 5px 0 5px;
}

/* change home page container background color and pad it */
.home-container .col {
    background-color: #e6e6e6;
    padding: 10px 10px 0 10px;
}

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

/* Add YB blue bar to top of posts */
.message-inner {
    padding-top: 22px;
    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: 0; 
    border-bottom-left-radius: 0; 
}

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

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

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

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

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

.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 */
.block-row {
    background-color: #fff;
}

.listPlain {
    list-style: none;
    margin: 0;
    background-color: #fff;
}

.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;
    background-color: #e6e6e6;
    padding: 0 10px 0 10px;
}

/* section header */
.section-header {
    font-size: 24px;
    color: #000;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    margin-left: -10px;
    margin-right: -10px;
    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: 22px 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: #e3e7e9;
    border-bottom-color: #232323;
    border-left-color: #e3e7e9;
}

.section-header a.full-listing-link {
    font-size: 14px;
    float: right;
    line-height: 30px;
    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: #000;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: auto;
    margin-left: 0px;
    margin-right: 8px;
    font-weight: 500;
    letter-spacing: -.1px;
    line-height: 24px;
    margin-top: auto;
    background: #ffbf00 url(https://i.imgur.com/VjMHStR.gif) repeat-x top left;
    font: 18px 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: #e3e7e9;
    border-right-color: #e3e7e9;
    border-bottom-color: #e3e7e9;
    border-left-color: #e3e7e9;
    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;
}

/* change search container background color and pad */
.california-search-content-container {
    max-width: 100%;
    background-color: #e6e6e6;
    padding: 20px 20px 20px 20px;
}

/* start hiding top menu bar and search - leaving nav menu items on RHS */

/* hide yellowbullet header on LHS */
.p-header-logo {
    vertical-align: middle;
    display: none;
}

/* make top bar navigation strip transparent and remove border */
.p-navSticky.is-sticky {
    background: transparent;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.3);
}

/* make top bar navigation strip transparent over main site logo */
.p-header {
    color: #fefefe;
    background: transparent;
 }

/* hide search form in center of top nav strip */
.p-nav-search form {
    display: none;
}


/* add background color to nav images on hover - yellow */
.new-navigation.button:focus, .new-navigation.button:hover {
    background: #ffbf00 ;
}

/* change nav avatar button border color from white to pale blue */
.headerAvatar {
    border: 2px solid #fff;
}

/* change nav avatar button hover border color from pale blue to yellow */
.headerAvatar:focus, .headerAvatar:hover {
    border: 2px solid #ffbf00;
}


/* change site nav button background on hover to yellow */
.new-navigation.style-chooser:focus, .new-navigation.style-chooser:hover {
    padding-top: 3px;
    text-align: center;
    background: #ffbf00;
}

/* add background color to nav images - pale black */
.new-navigation.button {
    background: #00000047;
    margin-left: 5px;
}



/* change site nav button background to pale black */
.new-navigation.style-chooser {
    padding-top: 3px;
    text-align: center;
    background: #00000047;
}

/* change login button background to pale black */
.new-navigation-login.button.button--alt--header {
    background: #00000047;
    border: none;
    margin-right: 8px;
}

/* change login button hover background to yellow */
.new-navigation-login.button.button--alt--header:focus, .new-navigation-login.button.button--alt--header:hover {
    background: #ffbf00;
    border: none;
    margin-right: 8px;
}
 
/* end navigation bar mods */

/* fix FAQ background color */
.accordion .hiddentext {
    padding: 10px;
    font-size: 14px;
    line-height: 1.7em;
    opacity: 0;
    display: none;
    text-align: left;
    width: 99%;
    margin: auto;
    background-color: #e6e6e6;
}

/* change forum icon unread color to green */
.node-icon .node--unread {
    background-color: #266b9e;
}

/* change forum icon read color to light blue */
.node-icon .node--read {
    background-color: #266b9ea8;
}

/* change post reply button to blue */
.button.button--primary, a.button.button--primary {
    color: #fefefe;
    background: #266b9e;
    min-width: 80px;
    border: 2px solid #c9cdcf;
}

.button.button--primary:hover, a.button.button--primary:hover {
    background: red;
}

/* change post preview, bookmark, follow forum and jump to button color */
.button.button--alt, a.button.button--alt {
    color: #686c6e;
    background-color: #e6e6e6;
    border: 2px solid #c9cdcf;
}


.button.button--alt:active, .button.button--alt:focus, .button.button--alt:hover, a.button.button--alt:active, a.button.button--alt:focus, a.button.button--alt:hover {
    border-color: #c9cdcf;
    background-color: #13a718;
    color: #fefefe;
}

.california-follow-text:active, .california-follow-text:hover {
    color: #fefefe;
}

/* change new indicator to green */
.message-newIndicator {
    font-size: 90%;
    color: #fff;
    background: #13a718;
    border-radius: 3px;
    padding: 1px 4px;
}

/* narrow breadcrumbs bar under YB banner */

.p-breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 5px 0;
    line-height: 1.5;
    margin-bottom: -4px;
}

.california-header-nav {
    background-color: #232324 !important;
    color: #383a3b!important;
    margin-bottom: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #fff;
    border-right-color: #c9cdcf;
    border-bottom-color: #c9cdcf;
    border-left-color: #c9cdcf;
}

/* add bottom border to header and change background to black */
#header-banner {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000000;
    border-bottom: 3px;
    border-bottom-color: #fff;
    border-bottom-style: solid;
}

/* add padding to thread heading */
.california-additional-header {
    padding-bottom: 3px;
}

/* change breadcrumb color */
.p-breadcrumbs>li a {
    color: #e3e7e9;;
}

.p-breadcrumbs>li:after, .p-breadcrumbs>li:before {
    color: #e3e7e9;;
}

/* fix trophy page background */
.block-row.block-row--separated {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #232323;
    background-color: #e6e6e6;
}

.california-trophy-list {
    padding-bottom: 0;
    background-color: #e6e6e6;
}

.tabPanes {
    list-style: none;
    margin: 0;
    padding: 10px 10px 10px 15px;
    background-color: #e6e6e6;
}



.formInfoRow {
    padding: 15px 10px;
    color: silver;
}

/* style and color forum text and accessories */

/* font color */
a {
    color: #464242;
    text-decoration: none;
}

a:hover {
    color: #46424280;
    text-decoration: underline;
}

/* description under category headings */
.node-description {
    font-size: 12px;
    color: #000000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* sticky pin color */
.sticky-pin path {
    fill: #266b9e;
}

/* category title color */
.node-title a {
    color: #000000;
    text-decoration: none;
    font-weight: 500;
}

/* watched eye color */
.california-thread-item .structItem-cell .structItem-status--watched:before {
    color: #266b9e;
}


/* username */
.username {
    color: #266b9e;
}

/* avatar navigation dot color */
.badge.badge--highlighted.badge-top-right-side-new-nav {
    background-color: #13a718;
}

/* white border to post indicator column */
.node-icon {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 46px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

/* border to last column */
.node-stats.last-time {
    text-align: right;
    font-size: 12px;
    color: #686c6e;
    border-right: 1px solid #fff;
    padding-right: 34px;
    border-left: 1px solid #fff;
}

/* border to stats column */
.node-stats {
    width: 156px;
    border-left: 1px solid #fff;
    padding: 10px 0px 10px 10px;
}

/* swap banner with uncut original */
.p-header-banner-placeholder img {
    display: none;
}

.p-header-banner-placeholder {
    width: 100%;
    height: 125px;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: url('https://i.imgur.com/2HcZdU7.gif');
    background-repeat: no-repeat;
    background-position: 13% 40%;
    margin-left: 0px;
    margin-top: 5px;
}

/* remove gap ontop of home page container */
.home-container {
    margin-top: 0px;
}

/* color bottom section links background */
.p-sectionLinks {
    font-size: 14px;
    color: #7d6b45;
    background: #232324;
}

/* add top border to footer */
.p-footer {
    border-top: 1px solid #e3e7e9;
}

/* pad latests posts area on category index */
.mt-90 {
    margin-top: 50px;
    padding: 5px;
}

/* replace default topic icons with old skool YB icons */
.node-icon .icon.forum.node--read i {
    background: url('https://i.imgur.com/sy5e3ZZ.gif') no-repeat 50%!important;
    background-size: 40px 41px!important;
}

.node-icon .icon.forum.node--unread i {
    background: url('https://i.imgur.com/dp3HPQl.gif') no-repeat 50%!important;
    background-size: 40px 41px!important;
}

/* subforum background color */
.california-subforum-list-container  {
     border-top: 1px solid white;
     background-color: #e6e6e6;
     padding-top: 8px;
     padding-left: 8px;
     padding-bottom: 8px;
}   

.subforum-list-container .node-body {
    border-top: 1px solid #fff !important;
}

.node:last-of-type .node-body {
    border-bottom: 1px solid #c9cdcf !important;
}

/* hide ads */
.california-thread-ad {
    display: none;
}

/* make page nav wider */
.pageNav-page>a {
    width: 46px;
}
 

·
Registered
Joined
·
3,626 Posts
Ok, so yesterdays update totally screwed everything up. My style is gone now. Not sure how that happened.
Is your layout still working correctly?

Something is fucky
 

·
Registered
Joined
·
3,626 Posts
Actually, I don't think it's yellowbullet. Sometime between Monday and today, Stylish won't let me save a style and the one I saved from you is gone meow.
 

·
Registered
Joined
·
3,619 Posts
Discussion Starter #97

·
Registered
Joined
·
3,626 Posts
It still looks the same to me... so maybe something wrong with stylish.

Try the alternative, stylus, if it works with your browser... click the link below, should take you to the post about stylus in this thread.

https://www.yellowbullet.com/threads/how-to-make-new-yb-threads-look-more-like-old-yb-on-your-pc-details-inside.2609712/page-3#post-71841198


PhantomBullet.net - Where the Weak Are Grilled And Beaten
Thanks man. That fixed everything. Guess it was Stylish. Appreciate your time!
 

·
Registered
Joined
·
3,619 Posts
Discussion Starter #99
No problemo.

They have changed a few things here so the code needs a bit of tweaking to move the three dot menu thing down a bit at the top right corner of posts, but most of it still looks ok from where im sitting.

BTW if anyone checks out the phantom site and has this implemented for YB, you're going to want to turn stylus/stylish off when there because it will phuck up the style there.
 
81 - 100 of 100 Posts
Top