New CSS set for wiki

[Hugo Cisneiros]

Hi,

I've create a wiki for the Brazilian Fedora Community, and I tried to do 
something similar with the fedoraproject.org official wiki. Indeed ithe 
result looks like the fp.o wiki, but I made (IMO) some improvements to the 
CSS set. They are located in:

common - http://projetofedora.org/wikidata/fedora/css/common.css
screen - http://projetofedora.org//wikidata/fedora/css/screen.css
print http://projetofedora.org//wikidata/fedora/css/print.css
projection - http://projetofedora.org//wikidata/fedora/css/projection.css

Our current wiki (to see some preview) is located in:

http://projetofedora.org/wiki/
or
http://projetofedora.org/cgi-bin/moin.cgi

Maybe if you like it, it can be used in fp.o too. Some main notes about the 
modifications:

- Paragraph (<p>) margins: they are too short in current theme. I added some 
space between them.

- Unordered list (<ul>): added some indentation to get visually nicer.

- Heading titles <h1,h2,h3,...>: Heading and sub-headings currently are always 
one-sized in font, and no indentation. This sometimes confuses the page's 
organization on Topics and Sub-Topics. I added font-size (parent headings 
means larger fonts) and indentation. The result IMO is nicer. Look at these 
examples (ignore the strange portuguese language):

* http://projetofedora.org/cgi-bin/moin.cgi/Documentacao
* http://projetofedora.org/cgi-bin/moin.cgi/ObtenhaAjuda/RegrasConduta

Note: I made a new <h1> style for the main heading (usually the page's title), 
you can ignore this if you don't like.

- I also did some more css classes to tip admonitions and table of contents. 
(optional)

- The TableOfContents macro was modified to reflect the new table of contents' 
css class, giving a default look to all pages without having to 
do "complicated" styling in wiki raw pages (as in /wiki/FAQ). (optional)

Hope you like it. Any feedback is really appreciated.

Cheers,

-- 
[]'s
Eitch

http://www.devin.com.br/eitch/
"Talk is cheap. Show me the code." - Linus Torvalds

[Dimitris Glezos]

O/H Hugo Cisneiros έγραψε:
>  - Paragraph (<p>) margins: they are too short in current theme.
> I added some 
>  space between them.
>  
>  - Unordered list (<ul>): added some indentation to get visually nicer.
>  
>  - Heading titles <h1,h2,h3,...>: Heading and sub-headings currently are always 
>  one-sized in font, and no indentation. This sometimes confuses the page's 
>  organization on Topics and Sub-Topics. I added font-size (parent headings 
>  means larger fonts) and indentation. The result IMO is nicer. Look at these 
>  examples (ignore the strange portuguese language): 
I believe all of these modifications are good and make the content of
the wiki more readable.

What's the best way to suggest such modifications? I might do some
similar work to improve the usability of the wiki since I have some
experience on this.

-Dim


-- 
Dimitris Glezos
Jabber ID: glezos(a)jabber.org, GPG: 0xA5A04C3B
http://dimitris.glezos.com/


"He who gives up functionality for ease of use
loses both and deserves neither." (Anonymous)
--

[Hugo Cisneiros]

On Thursday 22 June 2006 09:32, Dimitris Glezos wrote:
>  O/H Hugo Cisneiros έγραψε:
>  > - Paragraph (<p>) margins: they are too short in current theme. I added
>  > some space between them. 
[...]
>  I believe all of these modifications are good and make the content of
>  the wiki more readable.
>
>  What's the best way to suggest such modifications? I might do some
>  similar work to improve the usability of the wiki since I have some
>  experience on this. 
The best way would discuss these modifications here on the websites list. Then 
the websites team can read the suggestions and if everybody agrees, make the 
modifications on current theme.

I think you can grab the css files, modify and experiment, then post the 
results here on the list (I did that). Feedback is always important.

>  -Dim 
-- 
[]'s
Eitch

http://www.devin.com.br/eitch/
"Talk is cheap. Show me the code." - Linus Torvalds

[Diana Fong]

Hugo...

Nice improvements.  I really like the Paragraph and List modifications.

I'd like to make a few suggestions for the Table of Content changes. 
1) Make the height of the blue area (Title area) a bit bigger, like how 
it looks now in fp.o and make it gradient out to white on the left.
2) Add some padding/margin spacing to the bottom of the list so that the 
last item doesn't sit right on the bottom of the box.

Lastly...the Heading Titles...not so much a big fan of that...they're a 
bit big and clunky. 

I'd take the top three modifications.
Diana

>  - Paragraph (<p>) margins: they are too short in current theme.
> I added some 
>  space between them.
>
>  - Unordered list (<ul>): added some indentation to get visually nicer.
>
>  - Heading titles <h1,h2,h3,...>: Heading and sub-headings currently are always 
>  one-sized in font, and no indentation. This sometimes confuses the page's 
>  organization on Topics and Sub-Topics. I added font-size (parent headings 
>  means larger fonts) and indentation. The result IMO is nicer. Look at these 
>  examples (ignore the strange portuguese language):
>
>  * http://projetofedora.org/cgi-bin/moin.cgi/Documentacao
>  * http://projetofedora.org/cgi-bin/moin.cgi/ObtenhaAjuda/RegrasConduta
>
>  Note: I made a new <h1> style for the main heading (usually the page's title),
>
>  you can ignore this if you don't like.
>
>  - I also did some more css classes to tip admonitions and table of contents. 
>  (optional)
>
>  - The TableOfContents macro was modified to reflect the new table of contents' 
>  css class, giving a default look to all pages without having to 
>  do "complicated" styling in wiki raw pages (as in /wiki/FAQ). (optional)
>
>  Hope you like it. Any feedback is really appreciated.
>
>  Cheers,
>
>

[Diana Fong]

Hugo...

Nice improvements.  I really like the Paragraph and List modifications.

I'd like to make a few suggestions for the Table of Content changes. 
1) Make the height of the blue area (Title area) a bit bigger, like how 
it looks now in fp.o and make it gradient out to white on the left.
2) Add some padding/margin spacing to the bottom of the list so that the 
last item doesn't sit right on the bottom of the box.

Lastly...the Heading Titles...not so much a big fan of that...they're a 
bit big and clunky. 

I'd take the top three modifications.
Diana

>  - Paragraph (<p>) margins: they are too short in current theme.
> I added some 
>  space between them.
>
>  - Unordered list (<ul>): added some indentation to get visually nicer.
>
>  - Heading titles <h1,h2,h3,...>: Heading and sub-headings currently are always 
>  one-sized in font, and no indentation. This sometimes confuses the page's 
>  organization on Topics and Sub-Topics. I added font-size (parent headings 
>  means larger fonts) and indentation. The result IMO is nicer. Look at these 
>  examples (ignore the strange portuguese language):
>
>  * http://projetofedora.org/cgi-bin/moin.cgi/Documentacao
>  * http://projetofedora.org/cgi-bin/moin.cgi/ObtenhaAjuda/RegrasConduta
>
>  Note: I made a new <h1> style for the main heading (usually the page's title),
>
>  you can ignore this if you don't like.
>
>  - I also did some more css classes to tip admonitions and table of contents. 
>  (optional)
>
>  - The TableOfContents macro was modified to reflect the new table of contents' 
>  css class, giving a default look to all pages without having to 
>  do "complicated" styling in wiki raw pages (as in /wiki/FAQ). (optional)
>
>  Hope you like it. Any feedback is really appreciated.
>
>  Cheers,
>
>

[Hugo Cisneiros]

On Thursday 22 June 2006 12:02, Diana Fong wrote:
>  Hugo...
>
>  Nice improvements.  I really like the Paragraph and List modifications.
>
>  I'd like to make a few suggestions for the Table of Content changes.
>  1) Make the height of the blue area (Title area) a bit bigger, like how
>  it looks now in fp.o and make it gradient out to white on the left. 
I don't know exactly how to do this, but I will try :)

>  2) Add some padding/margin spacing to the bottom of the list so that
> the
>  last item doesn't sit right on the bottom of the box. 
Good.

>  Lastly...the Heading Titles...not so much a big fan of
> that...they're a
>  bit big and clunky. 
But do you agree that it's good to do different font-sizes for each h1, h2, 
h3, and so on? This is easily adjustable. And the left-margin (indentation) 
on sub-headings?

>  I'd take the top three modifications.
>  Diana 
-- 
[]'s
Eitch

http://www.devin.com.br/eitch/
"Talk is cheap. Show me the code." - Linus Torvalds

[Diana Fong]

Hugo Cisneiros wrote:
>  On Thursday 22 June 2006 12:02, Diana Fong wrote:
>    
> > Hugo...
> >
> > Nice improvements.  I really like the Paragraph and List modifications.
> >
> > I'd like to make a few suggestions for the Table of Content changes.
> > 1) Make the height of the blue area (Title area) a bit bigger, like how
> > it looks now in fp.o and make it gradient out to white on the left.
> >     
>
>  I don't know exactly how to do this, but I will try :)
>     
Thanks =)
> > Lastly...the Heading Titles...not so much a big fan of
> that...they're a
> > bit big and clunky.
> >     
>
>  But do you agree that it's good to do different font-sizes for each h1, h2, 
>  h3, and so on? This is easily adjustable. And the left-margin (indentation) 
>  on sub-headings? 
Yes, I do think that different font-sizes and indentations are
useful.  
I just wasn't sure what sizes they should be.  Logically to have 
different font sizes, the larger one should be much larger and I didn't 
like how the large one looked.  I did see a few pages where they use the 
blue as the section header and then a bold black as the sub-headings, 
which I think worked pretty well.  Another note...for the indented 
sub-headers, it's probably best to get rid of the underline or use 
something else (dotted lines maybe?)

These are just suggestions.
Thanks,
Diana

[Hugo Cisneiros]

On Friday 23 June 2006 11:28, Diana Fong wrote:
>  >> Lastly...the Heading Titles...not so much a big fan of
> that...they're a
>  >> bit big and clunky.
>  >
>  > But do you agree that it's good to do different font-sizes for each h1,
>  > h2, h3, and so on? This is easily adjustable. And the left-margin
>  > (indentation) on sub-headings?
>
>  Yes, I do think that different font-sizes and indentations are useful.
>  I just wasn't sure what sizes they should be.  Logically to have
>  different font sizes, the larger one should be much larger and I didn't
>  like how the large one looked.  I did see a few pages where they use the
>  blue as the section header and then a bold black as the sub-headings,
>  which I think worked pretty well.  Another note...for the indented
>  sub-headers, it's probably best to get rid of the underline or use
>  something else (dotted lines maybe?) 
Websites team, what are the chances to we get this implemented?

>  These are just suggestions.
>  Thanks,
>  Diana 
-- 
[]'s
Eitch

http://www.devin.com.br/eitch/
"Talk is cheap. Show me the code." - Linus Torvalds

[Hugo Cisneiros]

On Monday 26 June 2006 11:09, Hugo Cisneiros wrote:
>  Websites team, what are the chances to we get this implemented?
What happened? Is this idea ignored, forgotten or not useful? :-) (See 
the "New CSS set for wiki" thread).

-- 
[]'s
Eitch

http://www.devin.com.br/eitch/
"Talk is cheap. Show me the code." - Linus Torvalds