The OcUK NEW Stylish themes thread 2017

Pez · 21 Feb 2017 at 17:26

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

Code:

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 · 21 Feb 2017 at 17:39

another blue box

wiiija · 21 Feb 2017 at 17:42

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

wiiija · 21 Feb 2017 at 17:47

Found it and fixed it

Pez · 21 Feb 2017 at 18:15

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

Scottland · 21 Feb 2017 at 18:24

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

Comic Sans

wiiija · 21 Feb 2017 at 18:27

Done Pez

Pez · 21 Feb 2017 at 18:29

wiiija said:
Done Pez

Awesome, thanks!

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

Nexus18 · 21 Feb 2017 at 18:32

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:

Code:

/* 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; 
}

Code:

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

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

Code:

/* 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;
}

Code:

/* 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;
}

Code:

/* adds padding to the quick reply box */

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

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

wiiija · 21 Feb 2017 at 18:32

Code:

.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 · 21 Feb 2017 at 18:35

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 · 21 Feb 2017 at 18:36

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

CaptainComedy · 21 Feb 2017 at 18:41

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

wiiija · 21 Feb 2017 at 18:41

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

Scottland · 21 Feb 2017 at 18:43

wiiija said:
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 · 21 Feb 2017 at 18:46

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

unwashed potato! · 21 Feb 2017 at 18:49

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

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

wiiija · 21 Feb 2017 at 18:56

Fairly sure the answer is no said:
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 · 21 Feb 2017 at 18:58

Fairly sure the answer is no said:
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

Code:

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

Nexus18 · 21 Feb 2017 at 19:26

wiiija said:
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