This is a template from Memory Alpha. I was wondering how they made the top portion of this template shaded (lighter red to darker), and what the coding would be required to get this effect.
My previous comment was based on the styles you just showed. It only works for Chrome, and is not suited for a wiki. Although it won't really hurt in this case as it won't make the template unreadable in browsers other than Chrome.
Flightmare wrote: My previous comment was based on the styles you just showed. It only works for Chrome, and is not suited for a wiki. Although it won't really hurt in this case as it won't make the template unreadable in browsers other than Chrome.
Alright, so I will need to add the code for the other browsers too, then.
I will try it in the Common.css again, but when I tried it before, it didn't work.
What code do I use in place of .infoboxhead to make it work for a sortable? table.sortable?
Sortable tables require the sortable class to be added to them:
{| class="wikitable sortable" ! 1 ! 2 |- | A | B |- | C | D |}
1 | 2 |
---|---|
A | B |
C | D |
You don't make it work for sortable tables, you simply include both classes, like in Cqm's example.
Cqm wrote: Sortable tables require the sortable class to be added to them:
{| class="wikitable sortable" ! 1 ! 2 |- | A | B |- | C | D |}
1 | 2 |
---|---|
A | B |
C | D |
I know, but what prefix do I use in the css code? table.wiki? or what
Like: wiki.table (?) {
background-color:#390200; background-image: linear-gradient(center top , #6c0400 0%, #390200 100%); background-image: -moz-linear-gradient(center top , #6c0400 0%, #390200 100%); background-image: -o-linear-gradient(center top , #6c0400 0%, #390200 100%); background-image: -webkit-linear-gradient(center top , #6c0400 0%, #390200 100%); background-image: -ms-linear-gradient(center top , #6c0400 0%, #390200 100%); background-image: -khtml-linear-gradient(center top , #6c0400 0%, #390200 100%);
}
Thanks, but it still wont work. :/
Simply give that table another class, say, gradient
, and use table.sortable.gradient th (the th
will affect all the header cells).
Fubuki風吹 wrote:
Simply give that table another class, say, gradient
, and use table.sortable.gradient th (the th
will affect all the header cells).
Well, I am obviously doing something wrong, because nothing is working for me. I will post the pictures of everything I have done in the Common.css page, and the Sandbox page, to test out the code. Please tell me what I am doing wrong, because I am getting really frustrated with this...
But wouldn't
gradient th { ... }
be enough?