MediaWiki talk:Wikia.css

Thumbnail Images
Hi there, I've been meaning to post this for a looooong time and finally, here it is. A while ago a script was made that updates the thumbnail images and instead of the standar thumbnail, you see a way better version of it. So eg if you are browsing Jabra's page, instead of the standar thumbnails you will see this. I find it very good and I think it will update the wiki's look. Of course, we can change the color of the borders and such. Do you think it's worth using it? 19:58, October 25, 2013 (UTC)

^Agreed with Staw--

It looks fantastic, we should use it.

12:28, October 26, 2013 (UTC)

If we decide to use it, and admin must add this code in the page

/* Border on the outside */ figure.thumb.thumbinner { border:2px solid #000; /* Rounded borders */ border-radius:6px; -moz-border-radius:6px; } /* Border on the inside */ figure.thumb a.image img { border:1px solid #000; } /* Caption */ figcaption.thumbcaption { /* Alignment to center */ text-align:center !important; } /* Decrease opacity of the details sprite */ a.internal.sprite.details.magnify { /* Translucent normally */ opacity:0.3 !important; } /* Fully visible on hovering */ a.internal.sprite.details.magnify:hover { opacity:1 !important; } Since we are already using the last part that removes the image attribution (its probably in MediaWiki:Common.css so it's unneeded. 12:35, October 26, 2013 (UTC)

That's not a script. Also I don't really like it, we should change colors and adapt it to our wiki, not just copy it as it is.

Do you have any suggestions? And yeah, it's not a script, it's a CSS, I didn't proof read what I wrote but it doesn't matter, everyone gets it. 06:11, October 27, 2013 (UTC)

I didn't mean to criticize, it was a "just for you to know". I didn't try yet to make one, but the black border is out of place here in my opinion. Something less strong or something that follows more our theme would be better. That set of CSS is meant to be customized anyway. Also left-aligned caption are fine imo.

I really like it, looks great. 17:33, October 27, 2013 (UTC)

Well, I don't care about where the caption is because it's usually long enough that you can't tell the difference. But the black border, I find it good enough but I'm (and everyone else I hope) open to suggestions. 17:51, October 27, 2013 (UTC)

Soooooo?--

I agree with Levi. 09:48, October 29, 2013 (UTC)

Right, let's do what Levi said. This is a nice thing to have. 01:55, November 3, 2013 (UTC)

Bump. 12:32, November 7, 2013 (UTC)

We need to decide how we're going to design it, so instead of posting one word "bumps", please suggest ideas on the design of it. 06:24, November 12, 2013 (UTC)

What colors do you guys want to use? 09:11, November 24, 2013 (UTC)

http://awesomescreenshot.com/0782051l0b <--- only color i could think of at this moment to match the wiki colorscheme,there's not much to change other than border color and style :/--

I agree with roa. 14:09, November 27, 2013 (UTC)

So,wat are we gonna do 'bout this?--

Would it/can we alter our infoboxes too? Because as it stands right now, our infoboxes have a small border that matches the style of the current thumbnail appearance. I think it would look weird if the two didn't match each other. If it's possible to change the thumbnails and infoboxes, then I'm all for the change, if they don't match then I'm against it. Oh, and the colorscheme Roa recently suggested looks much better. 16:04, November 30, 2013 (UTC)

No it will only affect thumbnails aka images with a caption. 07:03, December 1, 2013 (UTC)


 * Yeah JSD,it's only thumb nails(here's an example->:it affects only thumbnails,not infobox/gallery images).--

Then if using makes it so that the thumbnails won't match the rest of the styles, then I don't support the change. 19:32, December 1, 2013 (UTC)


 * Wat?..I dont understand what you said :/--

If changing the thumbnails means that the thumbnails will no longer match infoboxes and gallery images, then I don't want to change the thumbnails. To me, consistency in our styles is more important than a minor improvement in aesthetics. 15:08, December 2, 2013 (UTC)


 * We could've used any color/style like http://awesomescreenshot.com/0a821bhg2a (just an example)
 * http://awesomescreenshot.com/0782051l0b, I suggested this to 'match' with the wiki colorscheme:/--

Infobox borders are easy to alter - they're governed by. Change the six-digit hexadecimal value in the third line and you change the border colour. 16:06, December 2, 2013 (UTC)

Right, I also had an issue with changing if it wasn't consistent with the infobox, but since that can easily be changed as well, I support it fully. 05:05, December 3, 2013 (UTC)

No need at all to change the infoboxes. SeaTerror (talk) 11:39, December 3, 2013 (UTC)

so roa give us the your altered css. 12:17, December 4, 2013 (UTC)

Roa already changed the infoboxes without discussion so he has to be reverted now. SeaTerror (talk) 17:33, December 4, 2013 (UTC)


 * wtf;I didn't change anything -_-'...Here's the code:

/* Border on the outside */ figure.thumb.thumbinner { border:2px solid #855C33; /* Rounded borders */ border-radius:6px; -moz-border-radius:6px; } /* Border on the inside */ figure.thumb a.image img { border:1px solid #D1C2B2; } /* Caption */ figcaption.thumbcaption { /* Alignment to center */ text-align:center !important; } /* Decrease opacity of the details sprite */ a.internal.sprite.details.magnify { /* Translucent normally */ opacity:0.3 !important; } /* Fully visible on hovering */ a.internal.sprite.details.magnify:hover { opacity:1 !important; } --

What are you talking about ST? 12:51, December 5, 2013 (UTC)

Ehh, this is a big wiki change. We should poll it definitely.

05:24, December 15, 2013 (UTC)

Poll
{{Poll
 * closed=1
 * about=changing thumbnails/infoboxes
 * concept=
 * start=December 17, 2013 @ 07:00 UTC
 * end=December 31, 2013 @ 07:00 UTC
 * voting=

Yes

 * 06:56, December 17, 2013 (UTC)
 * 19:46, December 17, 2013 (UTC)
 * 20:13, December 17, 2013 (UTC)
 * 05:38, December 18, 2013 (UTC)
 * 15:44, December 20, 2013 (UTC)
 * 06:18, December 23, 2013 (UTC)
 * 17:09, December 24, 2013 (UTC)
 * 06:18, December 23, 2013 (UTC)
 * 17:09, December 24, 2013 (UTC)

Yes

 * 06:56, December 17, 2013 (UTC)
 * 19:46, December 17, 2013 (UTC)
 * 20:13, December 17, 2013 (UTC)
 * 15:44, December 20, 2013 (UTC)
 * 06:18, December 23, 2013 (UTC)
 * 17:09, December 24, 2013 (UTC)
 * 17:09, December 24, 2013 (UTC)

No

 * 1) SeaTerror (talk) 17:20, December 20, 2013 (UTC)

}}

Post Poll discussion
It's not been added yet :/--

The thumbails have been changed, but the infoboxes have not yet. Let's not half-ass our jobs here. 18:52, January 22, 2014 (UTC)

Somebody else can do it. Not going to touch that crap. SeaTerror (talk) 21:20, January 22, 2014 (UTC)

Since the infobox color wasn't decided i've changed it to brown.--

Seems done. 03:54, January 26, 2014 (UTC)

Yeah, and can we round the corners of the infoboxes, to be consistent with the thumbnail images? Also, we may consider a more intricate design for infoboxes, like those in Naruto or Bleach, where they actually have separate boxes for each line, making it easier to line up each subtitle to each info. 04:47, January 26, 2014 (UTC)

It's fine how it is now. SeaTerror (talk) 04:53, January 26, 2014 (UTC)

@Yata:infobox tweaks--

I just noticed something about the new thumbnails: They no longer have the little icon that lets you navigate directly to the image's page. Instead, you have to click through the increased size thingy that shows up after you click on the image. Note that this doesn't occur in monobook. Can we add it back in easily? 16:43, February 7, 2014 (UTC)

There is, look carefully (under the right corner of the image).

You just need to hover over it and you'll see it. Now it's transparentish. 07:52, February 8, 2014 (UTC)

Oh, my mistake. No problems then. 15:52, February 8, 2014 (UTC)

Late to the discuss... But it could it be possible if we could change the color of the images' thumbnail. In my opinion, the the brown color doesn't exactly suit the wiki. As in the table of contents, naviboxes, and a couple of other things have the same border. I say that we should use that same border color, and revert the infobox to the same color while we're at it too. Making the background a little bit lighter too. Something such as the border being 1px instead of 2px. In the end, it should be 1px solid #FFE199 and background being #FFFAEA. 22:15, February 15, 2014 (UTC)