The OcUK NEW Stylish themes thread 2017

[Pez]

Not sure if anyone else likes this but made a tweak to make grid have alternating backgrounds when viewing a forum.

ol.discussionListItems li.discussionListItem:nth-child(odd) {
    background-color: #333b40;
    border-left: 1px solid #373f44;
    border-right: 1px solid #373f44;
}
ol.discussionListItems li.discussionListItem:nth-child(even) {
    background-color: #2f353b;
    border-left: 1px solid #373f44;
    border-right: 1px solid #373f44;
}
.discussionListItem .posterAvatar, .discussionListItem .stats {
    background-color: inherit;
    border-left: 1px solid #373f44;
    border-right: 1px solid #373f44;
}

edit: had to remove .breadcrumb .crust a.crumb,

This looks great

 

[CaptainComedy]

another blue box

 

[wiiija]

Which theme CaptainComedy? looks like xen but it's not present for me

 

[wiiija]

Found it and fixed it

 

[Pez]

Any chance of changing the "Post Reply" and "More Options" buttons to the same style as report/trust/multi/quote:

 

[Scottland]

Added some more theme colours and fonts to my theme, as well as fixing a couple of things.


Comic Sans

 

[wiiija]

Done Pez

 

[Pez]

Done Pez

Awesome, thanks! I did actually try finding this myself... what was the code that needed changing?

 

[Nexus18]

Did you add some padding to the post boxes on the left wiiija?

Also, not sure if you have seen these tweaks by fairly sure the answer is no but they would be nice little touches to complete your theme imo:

/* removes the replies and views and start date heading as it's not needed */

.sectionHeaders .stats, .sectionHeaders .postDate {
display: none !important; 
}

.staffOnline li {
    display: inline !important;
    margin-right: 20px;
}

.staffOnline li + li {
 margin-left: 20px; 
}

/* makes locked threads alert when in the thread more visible */

dd.lockedAlert {
 color: #ff0000 !important; 
}

/* removes the forum link breadbox when on the main home page of the forum but comes back when in sub forums/threads */

.forum_list .breadBoxTop, .forum_list .breadBoxBottom {
        display: none;
}

/* moves the post links like edit, trust etc inline with the signature */

.signature, .signatureDivider {
     position: relative;
    top: 26px;
}

.messageMeta {
      position: relative;
    bottom: 5px !important;
    right: 0;
    float: right !important;
    max-width: 350px;
}

/* adds padding to the quick reply box */

[contenteditable="true"] {
padding: 10px !important
}

.quickReply .messageUserInfo {
 min-height: 130px !important; 
    padding: 5px;
}

 

[wiiija]

.button {
    font-size: 8pt;
    font-family: 'Verdana';
    color: #fff;
    background: #2e3539 !important;
    border: 1px solid #23282b;
    box-shadow: 0 2px #23282b;
    border-radius: 3px !important;
}

 

[wiiija]

I had to make some adjustments after the changes that ocuk made the other day Nexus18, I'll give those tweaks a whirl, I'm inclined to leave it alone now though, added a few more bits today but it's consumed enough time now hehe

 

[Pez]

Great stuff, I think the border is 0px rather than 1px to match the private/public controls.

 

[CaptainComedy]

Can we keep the original OCUK blue and red logo? I like the orange and yellow but it's not official colours...

 

[wiiija]

You are right, reason I added one is because of the buttons in quicksearch, they blend in to much without a border

 

[Scottland]

You are right, reason I added one is because of the buttons in quicksearch, they blend in to much without a border

Same here, was messing around with them for ages before I gave up.

 

[Pez]

Ah I see what you mean, I've changed mine but I can see how that might not suit everyone.

 

[unwashed potato!]

you can add a border to just the quicksearch buttons by using

#QuickSearch and then the buttons class and whatever styling you want.

 

[wiiija]

you can add a border to just the quicksearch buttons by using

#QuickSearch and then the buttons class and whatever styling you want.

Thank you, I should have known that lol, I'm leaving it alone now, all I can see is css in my eyes when I close them.

 

[Scottland]

you can add a border to just the quicksearch buttons by using

#QuickSearch and then the buttons class and whatever styling you want.

Good thinking Batman

#QuickSearch input.button.primary {
    border-right: 1px solid  #000;
}

 

[Nexus18]

I had to make some adjustments after the changes that ocuk made the other day Nexus18, I'll give those tweaks a whirl, I'm inclined to leave it alone now though, added a few more bits today but it's consumed enough time now hehe

Yeah thought so, just wasn't 100% sure about the padding, it means I can now remove the padding code from the ocuk clutter be gone style

haha fair enough If you do add any of those tweaks, let me know which ones so I can remove them from my style please