New OCUK Dark theme out now, get it while it's hot!

Status
Not open for further replies.
will give those 2 request a go now Nexus18.

I didn't remove the breadbox as i thought it was needed but now realise it's not as the forums link is right at the top any way. much better now it's gone.

still a few things i've noticed need adding to the grey theme. the blue "draft saved" text that pops up every 5 seconds when writing a reply on the quick box. and the alerts pop up at the bottom left is still blue. trouble is it's so quick i'm not quick enough to catch it to quickly check it's code so will have to look into the css for it. also the buttons on the pop up edit screen are still nasty

EDIT: i'm pretty sure the start date heading has only just been added to the site as i'm sure it wasn't there earlier.
 
i just caught the alert. it's under #StackAlerts but the content goes so quickly and i can't test any edits without it coming back. can you post again so that it comes up?

Nexus18.

Remove the footer links

Code: 
.footer, .footerLegal {
 display: none;   
}
 
wiiija said:
I'll have to get back to you on that one Nexus18, unless someone else can answer you, I'm struggling with it!
Click to expand...
No worries :)

What about the "overclockers uk forum" text below the "forum" button on the home page, can it be removed/hidden?

Fairly sure the answer is no said:
will give those 2 request a go now Nexus18.

I didn't remove the breadbox as i thought it was needed but now realise it's not as the forums link is right at the top any way. much better now it's gone.

still a few things i've noticed need adding to the grey theme. the blue "draft saved" text that pops up every 5 seconds when writing a reply on the quick box. and the alerts pop up at the bottom left is still blue. trouble is it's so quick i'm not quick enough to catch it to quickly check it's code so will have to look into the css for it. also the buttons on the pop up edit screen are still nasty

EDIT: i'm pretty sure the start date heading has only just been added to the site as i'm sure it wasn't there earlier.
Click to expand...
Yup, the stock forum has a lot of pointless duplicates :p :o

I like the breadbox for when you go into sub forums/threads etc.

apQc91p.png

But just having "forums" at the top of the main page when there is already a "forums" button just above that triggers my OCD! :p

It is possible, seems like OCUK are making tiny adjustments every now and then...
 
Nexus18 said:
No worries :)

What about the "overclockers uk forum" text below the "forum" button on the home page, can it be removed/hidden?


.
Click to expand...

very lucky it appears it can be done. it's just in an unstyled h1 tag so figured if you remove it you'll remove every title site wide, however i found a way.

Code: 
.forum_list h1 {
   display: none;
}

check over all the pages as this is essentially remove the title when it's within a forum list. it appears this is only on the forum home page but it's worth having a double check

start date removals. you'll already have half of this one there so replace it with the one below

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

replace wiiija code for hiding the breadbox with the below so that it only hides when on the home page

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

what was the other request Nexus18 as you've edited your post?

i noticed that issue too with the links in sigs not being clickable. i've played with the code to provide a fix. should work on any decent sized screens.

Code: 
.messageMeta {
 position: relative;
    bottom: 5px !important;
    right: 0;
    float: right !important;
    max-width: 400px;
}
 
Last edited:
Fairly sure the answer is no said:
very lucky it appears it can be done. it's just in an unstyled h1 tag so figured if you remove it you'll remove every title site wide, however i found a way.

Code: 
.forum_list h1 {
   display: none;
}

check over all the pages as this is essentially remove the title when it's within a forum list. it appears this is only on the forum home page but it's worth having a double check

start date removals. you'll already have half of this one there so replace it with the one below

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

replace wiiija code for hiding the breadbox with the below so that it only hides when on the home page

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

what was the other request Nexus18 as you've edited your post?

i noticed that issue too. i've played with the code to provide a fix. should work on any decent sized screens.

Code: 
.messageMeta {
 position: relative;
    bottom: 5px !important;
    right: 0;
    float: right !important;
    max-width: 400px;
}
Click to expand...
Nicely done :cool:

All looks to be working as it should :D

I think that is pretty much everything tweaked to my liking now, only thing left is the quick navigation button, it is gone from the home page but still there for everything else.

EDIT:

Yup, edit etc. buttons alignment working great with sigs that have links in them now, thanks :D
 
i've made a few more tweaks. remove the fugly box shadow on the buttons and what was faintly remaining one on the gangster titles, as well as improved the buttons on the edit box, and made the drop down menus grey where they were still blue. the alert box is now grey but i've not been able to see it in action much as it rarely pops up so the colours made need tweaking. the draft saved message is also now much more subtle, though for me in the end i've removed it all together as it's just distracting when typing. here's all the edits i've made again.


Code: 
/* removes the background and white borders around the gangster title */


.userBanner {
    font-size: 11px;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* removes the report button. i'm too nice so never going to need it :P */

.report {
 display: none;   
}

/* moves the online indicator so it's alinged correctly with the username. decided to hide it for now due to next styling */


.onlineIndicator {
    position: relative;
    top: 3px; 
    display: none;
}

/* makes the users name green if they're online. i may not keep this. */


div.online a.username {
 color: #08d270 !important;   
}

/* moves the edit button to the right */

.signatureControlsAlignment {
 float: right;   
}

/* moves the post links like edit, trust etc inline with the signature. this could cause an issue if there is no signature and the text goes all the way to the end of the post box on the final line */


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

.publicControlsSpacing  {
 display: none;   
}

/* pads out the post a tiny amount */


.primaryContent {
 padding: 5px !important;   
}

/* hides any forums that are collapsed. can still get to the forums from the quick jump menu but makes the view much cleaner without having the header there */


.CategoryStripCollapsed {
 display: none;   
}

/* the following few hides most of the pointless junk at the bottom of the forum on the forum home page */


#boardStats {
   display: none;   
} 

.profilePostList{
   display: none;   
} 

.membersOnline {
    display: none;   
}

.threadList {
    display: none;     
}

/* hides the alerts link and watched forums link. both are not needed for me. already have 30 alerts unread */


li.members, li.alerts {
margin-left: -9999px;       
}

ul.blockLinksList li:last-child { display: none !important; }

ul.blockLinksList li:nth-child(3n) {
    display: none !important;
}

ul.blockLinksList li:nth-child(4n) a {
    color: #34a7ff !important;
}

.blockLinksList {
 margin-top: 8px !important;
 margin-left: 13px !important;
}

#pageDescription {
 margin-top: 10px !important;   
}

/* corrects the padding of the page links when there is more than 3 numbers, e.g. page 580 now fits in the box correctly */


.PageNav a {
    min-width: 14px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;                                     
}

.PageNavNext, .PageNavPrev {
 height: 15px !important;   
    padding-top: 0 !important;
}

/* 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 nasty big header */


#logoBlock {
 display: none;   
}

#headerProxy  {
 height: 52px !important
}

/* adds padding to the quick reply box */


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

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

/* makes the reply button easier to spot and all buttons nicer */


.submitUnit .button, .buttonContainer .button {
    background: #fff;
    border: 0;
    font: inherit;
    padding-top: 0;
    height: 30px;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.PreviewContainer .messageText {
 padding-left: 10px !important;   
 padding-right: 10px !important;       
 padding-bottom: 10px !important;
}


.buttonContainer .button.primary, .submitUnit .button.primary {
    color: #fff !important;
 background: #0e9955 !important;

}

/* hides your username that's next to the quick reply box */

.quickReply.message .messageUserInfo {
        visibility: hidden;
}

/* hides the breadbox on the homepage only */

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

/* makes the draft saved box grey. currently set to be hidden as felt was un-needed */

.redactor_box .draftNotice span {
    background: #2b3236 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 
    color: #c9c9c9;
    visibility: hidden;
}

/* makes the alert pop up grey */

#StackAlerts {
    background: #23282b !important;
    border: 1px solid #2e3539 !important;
    color: #fff;
}

.footer, .footerLegal {
 display: none;   
}

.forum_list h1 {
   display: none;     
}

/* makes the drop down menus for the reply box grey */

.redactor_dropdown {
 background: #373f44;
}

.redactor_dropdown a.icon:hover {
    background-color: #23282b;
}
 
Last edited:
I have a black border, with some red txt. But mostly the rest of the page is showing the forum in it's default blue? I've uninstalled & reinstalled stylish and the dark theme & it's still the same? I'm running Windows 10. Firefox latest beta. Xen-Wip theme works OK?
 
Cracking jobs guys! Really well done. :cool:

Just a shame the OcUK use these horrid low res buttons in the reply box! :(
 
The quick search box buttons are a bit off (using fairly sure the answer is no button tweaks):

RIEuHOh.png

Also, any way to remove just the stuff circled in red here and realign the remaining items?

5JTPZkn.png

g1WO7h9.png
 
Lol Nexus18, I'll have a look into that but I reckon we are about at the limit of what is possible! My theme is now complete as far as I'm concerned.
The button issue may be because I've styled the buttons in my theme so it may be interfering with each other.
 
V_R said:
Stop removing everything Nexus, there won't be anything left!! :p
Click to expand...
haha I won't be happy until we have just the bare bones left!!! :D :p

It's ridiculous how much pointless stuff OCUK has added to the forum though, so many duplicates & unnecessary items imo.

Using wiiija's theme with some of fairly sure the answer is no tweaks (code in spoiler tag), the forum looks super clean :cool:

Code: 
@-moz-document domain("forums.overclockers.co.uk"), domain("trust.overclockers.co.uk") {
/* removes the background and white borders around the gangster title */

.userBanner {
    background-color: transparent !important;
}

/* moves the post links like edit, trust etc inline with the signature. this could cause an issue if there is no signature and the text goes all the way to the end of the post box on the final line */

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

.publicControlsSpacing  {
 display: none;
}

/* the following few hides most of the pointless junk at the bottom of the forum on the forum home page */

#boardStats {
   display: none;
}

.profilePostList{
   display: none;
}

.membersOnline {
    display: none;
}

.threadList {
    display: none;  
}

.staffOnline {
display: none;
}

/* corrects the padding of the page links when there is more than 3 numbers, e.g. page 580 now fits in the box correctly */

.PageNav a {
    min-width: 14px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;                                  
}

.PageNavNext, .PageNavPrev {
 height: 15px !important;
    padding-top: 0 !important;
}

/* 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 nasty big header */

#logoBlock {
 display: none;
}

#headerProxy  {
 height: 52px !important
}

/* makes the reply button easier to spot and all buttons nicer */

.submitUnit .button, .buttonContainer .button {
    background: #fff;
    border: 0;
    font: inherit;
    padding-top: 0;
    height: 30px;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.PreviewContainer .messageText {
 padding-left: 10px !important;
 padding-right: 10px !important;    
 padding-bottom: 10px !important;
}

.buttonContainer .button.primary, .submitUnit .button.primary {
    color: #fff !important;
 background: #0e9955 !important;
}

.footer, .footerLegal {
 display: none;
}

.forum_list h1 {
   display: none;
}

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

wiiija said:
Lol Nexus18, I'll have a look into that but I reckon we are about at the limit of what is possible! My theme is now complete as far as I'm concerned.
The button issue may be because I've styled the buttons in my theme so it may be interfering with each other.
Click to expand...

hehe, with you guys doing all this coding, anything is possible! :D

Ah ok, makes sense that. I will try removing your button tweaks, which line is it?
 
Last edited:
wiiija said:
Lines 69 to 81 are the button tweaks mate :), if you're fully updated that is!
Click to expand...
Thanks, for me it was showing from line 67 to 78 though :p

No conflict between the two, I messed with fairly sure the answer is no (please get a shorter name! :p) code, had to change this line from:

margin-top: 10px;

to

margin-top: 0px;

But text is still off:

2UtCBSL.png

Tried messing with the other values and can get the text in line but then the post reply, options buttons etc. get messed up/cut off.

Also,

For the edit, report etc. alignment buttons, I changed the "bottom: 5px" to "0px" so that it falls perfectly in line with sigs now and doesn't over lap long posts.

Code: 
/* moves the post links like edit, trust etc inline with the signature. this could cause an issue if there is no signature and the text goes all the way to the end of the post box on the final line */

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

.publicControlsSpacing  {
 display: none;
}
 
Last edited:
Status
Not open for further replies.
Back
Top Bottom