Changes to rainbow themes

««

Last: thread:58
Forum site switched to open membership
Edited: 1256577293|%e %b %Y by: pieterh
Comments: 0
Tags:

»»

Welcome to the Wikidot projects forum »
Forum site switched to open membership »

Next: thread:2
Welcome to the Wikidot projects forum
Edited: 1256577293|%e %b %Y by: pieterh
Comments: 3
Tags:

pieterh wrote on 1250872063|%e %b, %H:%M (%O ago)

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.

Start a new sub-thread

Comments: 20

Modified Hover Span Function

Ss_Sins_Insight 1254784321|%e %b %Y, %H:%M %Z|agohover

I added this code to Midnight Onyx:

.hover{
    color: black;
    text-decoration: underline;
}

.hover:hover{
    background-color: transparent;
    color: black;
    text-decoration: none;
}

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.

Re: Modified Hover Span Function

pieterh 1254801462|%e %b %Y, %H:%M %Z|agohover

I've tried that here; you can check the 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.

---

The Wikidot Blog | My other works

Re: Modified Hover Span Function

leiger 1254804771|%e %b %Y, %H:%M %Z|agohover

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 :/

---

— Shane | Blog | CycloDS Revolution | Compatibility List | Want me to manage your next wiki? | XBL: leiger40

Automatic code replacement — Rate it up!

Re: Modified Hover Span Function

pieterh 1254813361|%e %b %Y, %H:%M %Z|agohover

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.

---

The Wikidot Blog | My other works

Re: Modified Hover Span Function

James Kanjo 1254819917|%e %b %Y, %H:%M %Z|agohover

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.

---

λ James Kanjo | blog | photos | contact

Re: Modified Hover Span Function

pieterh 1254864482|%e %b %Y, %H:%M %Z|agohover

Somebody called?

:-) Oh, Genie, please grant this mortal one small wish…

This is the code I added to our admin:themes here:

.hover{
    color: #0a9200;
}

.hover:hover span span {
    background-color: transparent;
    text-decoration: underline;
}

What am I doing wrong to not be able to get the underline to show on hover? (In the parent comment.)

---

The Wikidot Blog | My other works

Re: Modified Hover Span Function

James Kanjo 1254874495|%e %b %Y, %H:%M %Z|agohover

Thoust hath been eating too many spam! Cut down thees diet by half, and thy figure shall returnest…

---

λ James Kanjo | blog | photos | contact

last edited on 1254913292|%e %b %Y, %H:%M %Z|agohover by James Kanjo + show more

Re: Modified Hover Span Function

RobElliott 1254912651|%e %b %Y, %H:%M %Z|agohover

Pieter, does this do what you want?

.hover span {
    display:none;
    text-decoration:underline;
}

Rob

---

Re: Modified Hover Span Function

James Kanjo 1254913119|%e %b %Y, %H:%M %Z|agohover

No, I believe he means when he's hovering… .hover:hover span

---

λ James Kanjo | blog | photos | contact

Re: Modified Hover Span Function

RobElliott 1254913720|%e %b %Y, %H:%M %Z|agohover

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

---

last edited on 1254914013|%e %b %Y, %H:%M %Z|agohover by RobElliott + show more

Re: Modified Hover Span Function

James Kanjo 1254915201|%e %b %Y, %H:%M %Z|agohover

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:

.hover:hover {
    background-color: transparent;
    text-decoration: underline;
}

---

λ James Kanjo | blog | photos | contact

Re: Modified Hover Span Function

Ss_Sins_Insight 1254925902|%e %b %Y, %H:%M %Z|agohover

Pieterh, you should have just looked at my original post. I had the code right there, the variables were just different.

Re: Modified Hover Span Function

pieterh 1254927836|%e %b %Y, %H:%M %Z|agohover

.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.

---

The Wikidot Blog | My other works

Re: Modified Hover Span Function

James Kanjo 1254928551|%e %b %Y, %H:%M %Z|agohover

Oh sorry:

.hover:hover {
    background-color: transparent;
    text-decoration: underline;
}
 
.hover:hover span {
    text-decoration: none;
}

---

λ James Kanjo | blog | photos | contact

Re: Modified Hover Span Function

pieterh 1254930747|%e %b %Y, %H:%M %Z|agohover

:-) 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.

---

The Wikidot Blog | My other works

last edited on 1254931037|%e %b %Y, %H:%M %Z|agohover by pieterh + show more

Re: Modified Hover Span Function

RobElliott 1254938927|%e %b %Y, %H:%M %Z|agohover

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

---

Re: Modified Hover Span Function

James Kanjo 1254960300|%e %b %Y, %H:%M %Z|agohover

Okay, this is what I'm getting:

What am I doing wrong to not be able to get the underline to show on hover? (In the parent comment.)

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?

---

λ James Kanjo | blog | photos | contact

Re: Modified Hover Span Function

pieterh 1254996818|%e %b %Y, %H:%M %Z|agohover

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.

---

The Wikidot Blog | My other works

Re: Modified Hover Span Function

RobElliott 1255033117|%e %b %Y, %H:%M %Z|agohover

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

---

Ss_Sins_Insight 1254941002|%e %b %Y, %H:%M %Z|agohover

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.