Date: prev next · Thread: first prev next last
2013 Archives by date, by thread · List index

Ok, I made another draft, this time a little bit more elaborated. Any
comments is greatly appreciated!

 Here are some of the features to look out for:

* The current css is for a wide screen (1000px+) screen.
* It's built entierly in em units. Change size by manipulating font-size in
* Flow of divs is such that on large screens it will be three columns with
one main and a sidebar to the right. On tablets it will be one column with
tab-menu on top. For phones it will be a long list with navigation and
sidebar content on bottom, but with a nav-menu-button which contains a
anchor-link to the navigation on the bottom.
* Three levels of headers. For a normal site (non-wiki) I don't think its
wise to have more then three levels. I might add a fourth one if neccessary.
* Blog posts and comments follow a similar pattern with a gray inset/hook
with the content. I have not figured out how to design commenting and such.
* Paragraph headers and bullets follow the marketing pages color theme.
Since libreoffice website authors seems to love bullet-lists so much I made
one set of colored bullets (round) for shorter topics (6 color themes). I
also made paragraph headers, which are small short one-word headers which
enables building lists and hierachies without creating lists. All in all
there are now 3*6*2 = 44 (3 levels, 6 colors, 2 methods) different "list
bullet styles" which you can use.
* The font is Open Sans and Open Sans Condensed, accecced through Google
webfonts. This font was used on the branding/marketing first page of
LibreOffice site and I liked it.
* There is a brand formatting, so that in LibreOffice the Libre part is
green and the Office is black. Its implemented with a span wich you can
copy and paste. I dont't think it should be used that much, since it breaks
the reading flow. Could be fun sometimes though and perhaps something that
could be used at

The "responsive" aspects are note complete. However, since everything is
done with em it scales very well. I have not yet tested it with images
though, which is tricker. The site structure is ready for it.

The requirement of All browser All devices is hard to test since I can only
test down to Internet Explorer 7 and latest Chrome & Firefox. I have no
smartphone so somebody else will have to test it on phones. I have not used
any shadows or similar fancy newer features which requires hacks.

Here is the link:


2013/7/1 Jonathan Aquilina <>

This is my opinion Keeping with the new template it allows us to improve
and update the style and look.

On Mon, Jul 1, 2013 at 3:23 PM, Florian Effenberger <> wrote:


Charles-H. Schulz wrote on 2013-07-01 14:25:

 Florian has migrated the blog planet over to a new server. As a result
we now have a new, standard look. Would you be interested in providing
a visually appealing template?

thanks for forwarding, Charles - indeed a good idea to ask the design

So, I can easily switch back to the old template, but wanted to give
people a chance to have a look at the new one to see what the feelings
The new one has some more features, but none of them really crucial.

Let me know what you think :-)
(Please Cc me, I'm not subscribed to the design list)



To unsubscribe e-mail to: website+unsubscribe@global.**<>
Posting guidelines + more: http://wiki.****
Netiquette <>
List archive: http://listarchives.****website/<>
All messages sent to this list will be publicly archived and cannot be

Jonathan Aquilina

To unsubscribe e-mail to:
Posting guidelines + more:
List archive:
All messages sent to this list will be publicly archived and cannot be

To unsubscribe e-mail to:
Posting guidelines + more:
List archive:
All messages sent to this list will be publicly archived and cannot be deleted


Privacy Policy | Impressum (Legal Info) | Copyright information: Unless otherwise specified, all text and images on this website are licensed under the Creative Commons Attribution-Share Alike 3.0 License. This does not include the source code of LibreOffice, which is licensed under the Mozilla Public License (MPLv2). "LibreOffice" and "The Document Foundation" are registered trademarks of their corresponding registered owners or are in actual use as trademarks in one or more countries. Their respective logos and icons are also subject to international copyright laws. Use thereof is explained in our trademark policy.