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

Status
Not open for further replies.
For Safari get User CSS Extension

Download and click extension to install, then restart Safari.

Go to http://forums.overclockers.co.uk/ and right click on the page, select Manage User CSS from the context menu.

use

Code: 
http://forums.overclockers.co.uk/*

as the domain

Copy Skyfall's code from the line beginning:

Code: 
body{background:#000!important;margin-top:0!important;margin-bottom:0!important;

then paste into the styles box. Give it a name, tick enable box and click save at the bottom and the jobs a goodun.

ocukdark.jpg


/edit

Forgot to add nice work Skyfall o7
 
Last edited:
I won't use Safari on windows. In fact, I'm so in love with Chrome it'll take a miracle for me to switch! It's just so damn nippy.

I wonder what the cause is. It happens every now and again, may be to do with memory usage or similar? Took a while to present.
 
Skyfall said:
It's not incompatible, I just don't know how to install it to Opera... Post a guide :)
Click to expand...
Open up a text editor, I use Notepad++.

Set up the style as you like it, width, new/old icons etc. Then click "Show code". Copy and paste the code into your text editor. To make the code Opera compatible, delete the following code from the beginning of the code block:

Code: 
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(forums.overclockers.co.uk) {[/quote] so that the first block of code is now:

[code]body{background:#000!important;margin-top:0!important;margin-bottom:0!important;
margin-left:0!important;margin-right:0!important;
padding:10px!important;}

Scroll down to the bottom of the code and delete the last brace at the end so that the last few lines of code go from:

Code: 
.tcat, .vbmenu_control {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAABLCAMAAACRKo14AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAwBQTFRFIiIiIyMjJCQkJSUlJiYmJycnKCgoKSkpKioqKysrLCwsLS0tLi4uLy8vMDAwMTExMjIyAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjX+EpwAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAABBSURBVDhP7dCnAcBAEMRAOefQf7WGuuWGP0hYvOJR9C1qX+JU9CF2RW+i9ioWRc+i9iRGRQ+idi86RdO0A/8c+ADogglUrgd34QAAAABJRU5ErkJggg==')!important}

}
to:
Code: 
.tcat, .vbmenu_control {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAABLCAMAAACRKo14AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAwBQTFRFIiIiIyMjJCQkJSUlJiYmJycnKCgoKSkpKioqKysrLCwsLS0tLi4uLy8vMDAwMTExMjIyAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjX+EpwAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAABBSURBVDhP7dCnAcBAEMRAOefQf7WGuuWGP0hYvOJR9C1qX+JU9CF2RW+i9ioWRc+i9iRGRQ+idi86RdO0A/8c+ADogglUrgd34QAAAABJRU5ErkJggg==')!important}

The code is now suitable for Opera. Save the file as a css file. I saved it as "OcUK dark.css and placed it in a folder I already had in My Documents called Opera CSS. Bet you can't guess what that's for! ;)

Next open Opera and go to the OcUK forums. Hit, or tap, the F12 button and select, "Edit site preferences", from the menu. Change to the "Display" tab. You'll see a line at the bottom of the window saying, "My style sheet", with a white text box below. Click the "Choose" button next to the text box and navigate to the css file you just made. Double click on that file and you'll end up back at the previous window. Check that the text box now reads the full location of the css file, mine is:

Code: 
C:\Users\Marc\Documents\Opera CSS\OcUK dark.css

Once that's done, do the usual OK buttons etc until you get rid of the menus and you're back on the forums. Hit, or tap, the F5 button/refresh the page and you should see the forums now in black with the options you chose regarding the width of the page and the old/new icons. :)

Hope this helps out the might OcUK Opera army! :cool:
 
Status
Not open for further replies.
Back
Top Bottom