Clean Wikipedia

Submitted by Tracio on 18-11-2009 - 13:47
in
A clean, minimalist style for Wikipedia.

It removes wiki's inherent functionality (editing, search field...) and uses a clean style to display the content. Screenshot:

http://i49.tinypic.com/ke66b4.png

It's a modified version of the "Grey Lady II" style so credits should go to the original author.

UPDATE: May 2010; modified to match the new Wikipedia layout.

UPDATE: June 2010; some fixes.

UPDATE: July 2010; yet another fix for the changes introduced by Wikipedia.

Syndicate content

text/css iconclean_wikipedia.css (201)
Tested with Opera version(s): 
10.0
10.10
10.50
10.60
No votes yet

Comments

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

For those who are wondering

Submitted by Zotlan on 18-11-2009 - 16:56.

For those who are wondering what the result looks like, here's a screenshot. Should be great for people with slow internet and/or a small screen.

Screenshot

Submitted by Tracio on 18-11-2009 - 18:59.

Yeah, I should have uploaded a screenshot, done. Thanks.

Change Font of main content

Submitted by dapxin on 08-01-2010 - 1:37.

I think it would be helpful if you leave a few comments in the css on what / where to edit should people want a different font.

I prefer Georgia / Palatino for my texts. just a thought...

Its broken

Submitted by Anonymous on 27-02-2010 - 10:02.

Its showing page not found. . .

Fixed.

Submitted by Tracio on 27-02-2010 - 11:17.

Thanks. It's fixed now.

Justification (aligning to both margins)

Submitted by movax on 10-03-2010 - 21:56.

Could you make main text to be 'align: justifed' ?

Change around line 465 in #bodyContent:

text-align: justify !important;

is sufficient to make it working. And it then looks really pretty! (I can't find any broken rendering, and it reads, print perfectly like a book).

Adding in #bodyContent p   (araound 479):

text-indent: 2em !important;

make thinks even prettier. 3 or 4em can also be good value.

Thanks for the feedback. :)I

Submitted by Tracio on 11-03-2010 - 19:12.

Thanks for the feedback. :)

I actually use "text-align: justify" on my own CSS style, but I didn't include it in the public version due to the risk of breaking some layouts: when I first started to search for sensible values for paragraphs, I found that some articles are tricky when it comes to changing the default layout. Then again I've been using it for quite some time and I haven't found any issues when using it so I will probably include it in the next version.    

 Regarding the indentation of paragraphs, I'm not found of the mixture of indented paragraphs and blank lines. Since Wikipedia already uses blank lines, adding indented paragraphs is, at least for my taste, redundant and not very pleasant. Also, If someone wants it, you already posted the instructions. ;)

Using this with Night Style

Submitted by Anonymous on 21-05-2010 - 21:13.

Hi,

Is it possible to use this together with [url=http://extendopera.org/css/content/night-style]Night Style[/url]? Because I couldn't get it to work properly, and I tried all sorts of things, even [url=http://my.opera.com/community/forums/topic.dml?id=499241]make a thread about it[/url] on My Opera, where Frenzie suggested remove some !importants. I've been fiddling with that for a while, but only broke the layout.

So maybe you could help? Thanks! :)

Start from scratch.

Submitted by Tracio on 22-05-2010 - 14:04.

Rather than overriding one style with the other, the best way to achieve what you want is to create a brand new css file for wikipedia that includes the properties you want (that is, combine the things you need from both styles). I'm not familiar with the Night Style but it looks like an all-purpose file so in order to create a new css file for wikipedia you would have to take the specific things you want to apply to wikipedia (dark background, white text or whatever you want) and port them to the new wikipedia file. 

That said, if it's just dark background and white text, that shouldn't be hard to achieve; but if you want more things (how would you like it?), it would probably require some work.

Thanks!

Submitted by Anonymous on 29-05-2010 - 20:02.

Thanks for your reply! What you suggest seems to be the best idea indeed. I won't ask you to create a dark background-version of Wikipedia for me, I can do that myself, it'll just take some time, but I'm quite familiar with CSS.

The only problem with this is, and I'm afraid it can't be solved, I want to be able to switch between the dark and light Wikpedia. I use the Night Style for exactly that: when it's dark, and I want to read a web page on my computer. With the Night Style, the screen won't be so bright (because everything is gray/black), so it's calmer for your eyes. So I bound the 'n' key in Opera to load night.css, so I can change when I want. At day, I want Wikipedia to be white.

If you know a way to make the 'n' key change the stylesheet for Wikipedia, or at least turn off your custom stylesheet, that would be cool. :) But I'm afraid that can't be done in Opera.

 In the keyboard preferences,

Submitted by Tracio on 29-05-2010 - 21:57.

 In the keyboard preferences, under the "Document Window" section, you can use the command: 

Select user CSS file, n | Deselect user CSS file, n 

where n is the number of the stylesheet placed under the \styles\user directory (where all the default ones are placed).

Good luck with the stylesheet. When you are finished, don't forget to upload it to extendopera.org  ;)