Wikipedia Simple Style [Version 0.0.5]

This topic has been move by JarC at 2009-7-7 12:44.

Wikipedia Simple Style [Version 0.0.5]

Another style ported and slightly modified Stylish theme from Userstyles.org. It has only a search field at the top of the page and is lacking the rest of the navigation. You can make the filter work on all Wikipedia localized pages but by default the filter will apply only for the English one (en.wikipedia.org).

Click on the images for a fullscreen preview



Download from Maxthon Add-ons

Changelog:
Quote:

V0.0.5

  • compatibility fixes for IE8 rendering mode


V0.0.4

  • removed several informal links for wiki-it, wiki-nl, wiki-pl


V0.0.3

  • small fix on en.wikipedia.org; donation info removed


V0.0.2

  • Tips removed
  • added language selector for the ten featured Wikipedias:  English, Deutsch, Français, Polski, 日本語, Italiano, Netherlands, Português, Español, Русский


V0.0.1

  • initial release




WikipediaSimple.m2f (2.61 KB)

[ Last edited by johnnylegend at 2009-3-21 02:40 ]

"Of course, Mozilla will continue to abide by our policy of only shipping software when it's ready", "meaning that we'll never publish a release that doesn't meet our strict criteria for quality, stability and performance."  - Mike Beltzner
Soon you'll be the forum's Styling expert

looks nice. can you please make a new version that adds/changes the next things :
1.put the search box in the top side, in between the "welcome..." and the languages
2.no changing of the background color. white/gray is fine too.
3.fix the style so that zooming using the IE7 and the old maxthon's method would work well.
Quote:
Original posted by UFO(106) at 29-4-2008 20:53

looks nice. can you please make a new version that adds/changes the next things :
1.put the search box in the top side, in between the "welcome..." and the languages


You mean where the box originally is located? The left side has too little space the way it is right now. I guess we could make the wrapper thinner so the search would fit but only the search alone looks a little funny.



Quote:

2.no changing of the background color. white/gray is fine too.


No need for an extra version. You can edit the wiki.css:
Copy to clipboard
Code:
body
{
font-family: Tahoma !important;
background: #FFFFFF url('') 0 0 no-repeat !important;
Copy to clipboard
Code:
#content
{
background: #F2F2F2 !important;
Quote:

3.fix the style so that zooming using the IE7 and the old maxthon's method would work well.


I don't have any problems with the zoom, what exactly is it that should be fixed? Because the CSS is rewriting most sizes with fixed numbers it is possible that changing the font size in IE won't have any effect but the rest should be normal.

"Of course, Mozilla will continue to abide by our policy of only shipping software when it's ready", "meaning that we'll never publish a release that doesn't meet our strict criteria for quality, stability and performance."  - Mike Beltzner

Reply 1# johnnylegend's post

Very nice jonnylegend, thanx
| M1.6.5.xx  |  M2.5.12.xxxx | M3.0.x.x  |  Win7x64   |  IE8.0.7600.16385     


AMD Athlon Quad 2.6Ghz  Nvidia MCP78V chipset  6GB DDR2  Nvidia 9100 graphics



Experience is simply the name we give our mistakes.--Oscar Wilde
                                               網隊火災
about #1, i meant that now we have too much unused space in the top area, so it could be nice to have the search box in between the "welcome to..." and the categories (i had a mistake and written languages) . this way , if you look at the top of the page from left to right, you would see "welcome to..." , searchbox,categories.

about #3 , try going to an article , and then try zooming. it forces you to have a scroll-bar , which is quite annoying if you want to read there (which you probably want to, since they have only articles) .there are other annoying things that happens there.
about the older method of zooming, it doesn't even work- it just moves the text aside.

maybe it could be possible to make a plugin instead of a text filter. something like the mygoogle plugin.
Did you check the original style? It is much much narrower. Because of the left navigation panel removed I don't think there is any space wasted.

Are you talking about the normal IE zoom? This gives me scrollbars on every page and not just Wikipedia, with our without the style. You can also make the font bigger by replacing these lines, take 13px for example. IE8 has a new zoom method so that could solve this issue.
Copy to clipboard
Code:
div#bodyContent
{
text-align: left !important;
font-size: 11px !important;
A plugin that would allow for the side navigation to be hidden among some other options sounds like a good idea. Neo?

[ Last edited by  johnnylegend at 2008-4-29 22:26 ]

"Of course, Mozilla will continue to abide by our policy of only shipping software when it's ready", "meaning that we'll never publish a release that doesn't meet our strict criteria for quality, stability and performance."  - Mike Beltzner
about the space, you can clearly see that there is nothing in the right side of the search box.maybe a picture will explain everything for you:


hmm, maybe because of the text align, the hebrew wiki doesn't look so good(text overlapps other text) , and the search box isn't even there from some reason.
Awesome work johnnylegend, just two questions:
1.Could you make it work on wikipedia sites other than the english one, for example http://sv.wikipedia.org/ ?

2. I miss the languages box on the side so that I can quickly change between different languages, would this be possible to add?
/Rizzly
Verrah sharp — thanks, JL!
Follow Me on Twitter  |  Be My Friend on Facebook  |  Watch Secret-HQ Lie Dormant
Quote:
Original posted by UFO(106) at 29-4-2008 22:30
about the space, you can clearly see that there is nothing in the right side of the search box.maybe a picture will explain everything for you:


hmm, maybe because of the text align, the hebrew wiki doesn't look so good(text overlapps other text) , and the search box isn't even there from some reason.



You can't put the logo/search in the center because the rest of the content is dynamic. The logo is assigned to the left of the screen and then moved a little from the edge. There is nothing these two could be "glued" onto.



Quote:
Original posted by Rizzly at 29-4-2008 22:42
Awesome work johnnylegend, just two questions:
1.Could you make it work on wikipedia sites other than the english one, for example http://sv.wikipedia.org/ ?


Yes, change the match_url value to (sv|en).wikipedia.org.



Quote:
2. I miss the languages box on the side so that I can quickly change between different languages, would this be possible to add?


I might try to add it in a future version.

[ Last edited by  johnnylegend at 2008-4-29 22:59 ]

"Of course, Mozilla will continue to abide by our policy of only shipping software when it's ready", "meaning that we'll never publish a release that doesn't meet our strict criteria for quality, stability and performance."  - Mike Beltzner
Quote:
Original posted by Rizzly at 29-4-2008 22:42
Awesome work johnnylegend, just two questions:
1.Could you make it work on wikipedia sites other than the english one, for example http://sv.wikipedia.org/ ?


just change the match_url field to :
(sv|en).wikipedia.org
or something like that.
Quote:
Original posted by UFO(106) at 2008-4-30 04:55
Quote:
Original posted by Rizzly at 29-4-2008 22:42
Awesome work johnnylegend, just two questions:
1.Could you make it work on wikipedia sites other than the english one, for example http://sv.wikipedia.org/ ?


just change the match_url field to :
(sv|en).wikipedia.org
or something like that.

That did work, although I got this small problem. As you can see there is some text that is up in the right corner.

Also, while experimenting a bit with this filter I found that the zoom function in maxthon isn't working very well on wikipedia in general (but that doesn't really belong here ).

Attachment

Maxthon Shot 04 29 08 - 23 45 52.jpg (62.87 KB)

2008-4-29 15:51

Odd text

Maxthon Shot 04 29 08 - 23 45 52.jpg

/Rizzly
Fixed, please download the filter again.

"Of course, Mozilla will continue to abide by our policy of only shipping software when it's ready", "meaning that we'll never publish a release that doesn't meet our strict criteria for quality, stability and performance."  - Mike Beltzner
Quote:
Original posted by johnnylegend at 2008-4-30 06:01
Fixed, please download the filter again.

Thanks a lot for fixing it so quickly :D
/Rizzly
Quote:
You can't put the logo/search in the center because the rest of the content is dynamic. The logo is assigned to the left of the screen and then moved a little from the edge. There is nothing these two could be "glued" onto.

-i see.

anyway, can you please make another rule for RTL languages (like hebrew)? the page looks weird on such languages . maybe that's because of the "align" code you mentioned? if i'm not mistaken, i think you can have the filter to have 2 rules , one for each type of language (RTL,LTR alignment) , no?
You could try to remove the following line (3x) out of the CSS or change it to "right":
Copy to clipboard
Code:
text-align: left !important;

"Of course, Mozilla will continue to abide by our policy of only shipping software when it's ready", "meaning that we'll never publish a release that doesn't meet our strict criteria for quality, stability and performance."  - Mike Beltzner
hmm... doesn't seem to work well here. did it work well for you?
Replace this with your CSS file or copy the filter and use this stylesheet for the Hebrew Wikipedia. I just couldn't remove the strange vertical scroll bar.

wiki.css.txt (5.44 KB)

"Of course, Mozilla will continue to abide by our policy of only shipping software when it's ready", "meaning that we'll never publish a release that doesn't meet our strict criteria for quality, stability and performance."  - Mike Beltzner
looks a little better(i can now see the serach box), but still some text is overlapping other text.
also, i think that changing the font size as was instructed didn't do anything .