Modifying OcUK

Soldato
Joined
18 Oct 2002
Posts
4,156
Location
West Lancashire
Just upgraded to FF3 RC2 and still the white on white problem remains.

Decided to hack the thing myself to get it usable. If you add the code below to the existing script you'll get dark grey text on a white background. Might be a less messy way to achieve the same result but for now it works ;)

Code:
#vB_Editor_001_textarea, .bginput, .button{ color:#222 !important;}

EDIT: Ahhh yes edit mode is still white on white... one minute
 
Last edited:
Soldato
Joined
18 Oct 2002
Posts
4,156
Location
West Lancashire
is that if you go into editor mode? if you do that you get a grey background with white text :)

Code:
#vB_Editor_001_textarea, #vB_Editor_QR_textarea, #vB_Editor_QE_2_textarea, #vB_Editor_QE_1_textarea, .bginput, .button{ color:#222 !important;}

That should fixed edits and quick reply :)
 
Last edited:
Soldato
Joined
18 Oct 2002
Posts
4,156
Location
West Lancashire
Quick reply test

Edit: Editing a quick reply needs fixing

Code:
#vB_Editor_001_textarea, #vB_Editor_QR_textarea, #vB_Editor_QE_1_textarea, #vB_Editor_QE_2_textarea, #vB_Editor_QE_3_textarea, #vB_Editor_QE_4_textarea, .bginput, .button{ color:#222 !important;}

That code should cover enough QE boxes but it would be possible to break it. Can anyone come up with some code that will apply to all #vB_Editor_QE_#_textarea boxes (where # is a number)?
 
Last edited:
Soldato
Joined
18 Oct 2002
Posts
4,156
Location
West Lancashire
Mine looks like this

Code:
@-moz-document domain(forums.overclockers.co.uk) {
	/*
	** OcUK colour scheme changer
	** By Rob Miller
	** Modified by Barney Lockwood
	** Icons by FamFamFam
	*/
	* { color:#fff !important;}
#vB_Editor_001_textarea, #vB_Editor_QR_textarea, #vB_Editor_QE_1_textarea, #vB_Editor_QE_2_textarea, #vB_Editor_QE_3_textarea, #vB_Editor_QE_4_textarea, .bginput, .button{ color:#222 !important;}
	textarea, input, body, .page, .thead, .tfoot, .alt2, .alt2Active, .panel { background:#222 !important; }
	.alt1, .alt1Active, .panelsurround, .vbmenu_option { background:#333 !important; }
	.vbmenu_control, .vbmenu_hilite, .tcat { background-color: #444 !important; }
	.vbmenu_popup { border: 1px solid #ccc !important; }
	.bigusername { font-weight: bold !important; }
	.ocolor, .ofont, .osize, .osmilie, .osyscoloar, .smilietitle { background: #000 !important; color: #FFF !important; }
	#fontOut, #sizeOut, .popup_feedback div { background: #000 !important; color: #FFF !important; }

<-----Rest of code for images goes here----->
 
Soldato
Joined
5 Sep 2005
Posts
11,742
Location
Northern Ireland
Mine looks like this

Code:
@-moz-document domain(forums.overclockers.co.uk) {
	/*
	** OcUK colour scheme changer
	** By Rob Miller
	** Modified by Barney Lockwood
	** Icons by FamFamFam
	*/
	* { color:#fff !important;}
#vB_Editor_001_textarea, #vB_Editor_QR_textarea, #vB_Editor_QE_1_textarea, #vB_Editor_QE_2_textarea, #vB_Editor_QE_3_textarea, #vB_Editor_QE_4_textarea, .bginput, .button{ color:#222 !important;}
	textarea, input, body, .page, .thead, .tfoot, .alt2, .alt2Active, .panel { background:#222 !important; }
	.alt1, .alt1Active, .panelsurround, .vbmenu_option { background:#333 !important; }
	.vbmenu_control, .vbmenu_hilite, .tcat { background-color: #444 !important; }
	.vbmenu_popup { border: 1px solid #ccc !important; }
	.bigusername { font-weight: bold !important; }
	.ocolor, .ofont, .osize, .osmilie, .osyscoloar, .smilietitle { background: #000 !important; color: #FFF !important; }
	#fontOut, #sizeOut, .popup_feedback div { background: #000 !important; color: #FFF !important; }

<-----Rest of code for images goes here----->

You're a champion! :D
 
Soldato
Joined
7 Mar 2005
Posts
19,352
Location
LU7
So is it possible on opera?
Yes. I've gotten the code to work on Opera.

What I do is to copy the code or download it and remove:
Code:
@-moz-document domain(forums.overclockers.co.uk) {
	/*
	** OcUK colour scheme changer
	** By Rob Miller
	** Modified by Barney Lockwood
	** Icons by FamFamFam
	*/
from the top. Then you need to delete a leftover '}' at the end of the code. Then save the file as a .css file so OcUK.css for example. Then open Opera and visit OcUK then right click on the page, choose "Edit site preferences". Go to Display tab and add the stylesheet at the bottom. :)
 
Last edited:
Soldato
Joined
18 Oct 2002
Posts
8,016
Been using this for the last couple of days - and it's absolutely great - so thanks to all those who have had an input!

My only "bugbear" with it currently is that the drop-down list boxes (such as the Forum Jump at the bottom right of the screen, and the options below the reply box) is mid-grey background with light-grey text... not the easiest to see!
 
Soldato
Joined
10 Dec 2006
Posts
6,538
Location
Tefal's Kitchen
Put this code under the first block of code and it'll make that text black rather than white, or you can replace the #000 with any other hex colour code.

Code:
	select { color: #000!important; }
 
Soldato
Joined
13 Jan 2005
Posts
3,355
Location
South West
Made a modified light grey and red colour scheme based on Rob Miller's example somewhere in the middle of this thread:

Here's the code:
Code:
@-moz-document domain(forums.overclockers.co.uk) {
    /*
    ** OcUK colour scheme changer 
    ** By Rob Miller
    ** Modified by Skyboat
    */
    * { color:#000000 !important; }
    textarea, input { background: #dddddd !important; }
    body, .page, .thead, .tfoot, .alt2, .alt2Active, .panel { background-color: #ffffff !important; }
    .alt1, .alt1Active, .panelsurround, .vbmenu_option { background-color: #ffffff !important; }
    .alt2 { background: #dfdfdf !important; }
    .vbmenu_control, .vbmenu_control *, .vbmenu_hilite, .vbmenu_hilite *, .tcat, .tcat * { background-color: #cc0000 !important; color:#ffffff !important; }
    .vbmenu_popup { border: 1px solid #cccccc !important; }

    table[class="tborder"][cellpadding="6"][cellspacing="0"][border="0"][width="100%"][align="center"][style*="border-top-width: 0px"]  { border: 1px solid #000000 !important; border-top-width: 0px !important; }

    img[src$="vBulletin_logo7.gif"] { background: url('data:image/gif;base64,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'); width: 0; height: 0; overflow: hidden; padding: 113px 0 0 286px; }
    img[src$="threadclosed.gif"]{ background: url('data:image/gif;base64,R0lGODlhYwATAMQAADMzM39/f7KysllZWf///9jY2D8/P5iYmMzMzHNzc/Ly8piYmExMTOXl5YyMjGVlZb+/v6WlpUBAQJmZmYCAgIyMjH9/fwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABYALAAAAABjABMAAAX/4CGOZGmeaKqubOu+cCzPKmDfeK7vfO//wCCOJCwaj8giMclsOoHLJ+9BIDykueoCC4hycVTr16blep0MAQIBSQDC1/QacgVQ1ggBwyZnu99rE2VYZ0wMCgQNCFUOcBKIDQVVCQmJAQgKEQCPBBARkwNVDQ2DUoVJC1UGAAkBA3AOVRIAkghhBRATe7FWD4sIqQQSEqVPp0jBfANvVQ/JAL9vEYsECgDBeGvPxU7HR2EQFIgCcOAVWglsA5UEDGEVD7kJ4BDcTd5HAaRVAgZwrPsUbDFArVoAG/qqdFr1iQACSVsIjRgDYMCeHqtyZNSx8UZHMxMpihw5JCTJk2PwD6FcaYSGy5cwY8qcSZNFCAA7') no-repeat; width: 0; height: 0; overflow: hidden; padding: 19px 0 0 99px; }
    img[src$="multiquote_on.gif"]{ background: url('data:image/gif;base64,R0lGODlhQwAQALMAAAAAAP////Hx8TMzMzQ0NDQ0NE5OTmlpaZKSkq2trba2tru7u9bW1uTk5ISEhMjIyCwAAAAAQwAQAAAEqjCpRKu9OOvN9VRTJ46kCFJDqq5s675w/FoyTNRwgbv07g+BQArhAD5+vApyFxw4AogB4rBk9WrPRxARbAwSwgGDARQGA89EdXWVcaHBBAOtTTWbjUDjEDiuU20xXFFNg3VliINGKwiNBj6BMIqFUId3QpN+dluQSjiTmFALAQtgZqELfJprkS+gUlAGZwKnA7JofX+Anrq9P62+wUknJcXGJCchx8vMFhMRADs%3D') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 67px; }
    img[src$="multiquote_off.gif"]{ background: url('data:image/gif;base64,R0lGODlhQwAQALMAAAAAAP////Hx8TMzMzQ0NDQ0NE5OTpKSkqCgoK2trba2tru7u9bW1uTk5ISEhMjIyCwAAAAAQwAQAAAEszCpRKu9OOvN9VRTJ46kCFJDqq5s675w/FoyTNRwgbv07g+Bx8CQGBwChx+votwFB4LA8GBgHYq+Xi3RaASQ3yKDkQoUg4kvwxFwsB7SLBMHZ6QDiC8w/gwezUdJKQdwaDtaMnBlQop6QEJ9UoEqd2qHczWKjwONfJCQkkhvcZcodJ6cUlEIDH2gB5MrCWRyppmoimxfrgMLAQKxTZSYwsXGiMbJPxQnJc7PJCch0NTVFhMRADs%3D') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 67px; }
    img[src$="collapse_tcat.gif"]{ background: url('data:image/gif;base64,R0lGODlhEAAQALMAAISEhOTk5JKSkmlpaaCgoMjIyFxcXLu7u9bW1ra2tv///62trTMzMwAAAAAAAAAAACwAAAAAEAAQAAAEQDCtSSuVSdqdJ/tg+FViyZBmiIJDIK4fohAqFQpKPoAroQiMgwIwsjEABQMI4DoZU0UPNLqYUq3OzsaS0WwrkggAOw%3D%3D') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}
    img[src$="collapse_tcat_collapsed.gif"]{ background: url('data:image/gif;base64,R0lGODlhEAAQALMAAISEhOTk5JKSkmlpaaCgoMjIyFxcXLu7u9bW1ra2tv///62trTMzMwAAAAAAAAAAACwAAAAAEAAQAAAEPnClRautKd8t52JgKILWaDLlKaYqWYEBEBqFjL4MoByMoBAh1kBBFKxwIIICMWLBBk1ky6minigajkXj0WIiADs%3D') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 16px;}
    img[src$="collapse_thead.gif"]{ background: url('data:image/gif;base64,R0lGODlhDAAMAOYAALa2trW1tTMzMywsLJaWlnBwcHBwcJeXl7CwsLW1tXV1dbGxsbS0tLa2tiwsLDIyMrOzszQ0NCoqKmdnZysrK01NTTIyMjIyMtjY2C4uLjU1NcjIyHd3d319fWtray8vL8TExERERG1tbTMzM3V1dVJSUvPz87KysrS0tG5ubjMzM5qamk9PT0NDQzAwMF9fX9ra2pKSkjQ0NDU1NSsrKyoqKisrKzExMSsrK3Z2dm1tbSQkJLS0tCwsLCwsLHZ2drS0tAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAADAAMAAAHdYAJCAxAhYYQDQsBBwU/jo8GBAA8Ojs9PhQ1Pj07OjxAOT0RFy0VMwI9OYU/Aw8ZKxglHzg/qzYuIjAmKCEStUAkOB4bMRMgJxoKqw4vKTI0LB0jyqAOEQ8WAjcqPRxAlDsDOD7kPp08i42PjpEAgoSGhYgLgQA7') no-repeat; width: 0; height: 0; overflow: hidden; padding: 12px 0 0 12px; }
    img[src$="collapse_thead_collapsed.gif"]{ background: url('data:image/gif;base64,R0lGODlhDAAMAOYAALa2trW1tTMzMywsLJaWlnBwcHBwcJeXl7CwsLW1tXV1dbGxsbS0tLa2tiwsLDIyMrOzszQ0NCoqKmdnZysrK01NTTIyMjIyMtjY2C4uLjU1NcjIyHd3d319fWtray8vL8TExERERG1tbTMzM3V1dVJSUvPz87KysrS0tG5ubjMzM5qamk9PT0NDQzAwMF9fX9ra2pKSkjQ0NDU1NSsrKyoqKisrKzExMSsrK3Z2dm1tbSQkJLS0tCwsLCwsLHZ2drS0tAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAADAAMAAAHdYALDRBAhYYMCAkABAY/jo8FBwE8Ojs+lz44Azs6PEAcPSo3AhYPEQ45hQojHSw0MikvDj+qGicgEzEbHjgkhT8SISgmMCIuNrRAPzgfJRgrGQ8DyTk9AjMVLRcRPamUOz0+NRQ+PZw8i42PjpEBgoSGhYgJgQA7') no-repeat; width: 0; height: 0; overflow: hidden; padding: 12px 0 0 12px; }
    img[src$="edit.gif"]{ background: url('data:image/gif;base64,R0lGODlhQwAQALMAADMzM5mZmbi4uFNTU/n5+WRkZODg4K2trYiIiDk5OfHx8ba2tnZ2dkFBQf///39/fyH5BAEAAA8ALAAAAABDABAAAASg8KxDq7046831XFMnjqQIUkCqrmzrvnD8WnL9DkOK2zbN/wCHIyfMFQwBIMunTCV2qmdwCNglFA5Bo5liKgVC4ZYRLk4HgbCBC/D+yI4CmDBFNMzFa3bLdfPSDgaCa3hUZgYOSWx+NgNCBQEGCACIAgiFOZV8TYw2DARCBlsNoAZYRFQFoYsVbK6vna+yMbGztksSISW7vCMnur3BwhUTEQA7') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 67px; }
    img[src$="buttons/quote.gif"]{ background: url('data:image/gif;base64,R0lGODlhQwAQAMQAADMzM5mZmbi4uFNTU/n5+WRkZODg4K2trYiIiDk5OfHx8ba2tnZ2dqurq////0FBQX9/fwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAQwAQAAAFx+CxHGRpnmiqrqw6LmMrz7QMk0Cu73zv/8DgzyQsGo9GInLJKxgCzJ7SmBgAHlbAwFp96LaJXELhEHgB1SxyKmQ43gTH9g0IOAzX+LtRf98BAn4OZ0klR3EID29zDn14iABxDGNlD24OBYEEa4ZGiwCLA3R2eJ8GDlCnUHZ3Bq6cOEZxAgihe294pwIFppWimAEGCLAHRw9xp3KADgQNf8vMBTm8fwx6BoRFbEefUd47257K3+Th5OdHJDc17O00NzHu8vMmIyEAOw%3D%3D') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 67px; }
    img[src$="trust.gif"]{ background: url('data:image/gif;base64,R0lGODlhQwAQAMQAADMzM4yMjMDAwFlZWf///+bm5kBAQK2trWZmZnNzc9nZ2bOzs5mZmUxMTMzMzICAgPPz86ampra2tn9/fwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAABDABAAAAXC4CEdZGmeaKqurDpKYyvPtAyTQK7vfO//wODPJAQaikakj6jcMSBN3jO6Y0YfBAICgBg0vIgGdwsYdHNYLTVnbWazCEIB4nAQGHECYPFeAN56a21KfAQBeQsJdnhwWQsCW4UBawCDSHlcWTmLeQYKbxAGmJSWRXkICZoAdgoCWQMRCqkEZnBHVKVCBhBZDKq+BHYEDbyOALtwgiWUDQgIogM6A9FnY2I5zWS4y5Td3mzc3+JRJDc15+g0NzHp7e4mIyEAOw%3D%3D') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 67px; }
    img[src$="reply.gif"]{ background: url('data:image/gif;base64,R0lGODlhYwATAMQAADMzM4yMjL+/v1lZWf///9jY2D8/P6WlpXNzc/Ly8szMzExMTOXl5ZiYmH9/f7KysmVlZZiYmJmZmYCAgEBAQIyMjKioqPPz89nZ2X9/fwAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABkALAAAAABjABMAAAX/YCOOZGmeaKqubOu+cCzPKmDfeK7vfO//wCCOJCwaj8giMclsOoHLp3DycEhvEAIB4oxefQKC4mvLbruj4EChQLAltsWDLeDaKmzFY3FIEBJjOGsKEwpwcnQIAIMQbwBmEHMPNnMVQl49ZgkFWg4LfgycBIoOBAwOCgkHClpaOZoJDhR+AgdaCGYEohGQpQQLC1oLl2lAZoqcChFaFADJj1oFAhLDrIE4ZhE2AVoQjWJmEwBhCpAADAQB3NdQxT/m1ssENtZlB6IJAPWv3TbyeWyOAXhgylypApysEBMRxAwGWwQemHkgQYu2QgIG+DLAigEcbP2gEagAYRouLQz6bkQ0dw6lEUw8zLASYwAAAnR/tAFYMPOPFQSthmEJCcABTgICDMjUokBpSHk6FzZo2K9mDqtXdQwQGgSrOaw3FkQS9tKdD5ZkiqDNIS/dEZg7lEIAmxaIXLphvXFVYrau378AaAgeTLiw4cOIWYQAADs%3D') no-repeat; width: 0; height: 0; overflow: hidden; padding: 19px 0 0 99px; }
    img[src$="quickreply.gif"]{ background: url('data:image/gif;base64,R0lGODlhQwAQAPcAADMzM5mZmbi4uFNTU/n5+WRkZODg4K2trYiIiDk5OfHx8ba2tnZ2dkFBQf///39/fwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAA8ALAAAAABDABAAAAjyAA8sOECwoMGDCBMqXMhQ4cAFAxtKnEhRIkSCADJq3Mixo8ePIEN+NCiypMcCBTw2QGlyZMGWMAE4cHByZkyOJGMOQICywEqfKwcACBAg404GQgvYRCk0Zs6WA2ZKVeoAJQEDMmkikOqA58wDMxHcfGpygQMDYKvOROlAQFYAChwsYGBAANWwNwGQLWnAQYCoartuxWpzLYABCe46OJB3r0gEBBQYIFC1r4G+bm3GFWBWAYOvM5vCdBxywOS4VbeePfuWAWoCXmlOxur05c0BDQwPEN2RZV6PpE0a/k08OPHjLQlerMi8OcWLEZ1Ln25wYEAAOw%3D%3D') no-repeat; width: 0; height: 0; overflow: hidden; padding: 16px 0 0 67px; }
    img[src$="newthread.gif"]{ background: url('data:image/gif;base64,R0lGODlhYwATAMQAADMzM4yMjL+/v1lZWf///9jY2D8/P6WlpXNzc/Ly8svLy5iYmOXl5UxMTH9/f7KyspiYmGVlZZmZmUBAQKioqICAgIyMjNnZ2X9/fwAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABgALAAAAABjABMAAAX/4CKOZGmeaKqubOu+cCzPKmDfeK7vfO//wCCOJCwaj8giMclsOoHLJ7LycAAiBEJEustCfFGuUEBQ2LBacc4LHvUGCkVEoDjYGo+4AAHIVwAIcRMABwoWOAcJBAlmaAF0BxNwChV1AHh6fFd0cRJnnWw9YTloWVkODYoCB1kIEGUAZARWWVs3CqYEV7lZAWgJCQ4TqokECANZAhCKAQ1ZDAyhPKM4aAgGXq9aERdlzgTO0QUIBAw6uGa7s9gEEGh2AAG1EbgFNgMWD4oQ2hMT0juo3UCzJVuWOHHsPChD4EABhlZyoDtTC4AXgja0IYwzQFyAh/yy2ACoQyDFNBezcliYI4FPqQYOsiQwcK6cJ4wp06hbKaCltgbk2qERIOuLKDc8cLYD4EBRlgc0AYgDwO7BjqDglLqraMNBtGQGGnwtMJEVgQIg24hoEpXJgAZJ2tqQi4Pu0bVq8upVu2Cv3782TAIezISG4cOIEytezJhFCAA7') no-repeat; width: 0; height: 0; overflow: hidden; padding: 19px 0 0 99px; }
}
 
Last edited:
Soldato
Joined
24 May 2006
Posts
3,824
Location
Surrey - UK
Great job, i'm going to work on it a little though...

t31os - original post said:

The code for this style needs a few tweaks to fix a few areas.

I actually popped on to see if anyone had created a style yet, and it looks all covered apart from a few bugs.

Some buttons for me are light grey with white text and so on.......

Installed the Final Version (Post#139 is it?) already, so i figured it would be fine.

Anywho, i've been creating some styles myself lately so i'm gonna post the code with some modifications for anyone interested once it's done....
:)

EDIT: Ok, i've re-read my initial post and i might have seemed a bit of a critic, so sorry if i seemed to be harshly criticising. Great work on the design, i like the icons, reply, topic, etc....

Right now down to business..........

I've taken the existing overclockers style as per the one posted in the thread and made some changes, some additions and some removals.

For ease of use, it's very easy to install when using Firefox and the Stylish extension, which i'm using for the re-writing and testing. This won't make a difference to the methods being used already.

UPDATE: Please see this post for screenshots, and lists of changes, fixes, etc...
 
Last edited:
Back
Top Bottom