The OcUK NEW Stylish themes thread 2017

Caporegime
Joined
9 Aug 2008
Posts
30,282
Location
127.0.0.1
ah! well my findings with the CSS themes is that it's base64 conversions for the logos. but I have no idea why the old url is been used.

Base64 is used because it's faster to render the image over standard URL. :) However in this case it's also the base64 that's causing it to break.

I think I've solved it, just need to push the updates later after more testing.


EDIT: Crimbo logo updates are pushed to github for all themes by Wiiija.
 
Last edited:
Caporegime
Joined
9 Aug 2008
Posts
30,282
Location
127.0.0.1
@Bouton Aide , most of the themes work fine as they are mate! xen complete and mod, white theme all work without any changes

That’s strange when I tested the themes the logos where off after the change to the Christmas pudding. I tested it in FF, Chrome, Edge and Brave.

That’s alright no worries! I’ll have to do some more testing.
 
Soldato
Joined
17 Aug 2003
Posts
19,844
Location
Woburn Sand Dunes
I'm working on my own theme. I don't know what it'll be called, or when i'll be done. But it's coming, it's written from scratch (I havent used anything from any existing themes), it's pretty thorough (2000+ lines), it's split in to mostly logical sections of code and it makes use of variables so it's very easy to create variants using different colours. When i've got it up to an acceptable standard i'll make it available here and you lot can have at it.


ExpEWtkh.png


9s0XeJIh.png


Ideas for a name anyone?
 
Soldato
Joined
18 Oct 2002
Posts
2,716
Location
Northants
Some screens of mine:

Minimal white(my fav)
gOTSW44.png


Xen Complete(most popular)
OiqsxuT.png


Xen Complete MOD
cau4hKc.png


Curvy neon
zmLSpLm.png


I'm currently doing a mod of the white theme using the lovely Nord dark color palette. Nord (nordtheme.com)
 
Last edited:
Soldato
Joined
18 Oct 2002
Posts
2,716
Location
Northants
I'm struggling to find the time I have a lot of stuff going on at the moment, they basically needing starting again, I just dont have the time or inclination if I'm honest, happy for someone else to take the reigns on github
 
Soldato
Joined
18 Oct 2002
Posts
2,716
Location
Northants
You must use this with the Alternate Style, not many changes just some main page adjustments and some changes to the message boxes, I will be adding more changes as and when I have the time.

Code:
    @-moz-document url-prefix("https://forums.overclockers.co.uk/") {
        html {
            background-color: #2e3539 !important;
            background: radial-gradient(black 15%, transparent 16%) 0 0,
            radial-gradient(black 15%, transparent 16%) 8px 8px,
            radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 0 1px,
            radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 8px 9px;
            background-size: 16px 16px;
        }
        /*[adjust width below to preferred size]*/
        body {
            max-width: 1400px;
            margin-left: auto!important;
            margin-right: auto!important;
            -webkit-box-shadow: 0px 0px 26px -5px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 0px 26px -5px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 0px 26px -5px rgba(0, 0, 0, 0.75);
            border-left: 10px solid #383c41 !important;
            border-right: 10px solid #383c41 !important;
        }
        .p-description {
            display: none;
        }
        .node-description {
            display: none;
        }
        [data-template*="forum_list"] .p-body-pageContent {
            border-radius: 8px;
        }
        .p-nav .p-nav-inner {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }
        .p-sectionLinks-list {
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
        }
        .block-container:not(.block-container--noStripRadius) > :first-child,
        .block-topRadiusContent,
        .block-container:not(.block-container--noStripRadius) > .block-body:first-child > .blockLink:first-child {
            border-radius: 8px;
        }
        .node .node-extra--inner {
            border-radius: 8px;
        }
        .button,
        a.button {
            border-radius: 8px;
        }
        .message--post .message-attribution {
            padding: 10px 10px;
            border-bottom: 1px solid #000;
        }
        .block--messages .message {
            border: none;
            border-radius: 8px;
        }
        .block--messages .message-inner:last-of-type .message-cell:first-child {
            border-bottom-left-radius: 8px;
        }
        .message--post .message-attribution {
            border-bottom: 1px solid #272a2e;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }
        .block--messages .message-cell.message-cell--user {
            border-right: 1px solid #272a2e;
        }
        .block-body .node--unread .node-body .node-icon i {
            filter: grayscale(1);
        }
        .block-body .node--unread .node-body .node-icon i {
            filter: sepia(100%) hue-rotate(180deg) saturate(400%);
        }
        .p-header-logo.p-header-logo--image img {
            vertical-align: bottom;
            max-width: 100%;
            filter: grayscale(1);
        }
        div.freeShipping {
            display: none;
        }
        .message-actionBar.actionBar .actionBar-action {
            border: 1px solid #4b5158;
            background: #272a2e;
            border-radius: 8px;
        }
        .p-pageWrapper .message-cell.message-cell--user .message-avatar-wrapper .message-avatar-online {
            border-color: #5096ff transparent transparent;
        }
        .button:not(.button--splitTrigger):hover,
        a.button:not(.button--splitTrigger):hover,
        .button.button--splitTrigger > .button-text:hover,
        a.button.button--splitTrigger > .button-text:hover,
        .button.button--splitTrigger > .button-menu:hover,
        a.button.button--splitTrigger > .button-menu:hover,
        .button:not(.button--splitTrigger):focus,
        a.button:not(.button--splitTrigger):focus,
        .button.button--splitTrigger > .button-text:focus,
        a.button.button--splitTrigger > .button-text:focus,
        .button.button--splitTrigger > .button-menu:focus,
        a.button.button--splitTrigger > .button-menu:focus,
        .button:not(.button--splitTrigger):active,
        a.button:not(.button--splitTrigger):active,
        .button.button--splitTrigger > .button-text:active,
        a.button.button--splitTrigger > .button-text:active,
        .button.button--splitTrigger > .button-menu:active,
        a.button.button--splitTrigger > .button-menu:active {
            background-color: #5096ff !important;
            border: 1px solid #64a2ff !important;
        }
        .buttonGroup > .button:not(:first-child) {
            border-left: 1px solid transparent;
        }
        .buttonGroup > .buttonGroup-buttonWrapper:not(:first-child) > .button {
            border-left: 1px solid transparent;
        }
    }
 
Last edited:
Caporegime
Joined
9 Aug 2008
Posts
30,282
Location
127.0.0.1
If people are going to update them you are going to have to let me know if there's working changes so I can test and update the github code.

There will be updates etc but perhaps worth waiting until any final changes are done by the mods

It's worth waiting until the forum matures. There may be other changes that effect the themes so good call.

Does anyone want to be an editor on github?
 
Top