MediaWiki talk:Monobook.css

Anyone know of a way to make the lyrics text automatically wrap in both browsers? Because we're using the pre tags, it won't wrap automatically. I added a word wrap tag in the css, but i guess it only works for internet explorer. Thoughts?

I think you need to add "white-space: normal" into the .lyrics-table selector, but it doesn't look like I can edit this article so I can't test it properly. This should also null the need for the overflow property. You can also make the width a percentage, which I recommend (because not everyone uses the same resolution; I use a widescreen monitor). It looks like you're at about 54% right now for a standard 1024 screen width and 68.75% for 800.

But: I think adding "white-space: normal" will cause formatting problems and ignore the all of the pros inherent in the <pre> tag. I think we may need to add line breaks.

You also might want to put something here because this link appears (as Project:Protected page) when I view this page's source. -badqueso 03:27, 3 Jan 2006 (EST)

Urgh...those didn't seem to help...crap. I'll keep dinking around with it...Also, you could test your stuff out in the sandbox page, if you want. --Duke33 12:42, 3 Jan 2006 (EST)

Test for Lyrics:Thunderbird

I created a new class called "lyrics-wrap" that i put in div tags. I wrapped the div tags around the long part that is scrolling outside of the box, and it seems to work. But, there are two problems:

1. 1 - The text isn't the same font and font-size. Not sure why.
2. 2 - After i close the div tag, the text seems to have a lot of spacing between lines.

Any ideas?

Testing...

I know, I know, I said that I would quit

All right, I promise, no more after this You don't know how I've tried To forget what it was like

I remember now I remember now Why they called it Thunderbird Why they called it Thunderbird

Man, oh man, my throat is dry Man, are you thinking what I Am? Well what about it then?

Before you fall, you have to learn to crawl You can't see heaven when you're standing tall To get the whole sky On the ground you have to lie

I remember now I remember now Why they called it Thunderbird Why they called it Thunderbird

We like fun, me and my girl We'll have fun fun fun until T-bird takes her dad away

I know, I know, I said that I'd desist All right, I promise, no more after this Not to be what I was like Not to soar across the sky Spread my thunder wings and fly Spread my thunder wings and fly

I remember now I remember now Why they called it Thunderbird Why they called it Thunderbird

There we go. Just use this:

.lyrics-table {
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}

That should keep everybody happy. It looks weird, but because of CSS's forward compatibility guidelines, user agents will just pick the last one they support. That last IE one is some non-standard proprietary crap, but I figured I'd throw it in anyway. Good luck. -- Tom 22:50, 4 Jan 2006 (EST)

I know, I know, I said that I would quit
All right, I promise, no more after this
You don't know how I've tried
To forget what it was like

I remember now
I remember now
Why they called it Thunderbird
Why they called it Thunderbird

Man, oh man, my throat is dry
Man, are you thinking what I
Am? Well what about it then?

Before you fall, you have to learn to crawl
You can't see heaven when you're standing tall
To get the whole sky
On the ground you have to lie

I remember now
I remember now
Why they called it Thunderbird
Why they called it Thunderbird

We like fun, me and my girl
We'll have fun fun fun until
T-bird takes her dad away

I know, I know, I said that I'd desist
All right, I promise, no more after this
Not to be what I was like
Not to soar across the sky
Spread my thunder wings and fly
Spread my thunder wings and fly

I remember now
I remember now
Why they called it Thunderbird
Why they called it Thunderbird

Just the style should be fine if you are applying it to a <pre> tag, that stuff up there was just to get a <div> to act like a <pre> in terms of whitespace and line breaks. I think going with the styled <pre> is the way to go. -- Tom 20:53, 5 Jan 2006 (EST)

Okay, so upon further review, I see that it's the line wrapping and not the line breaking we are looking for. Then the code is good, and forget about me telling you to remove it. -- Tom 21:26, 5 Jan 2006 (EST)

Non-Lyric Text

I noticed that in both Lyrics:Thunderbird and Lyrics:Don't Worry Kyoko there is additional text within the <pre> tag. I was thinking we should probably standardize this in some way. The first thing that came to my mind was a horizontal rule between the lyrics and the text. A couple of hyphens could divide text from there, as long as there is a major break after the lyrics. --badqueso 23:55, 11 Jan 2006 (EST)

Tmbg.com links

Uh oh, looks like you messed something up with the revert. All the tmbg.com links look weird now. Like there should be a picture accompanying them but there is none.

Yeah, it was something i was playing around with, but it didn't work, so i reverted it. If anyone can create a decent 16x16 tmbg.com logo, please feel free. But, for your problem, dump your browser's cache, and reload...it should be fine. --Duke33 14:04, 9 Feb 2006 (CST)

I was wondering why you made the link-image before the site name. It looks really weird to me because all of the rest of the external links have it after the site. --badqueso 00:01, 15 Mar 2006 (CST)

The icons weren't meant to be replacements for the arrows. I think it would look pretty akward after the link, and I don't think it looks akward at all right now. -CapitalQ ♫ talk ♪ 09:06, 15 Mar 2006 (CST)

Huh, I always thought that they were a replacement because the arrow isn't there for those with custom icons. I guess that's the reason I saw it as awkward. --badqueso 16:42, 15 Mar 2006 (CST)

The arrow's not there because we wouldn't want icons on both sides of the link. :) -CapitalQ ♫ talk ♪ 17:05, 15 Mar 2006 (CST)

edittagline Problem

As noted here, there is a problem with the main page in Monobook. It says "edittagline" when it really should say "edit". The class for the word "tagline" is "hide", which probably means it should be hidden. However, there is no style associated with "hide" in this file, even though the class is mentioned. Adding visibility:hidden doesn't work; it just leaves a blank spot. Using position:absolute; left:-9999px works, but is a bit hacky. I would change it, but I don't have privileges. —Oldpinebox^Talk 22:01, 12 May 2013 (EDT)

i don't understand what you're talking about...what's the problem here? -Apollo (colloquia!) 22:09, 12 May 2013 (EDT)

Seems like the logic that uses Main Page/Monobook as Monobook's Main Page isn't working. Perhaps something to do with a recent change in DynamicFunctions. Looking into it. -CapitalQ ♫ talk ♪ 22:13, 12 May 2013 (EDT)

i can't find this "edittagline" thing at all!!! am i missing something use opera, losers wait no it's showing up for me ok! i assume this is related to lincolnbook; i just wasn't logged in in ffox. \m/ -Apollo (colloquia!) 22:14, 12 May 2013 (EDT)

This isn't browser-specific; it's related to the site cache. Just resolved the problem locally by going to http://tmbw.net/wiki/Main_Page?action=purge. See if this works for you, Oldpinebox (if it's not already fixed). -CapitalQ ♫ talk ♪ 22:18, 12 May 2013 (EDT)

That did work, and when I clicked that link it says "Edit tagline" (capital E), and the weird .hide references were gone. Also, the banner that says "Welcome to This Might Be A Wiki" reappeared for me, which I now realize had disappeared earlier.

But when I refresh the page after 20 minutes or so, the problem comes back. This is what it looks like for those of you who can't see it. (Windows 8, Firefox 20.0.1) —Oldpinebox^Talk 23:15, 12 May 2013 (EDT)

Just noting similar behavior to Oldpinebox when I use that purge link, except I've never "lost" the "Welcome" text. -- CJSF (talk) 06:19, 13 May 2013 (EDT)

The problem is definitely with the skin detection. In Vector, it shows rounded edges sometimes, even though it shouldn't. When I purge the page, the round edges go away. I think this is the same internal problem that was messing up the rand function. —Oldpinebox^Talk 13:54, 27 May 2013 (EDT)

The real test is to edit a page while this glitch is occurring, type {{#skin:}} and "Show Preview" your edit. If the INCORRECT skin shows up in the preview's text, then it's a problem with the function. If the correct skin shows up while you're previewing, then it's a cache issue - affecting logged in users with a cache taken in Azure. I think! -CapitalQ ♫ talk ♪ 07:57, 28 May 2013 (EDT)

I just tried this, and it shows the correct skin (monobook in my case). So what do we do? -- CJSF (talk) 08:12, 28 May 2013 (EDT)

Not only does {{#skin:}} work, using {{#ifeq:{{#skin:}}| works as it should, also. Maybe a null edit to the main page would help? -Oldpinebox^Talk 08:49, 28 May 2013 (EDT)

I made a few changes to the parser functions code to see if it helps or not. The problem is, I don't want to turn caching off for the whole wiki, because of this. So, let me know if it seems any better now. --Duke33 17:18, 28 May 2013 (EDT)

That didn't fix it, but I have realized that it only does this after I use ?useskin=azure. That probably means it's a cache issue. -Oldpinebox^Talk 23:27, 28 May 2013 (EDT)

This cache problem seems to be bigger than we thought. When I edited the guitar tab for Why Did You Grow A Beard, the edit I made didn't show up on the actual page^[1] until I purged the page. -Oldpinebox^Talk 18:03, 8 June 2013 (EDT)

i've had that problem but it usually fixes itself within about 15 minutes. tabs are kinda wonky in general... -Apollo (colloquia!) 18:36, 8 June 2013 (EDT)