Changes to rainbow themes
pieterh wrote on 21 Aug 2009 16:27
I've made a set of changes to the Rainbow themes, inspired by Midnight Onyx:
- Links are now shown in primary color, not always blue. E.g. on this site, they now show in green.
- Main title is no longer lower-cased.
The changes should affect all sites that use these themes.
Comments: 20
page revision: 1, last edited: 26 Oct 2009 17:14
I added this code to Midnight Onyx:
Now the affected text looks like a hyperlink; it's so that people know to hover over it and thus read your important message if you use it as a type of footnote.
I've tried that here; you can check the /system:page manager. It kind of looks ugly on links when the rest of the site does not use underlines.
So I guess the trick is to at least make hover look like a link, Move on, citizen.whatever those look like.
Portfolio
I think the CSS change you made was for this (didn't check the history)
I suggest you look at the scrollbar — everything is underlined in green now. It looks… strange :/
~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, backup tool (in development)
Well, fixed it, but my brain is not resolving those hovers and spans. Summon Kanjo or Steven: the idea is to make the span/hover text underline on hover, and so simulate a link.
Portfolio
Somebody called?
My original hover-span involved making the hover text have a green double-underline — I thought that this was the universal understanding of “hover tip”. I did this by having a green underline, and a green bottom-border on the text.
:-) Oh, Genie, please grant this mortal one small wish…
This is the code I added to our admin:themes here:
What am I doing wrong to not be able to get the underline to show on hover? (In the parent comment.)
Portfolio
Thoust hath been eating too many spam! Cut down thees diet by half, and thy figure shall returnest…
Pieter, does this do what you want?
Rob
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
No, I believe he means when he's hovering… .hover:hover span
With the CSS I gave, hovering over the "whatever one looks like" text has the text inside the grey popup box underlined which I thought was what he wanted.
Rob
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
Huh? I must be going mad… I made a mistake, I forgot that .hover is essentially a span itself.
What I should have said was “Spam make you fat, cut it from thee diet completely”
Here's what he wants:
Pieterh, you should have just looked at my original post. I had the code right there, the variables were just different.
.hover:hover { causes all text inside the popup to be underlined.
I'm trying to get the text itself (the fake 'link') to be underlined when the mouse hovers over it.
Sigh. I have a flu and it makes my brain unable to properly parse CSS… very strange.
Portfolio
Oh sorry:
:-) My flu-addled brain wants to thank you.
I'm sure we're getting there but text in teh popup is still teh underlined. Try it yourself, admin:themes and then the page manager…
NP, this is just random experimentation and not solving any real problem.
Portfolio
My previous suggestion was slapped down by James as it was incorrect, but that was because I wasn't actually sure what you wanted. Could you specify in words of one syllable what you are trying to see and where. I am confused and that doesn't make for a sensible solution.
Rob
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
Okay, this is what I'm getting:
The hover text is underlined whilst your hovering (“whatever those look like”), but not the text inside the box (“Move on, citizen.”). I thought this was what you wanted?
Yes, but I'm getting the text inside the box underlined… strange.
Portfolio
Are you using IE 7/8? Something at the back of my mind makes me think that behaviour is IE-related. I'll do some digging.
Rob
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
he wants just the green text to be underlined when you hover over it, not the text that is in the bubble, so that it looks like a link.