Jump to content

OverClocked ReMix Re-Theming - Dark Skin 2010, OCR3, VGMix 2. Updated: 2012-02-27


Recommended Posts

My real question is, how do I go about loading this stylesheet in Opera. I read on the Opera Wiki that any userstyles.org stylesheet can be made to work with Opera if you, quote, "remove the Mozilla bits at the top and the bottom." Problem is, I don't know what the Mozilla bits are.

There's 2 seperate CSS styles for OCR. One for the site's main CSS file, and another for the vBulletin style specifically. Within both (I'm pretty sure both anyway) there's a FEW lines that have the mozilla thing thing so that they can edit specific URLS...


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

[B]@-moz-document url-prefix(http://www.ocremix.org/phpBB2/) [/B]
{
/* ======= Sidebar Removal for forums by Grey Ninja/OCR_Dave. ======= */
.left-column {
display:none !important;
}

div.middle-column {
margin: 10px 0px 0px 145px !important;
}

div.middle-column-extended {
margin: 10px 10px 0px 10px !important;
}

div.breadcrumb {
left: 10px !important;
/* top: -172px !important; */
color: #aaa !important;
}
}

You're looking for those.

Then the only other question I have is, can I change the ridiculous SAUCED logo in the upper left of the page to something a bit... i dunno... less obnoxious?

[COLOR="DarkGreen"]
/* BACKGROUND COLOR (also: Composer/Artist/etc Sidebar Text) */[/COLOR]
body {
[COLOR="DarkGreen"]/* background-image: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/ocrtopcaco3kt.png") #000 no-repeat !important; */[/COLOR]

[B] background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/OCR-Contrast-Logo-03.png") #000 no-repeat !important;[/B]
color: #aaa !important;
[COLOR="DarkGreen"] /* background-repeat: repeat-x !important; */[/COLOR]
}

TO's logo is still in there, just commented out. You can change it to whatever you want if you just change the bolded URL.

I think <textarea> has its own background-color attribute, but I dunno what you'd do about the black text.

Yea...I'm lookin' around in the CSS, but so far nothing has worked.

Link to post
Share on other sites
  • Replies 168
  • Created
  • Last Reply

Top Posters In This Topic

  • 4 months later...
lol, I've been out all day and starla told me about this. I knew as soon as I got home I'd see this thread popped up again.

Yea, I can't promise anything tonight, but definitely something this week.

The Black skin is brilliant, so of course it'd be bumped. I wish OCR looked like this normally.

Link to post
Share on other sites
  • 2 weeks later...

Yesssssss. I had to switch back to the original white template for a short while whilst the old Dark Skin was outdated. Didn't expect an update so soon, and now, back to the original Dark Skin, woo!

Hm, any chance of changing the font colour white to grey (or background colour), because when people post spoilers, they come out rather obviously lol, as happened with the recent Lost thread.

Otherwise, good stuff, glad to see the update.

Link to post
Share on other sites
Yesssssss. I had to switch back to the original white template for a short while whilst the old Dark Skin was outdated. Didn't expect an update so soon, and now, back to the original Dark Skin, woo!

Hm, any chance of changing the font colour white to grey (or background colour), because when people post spoilers, they come out rather obviously lol, as happened with the recent Lost thread.

Otherwise, good stuff, glad to see the update.

I'll see what I can do.

Edit:

http://userstyles.org/styles/1590

Done

Link to post
Share on other sites

PS: I told a lil somethin' from Larry's Twitter.

newLogoPreview.png

If anyone wants to use it, just search the code for the MAIN THEME (not the vBulletin fix) and replace....

http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/OCR-Contrast-Logo-03.png

with

http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/OCR-Contrast-Logo-04.png

Link to post
Share on other sites

Has anyone thought about contacting djp and converting this into an actual selectable forum skin? That seems preferable to banging your head on the wall hacking the CSS. And at the very least it wouldn't break every time the forums are upgraded. :P Or is there other fancy CSS stuff at work here that you can't do with the vB skin editor?

Link to post
Share on other sites
Okay, I've searched high and low for the image coding on my firefox, and I can't find it. I'm using Ubuntu 8.10, if there's anyway to change that header, please let me know...

Click on the Stylish icon in your taskbar, and go to Manage Styles. Look for OCR4 Dark Style (1280x1024 or 1024x768, whichever one you downloaded), select it, then click Edit. Right-click, select all text, then copy it into Notepad (or whatever Ubuntu's equivalent quick text program is) and use that program's Find Text feature to find the http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/OCR-Contrast-Logo-03.png. Change it to http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/OCR-Contrast-Logo-04.png. Then copy everything back into the Stylish window, hit Save, and the site should be instantly updated with the new header.

Link to post
Share on other sites
  • 1 month later...

Userstyles is down. Have a temp fix:


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

@-moz-document domain("ocremix.org") {
.tab-container { background: url("") #000 !important; }
.panel-white-tl, .panel-white-tr, .panel-white-br, .panel-white-bl { background-image: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/tpl_5_grey_corners.gif") !important }
.panel-white-inside { background: url("") #2c2c2c !important; }
}

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...