johnnylegend

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)

WikipediaSimple.m2f (2.61 KB)
V0.0.5
Downloads: 459

2009-3-20 19:40

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

JarC

Soon you'll be the forum's Styling expert

UFO

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.

johnnylegend

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.

ntzphyr

Very nice jonnylegend, thanx

UFO

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.

johnnylegend

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 ]

UFO

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.

Rizzly

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?

Secret-HQ

Verrah sharp — thanks, JL!

johnnylegend

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 ]

UFO

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.

Rizzly

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

johnnylegend

Fixed, please download the filter again.

Rizzly

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

UFO

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?

johnnylegend

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;

UFO

hmm... doesn't seem to work well here. did it work well for you?

johnnylegend

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)

wiki.css.txt (5.44 KB)
Downloads: 480

2008-4-30 15:48

UFO

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 .