The RED!!!!  (Read 1704 times)

[MiA]Dave

  • 1337
  • *
  • Posts: 537
  • Country: us
The RED!!!!
« on: January 22, 2016, 04:10 »
I thought I should be able to UserCP (profile) the red out but I can't find it. The red color is killing my old feeble eyes.
How do I change it?

[MiA]Raj

  • 1337
  • *
  • Posts: 1283
  • Country: ee
    • rajliv
Re: The RED!!!!
« Reply #1 on: January 22, 2016, 18:25 »
If you're using Firefox, install Stylish and use CSS like this:

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

@-moz-document domain("miasma.org") {
  a {
    color: yellow !important;
  }
}

[MiA]Latte

  • 1337
  • *
  • Posts: 563
  • Country: ca
  • :3
    • xS0NARx
    • njordr3
    • Njordr3
Re: The RED!!!!
« Reply #2 on: January 23, 2016, 11:50 »
Raj, it might just be me but I wasn't able to get that to work  :-[

However, what I tried under Chrome:

 - Installed Stylish
 - Went to the homepage (http://www.miasma.org/)
 - Clicked the Stylish icon and chose "Write style for: miasma.org"
 - Pasted the following CSS (I knew this because Raj helped me with my own site :D)

Code: [Select]
a:link, a:visited
{
color: #FFFFFF;
text-decoration: none;
text-shadow: 1px 1px #000;
}

You can change the #FFFFFF to anything you like, it's a hex value.

It's not perfect, but if you use your browser's devtools you should be able to live-edit the CSS, then copy it into Stylish's code area.

The result for above is:


[MiA]Raj

  • 1337
  • *
  • Posts: 1283
  • Country: ee
    • rajliv
Re: The RED!!!!
« Reply #3 on: January 23, 2016, 13:00 »
Quote
- Installed Stylish
 - Went to the homepage (http://www.miasma.org/)
 - Clicked the Stylish icon and chose "Write style for: miasma.org"
 - Pasted the following CSS (I knew this because Raj helped me with my own site )

The procedure is same/similar in FF. After selecting "Write style for: miasma.org", you're provided CSS like this:
Code: [Select]
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("miasma.org") {

}

Then you write your rules in the @-moz-document block. @-moz-document is a Firefox (Mozilla) thing, which is why it failed if you used the exact same CSS in Chrome.
« Last Edit: January 23, 2016, 16:40 by [MiA]Raj »

[MiA]Latte

  • 1337
  • *
  • Posts: 563
  • Country: ca
  • :3
    • xS0NARx
    • njordr3
    • Njordr3
Re: The RED!!!!
« Reply #4 on: January 24, 2016, 07:02 »
That is a good point, I failed to realize that. At least now we've got FF and Chrome covered :P

[MiA]Raj

  • 1337
  • *
  • Posts: 1283
  • Country: ee
    • rajliv
Re: The RED!!!!
« Reply #5 on: September 03, 2016, 17:06 »
Beauty requires sacrifices.  ;D