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

mrkambo · 17 Feb 2017 at 17:26

ahh....we need some kind of single post with all of the styles on it and what changes are in it!

Russinating · 17 Feb 2017 at 17:51

^^ Agreed. Just updated my lite one to make the post body's a bit more separate

unwashed potato! · 17 Feb 2017 at 20:20

i posted this in the new forum thread but thought i'd share this here too.

i thought i'd share a bit of style changes i've done. there will be things on there not everyone wants, but perhaps bits and bobs might help some, e.g remove the massive forehead this forum has!

i've not tested this in anything other than chrome and when viewed on a widescreen monitor so no idea if some changes may mess up anything on another browser.

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

Malevolence · 17 Feb 2017 at 21:33

After I've edited some sections of code in wiiija's Dark Theme to my liking (things like bringing back the 'you have posted in this thread' dot) and then saved it it shows up under Stylish as a 'Global Style' rather than one just for this forum. Does anyone know how to get it showing as just for this forum again?

wiiija · 17 Feb 2017 at 21:35

you've probably removed or added an extra } somewhere

Malevolence · 17 Feb 2017 at 21:38

That's more than likely, these bloody eye-drops I have to use play havoc at times. I'll get back to scrutinising.

Glaucus · 17 Feb 2017 at 21:57

i the dark theme, you've decreased the padding between posts and made it a single darker colour, but cant see the code in the style.

wiiija · 17 Feb 2017 at 21:59

Code:

.postDate {
    padding-bottom: 2px;
    padding-top: 1px;
}

Glaucus · 17 Feb 2017 at 22:04

Thank is. There something else there, even 0px looks to big although has reduced it.

wiiija · 17 Feb 2017 at 22:08

It looks bigger because everything around it is the same color with no borders to seperate it

mrk · 17 Feb 2017 at 22:18

The avatars have gone! Can't spot people so easily now, have to go by reading their names, gotta put effort in

wiiija · 17 Feb 2017 at 22:20

Code:

/* Hide avatars leaves sigs alone */
.UserRankImages {
    display: none;
}

Just remove that from the code mrk, they will be back.

mrk · 17 Feb 2017 at 22:23

Ah yeah just noticed, it's cleaner without them, so will probably leave as is.

unwashed potato! · 17 Feb 2017 at 22:37

i agree. have always kept them but now on the grey theme i've realised how much nicer it is without them. your signature also stands out beautifully now as the colours really pop

mrk · 17 Feb 2017 at 22:54

Yes man!

Nexus18 · 17 Feb 2017 at 23:06

Tweaked wiiija's theme using some of fairly sure the answer is no tweaks

Forum is looking real clean now :cool:

Nexus18 · 17 Feb 2017 at 23:21

Anything that can be done with the bits highlighted in red here:

Seems a bit pointless having the "forums" and overclockers UK forums there and personally I never use the quick navigation pane.

Likewise with the bottom:

Whilst we're at it, any way to remove all the contact us, home, top etc. stuff?

wiiija · 17 Feb 2017 at 23:26

Code:

.breadBoxTop, .breadBoxBottom {
        display: none;
}

Nexus18 · 17 Feb 2017 at 23:29

Thanks!

Also, I removed the views/replies header, any way to remove the start date as well?

EDIT:

That removes the "forum" button completely even when in sub forums/threads, is there any way to just remove it from the home page but keep that for when you enter the sub forums etc.?

EDIT:

Had to remove this tweak for lining the edit etc. buttons up with the sig as it blocks you from clicking any links in people's signatures:

Code:

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

.publicControlsSpacing  {
 display: none;
}

wiiija · 17 Feb 2017 at 23:59

I'll have to get back to you on that one Nexus18, unless someone else can answer you, I'm struggling with it!