[Xfce4-commits] [www/www.xfce.org] 01/29: - CSS updates - Use flex for the main layout and other data presented in columns - Remove unneeded HTML markup and replace with some CSS rules - Prefer relative sizes to pixel values - Small visual fixes - Better source file formatting for improved readability - More semantics; no tables when the data isn't tabular - Update links to point to HTTPS-versions of sites where appropriate - Update the date display for blog articles - Remove links that refer to the current page from the sidebar

noreply at xfce.org noreply at xfce.org
Sun May 21 22:00:43 CEST 2017


This is an automated email from the git hooks/post-receive script.

k   n   o   m   e       p   u   s   h   e   d       a       c   o   m   m   i   t       t   o       b   r   a   n   c   h       m   a   s   t   e   r   
   in repository www/www.xfce.org.

commit f9f981e2ff8fba06cac4913b1353b92d543de374
Author: Pasi Lallinaho <pasi at shimmerproject.org>
Date:   Thu Mar 23 15:21:51 2017 +0200

    - CSS updates
      - Use flex for the main layout and other data presented in columns
      - Remove unneeded HTML markup and replace with some CSS rules
      - Prefer relative sizes to pixel values
      - Small visual fixes
      - Better source file formatting for improved readability
      - More semantics; no tables when the data isn't tabular
    - Update links to point to HTTPS-versions of sites where appropriate
    - Update the date display for blog articles
    - Remove links that refer to the current page from the sidebar
---
 lib/core.php              |   8 +-
 lib/po/nb.po              |  12 +-
 lib/po/pl.po              |  15 +--
 lib/po/ru.po              |  58 ++++----
 lib/po/zh_TW.po           |  11 +-
 pages/about/nav.php       |   5 -
 pages/about/news.php      |  12 +-
 pages/community/index.php |   4 +-
 pages/community/nav.php   |   4 +-
 pages/download/nav.php    |   9 +-
 pages/feed.php            |   8 +-
 pages/footer.php          |   1 -
 pages/frontpage.php       | 121 ++++++++---------
 pages/getinvolved/nav.php |   5 +-
 pages/header.php          |  21 ++-
 pages/projects/index.php  | 114 +++++++---------
 pages/projects/nav.php    |   4 +-
 style/base.css            | 335 ++++++++++++++++++++++++----------------------
 style/frontpage.css       |  35 ++---
 style/mobile.css          | 143 ++++++++++----------
 style/news.css            |  64 +++++++--
 21 files changed, 499 insertions(+), 490 deletions(-)

diff --git a/lib/core.php b/lib/core.php
index 864991f..d9d569a 100644
--- a/lib/core.php
+++ b/lib/core.php
@@ -43,14 +43,16 @@ function print_figure ($src, $title, $url = null)
 {
 	global $static_media;
 
-	echo '<table class="figure"><tbody>'.
-		'<tr><th>'.$title.'</th></tr><tr><td>';
+	echo '<div class="figure">';
+	echo '<p class="image">';
 	if ($url != null)
 		echo '<a href="'.$url.'">';
 	echo '<img src="'.$static_media.'/'.$src.'" border="0" alt="'.basename ($src, '.png').'" />';
 	if ($url != null)
 		echo '</a>';
-	echo '</td></tr></tbody></table>';
+	echo '</p>';
+	echo '<p>'.$title.'</p>';
+	echo '</div>';
 }
 
 /* lookup the coresponding page for an uri */
diff --git a/lib/po/nb.po b/lib/po/nb.po
index 4d8c17c..25a03e1 100644
--- a/lib/po/nb.po
+++ b/lib/po/nb.po
@@ -4,16 +4,16 @@
 # 
 # Translators:
 # Allan Nordhøy <epost at anotheragency.no>, 2014
-# Allan Nordhøy <epost at anotheragency.no>, 2015,2017
-# Harald H. <haarektrans at gmail.com>, 2014-2015
+# Allan Nordhøy <epost at anotheragency.no>, 2015
+# Harald <haarektrans at gmail.com>, 2014-2015
 msgid ""
 msgstr ""
 "Project-Id-Version: Xfce Websites\n"
 "Report-Msgid-Bugs-To: https://bugzilla.xfce.org\n"
 "POT-Creation-Date: 2015-03-28 09:10+0100\n"
-"PO-Revision-Date: 2017-03-18 20:05+0000\n"
+"PO-Revision-Date: 2015-07-29 01:19+0000\n"
 "Last-Translator: Allan Nordhøy <epost at anotheragency.no>\n"
-"Language-Team: Norwegian Bokmål (http://www.transifex.com/xfce/xfce-www/language/nb/)\n"
+"Language-Team: Norwegian Bokmål (http://www.transifex.com/projects/p/xfce-www/language/nb/)\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
@@ -3786,7 +3786,7 @@ msgstr ""
 
 #: community/nav.php:5
 msgid "talk about Xfce in the community forums"
-msgstr "snakk om Xfce i gemenskapsforumet"
+msgstr ""
 
 #: community/nav.php:9
 msgid "Blog"
@@ -3802,4 +3802,4 @@ msgstr "Wiki"
 
 #: community/nav.php:15
 msgid "community wiki and development resources"
-msgstr "gemenskapswiki og utviklingsressurser"
+msgstr ""
diff --git a/lib/po/pl.po b/lib/po/pl.po
index 744f9d4..dd5312a 100644
--- a/lib/po/pl.po
+++ b/lib/po/pl.po
@@ -4,11 +4,10 @@
 # 
 # Translators:
 # ised, 2015
-# m4sk1n <m4sk1n at o2.pl>, 2017
-# m4sk1n <m4sk1n at o2.pl>, 2016
+# Marcin <m4sk1n at o2.pl>, 2016
 # Marcin Nawrocki <shinoksik at gmail.com>, 2016
 # Marcin Romańczuk <abjsyn at gmail.com>, 2015
-# m4sk1n <m4sk1n at o2.pl>, 2016
+# Marcin <m4sk1n at o2.pl>, 2016
 # Piotr Sokół <psokol.l10n at gmail.com>, 2012-2013
 # Piotr Strębski <strebski at o2.pl>, 2013,2015-2016
 # Robik, 2016
@@ -17,14 +16,14 @@ msgstr ""
 "Project-Id-Version: Xfce Websites\n"
 "Report-Msgid-Bugs-To: https://bugzilla.xfce.org\n"
 "POT-Creation-Date: 2015-03-28 09:10+0100\n"
-"PO-Revision-Date: 2017-03-02 18:25+0000\n"
-"Last-Translator: m4sk1n <m4sk1n at o2.pl>\n"
+"PO-Revision-Date: 2016-12-03 13:43+0000\n"
+"Last-Translator: Marcin <m4sk1n at o2.pl>\n"
 "Language-Team: Polish (http://www.transifex.com/xfce/xfce-www/language/pl/)\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Language: pl\n"
-"Plural-Forms: nplurals=4; plural=(n==1 ? 0 : (n%10>=2 && n%10<=4) && (n%100<12 || n%100>=14) ? 1 : n!=1 && (n%10>=0 && n%10<=1) || (n%10>=5 && n%10<=9) || (n%100>=12 && n%100<=14) ? 2 : 3);\n"
+"Plural-Forms: nplurals=3; plural=(n==1 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>=20) ? 1 : 2);\n"
 
 #: footer.php:15
 #, php-format
@@ -2931,7 +2930,7 @@ msgid ""
 "logind/upower support was added to handle battery/lid/brightness events, and"
 " locking via light-locker was implemented. The settings dialog was also "
 "revamped, and support for X11 screenblanking was added."
-msgstr "Zarządzanie energią nie zostało zapomniane: Powstała nowa wtyczka panelu, zostało dodane wsparcie logind/upower dla zarządzania zdarzeniami baterii, pokrywy i jasności, została zaimplementowana blokada ekranu przez light-locker. Usprawniono okno ustawień i dodano wsparcie wygaszania ekranu przez X11."
+msgstr ""
 
 #: news-array.php:37
 msgid ""
@@ -2957,7 +2956,7 @@ msgid ""
 "xfce4-mixer and xfce4-volumed relying on this interface with gstreamer0.10, "
 "our mixer application and volume daemon cannot be ported to 1.0 and are "
 "consequently not maintained anymore."
-msgstr "Ze względu na porzucenie interfejsu miksera przez gstreamer1.0, a xfce4-mixer i xfce4-volumed korzystają z tego interfejsu przez gstreamer0.10, nasz mikser i daemon głośności nie może zostać przeportowany do 1.0 i w konsekwencji nie będzie dłużej aktualizowany."
+msgstr ""
 
 #: news-array.php:44
 msgid ""
diff --git a/lib/po/ru.po b/lib/po/ru.po
index 8faca49..7e90f01 100644
--- a/lib/po/ru.po
+++ b/lib/po/ru.po
@@ -11,9 +11,9 @@
 # vilyus <bvilyus at gmail.com>, 2013
 # Dmitry <dmitry at shishkin.us>, 2016
 # Evgeniy Kosulnikov, 2014
-# Александр, 2014-2015
+# alfill <ifillrok at gmail.com>, 2014-2015
 # Igor <f2404 at yandex.ru>, 2016
-# Sergey Alyoshin <alyoshin.s at gmail.com>, 2012-2017
+# Sergey Alyoshin <alyoshin.s at gmail.com>, 2012-2016
 # Sergey Shlyapugin <shlyapugin at gmail.com>, 2013
 # Sergey Shlyapugin <shlyapugin at gmail.com>, 2013
 # Simple88, 2016
@@ -26,8 +26,8 @@ msgstr ""
 "Project-Id-Version: Xfce Websites\n"
 "Report-Msgid-Bugs-To: https://bugzilla.xfce.org\n"
 "POT-Creation-Date: 2015-03-28 09:10+0100\n"
-"PO-Revision-Date: 2017-03-08 06:46+0000\n"
-"Last-Translator: Sergey Alyoshin <alyoshin.s at gmail.com>\n"
+"PO-Revision-Date: 2016-11-29 13:44+0000\n"
+"Last-Translator: Igor <f2404 at yandex.ru>\n"
 "Language-Team: Russian (http://www.transifex.com/xfce/xfce-www/language/ru/)\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -98,13 +98,13 @@ msgstr "Программа устанавливает фоновое изобр
 #: projects/index.php:42 about/tour46.php:43 about/index.php:38
 #: about/tour410.php:51
 msgid "Session Manager"
-msgstr "Менеджер сеансов"
+msgstr "Менеджер сессий"
 
 #: projects/index.php:44
 msgid ""
 "The session manager controls all aspects of the startup and the shutdown of "
 "the user session."
-msgstr "Менеджер сеансов управляет всеми аспектами запуска и завершения пользовательской сессии."
+msgstr "Менеджер сессий управляет всеми аспектами запуска и завершения пользовательской сессии."
 
 #: projects/index.php:52 about/tour410.php:67
 msgid "Settings Manager"
@@ -163,13 +163,13 @@ msgstr "Легковесный веб-браузер Midori."
 
 #: projects/index.php:105 about/tour44.php:150
 msgid "Terminal"
-msgstr "Терминал"
+msgstr "Terminal"
 
 #: projects/index.php:107
 msgid ""
 "Terminal is a modern terminal emulator featuring tabs and transparent "
 "backgrounds."
-msgstr "Терминал — современный эмулятор терминала с поддержкой вкладок и прозрачного фона."
+msgstr "Terminal — современный эмулятор терминала с поддержкой вкладок и прозрачного фона."
 
 #: projects/index.php:116
 msgid "Xfburn"
@@ -222,7 +222,7 @@ msgstr "Дополнения"
 
 #: projects/nav.php:10 download/nav.php:33
 msgid "wiki with information on additional software for Xfce"
-msgstr "Вики с информацией о дополнительном программном обеспечении для Xfce"
+msgstr "вики с информацией о дополнительном программном обеспечении для Xfce"
 
 #: feed.php:29
 msgid "Xfce News"
@@ -246,7 +246,7 @@ msgid ""
 "The long awaited 4.6.0 version of the Xfce Desktop Environment is finally "
 "available. We will try to highlight some of the new features which have been"
 " added since the last stable release."
-msgstr "Наконец доступна долгожданная версия 4.6.0 окружения Xfce. Выделим некоторые из новых особенностей, добавленных после предыдущего стабильного выпуска."
+msgstr "Наконец доступна долгожданная версия 4.6.0 окружения Xfce. Сделаем попытку выделить некоторые из новых особенностей, добавленных после предыдущего стабильного выпуска."
 
 #: about/tour46.php:12
 msgid ""
@@ -318,7 +318,7 @@ msgid ""
 " will now automatically restart session applications which crashed so that "
 "you are not left without a desktop, panel, window manager, etcetera, if a "
 "crash occurs. "
-msgstr "<b>Xfce 4.6</b> получила улучшенный менеджер сеансов: ваш сеанс должен запускаться быстрее, а диалог с настройками переработан с целью упрощения управления приложениями, запускаемыми вместе с сеансом. Также, менеджер сеансов автоматически перезапустит приложения в случае их непредвиденного закрытия, так что в случае ошибки вы не останетесь без рабочего стола, панели, оконного менеджера и т.п."
+msgstr "<b>Xfce 4.6</b> получила улучшенный менеджер сеансов: ваш сеанс должен запускаться быстрее, а диалог с настройками переработан с целью упрощения управления приложениями, запускаемыми вместе с сеансом. Также, менеджер сеансов автоматически перезапустит приложения в случае их непредвиденного закрытия, так что в случае ошибки вы не останетесь без рабочего стола, панели, оконного менеджера и так далее."
 
 #: about/tour46.php:49
 msgid "Session settings dialog"
@@ -475,7 +475,7 @@ msgstr "Диалог настройки <b>Специальных возможн
 
 #: about/tour46.php:134
 msgid "Appearance settings"
-msgstr "Настройки внешнего вида"
+msgstr "Настройка внешнего вида"
 
 #: about/tour46.php:136
 msgid "Appearance settings dialog"
@@ -802,7 +802,7 @@ msgstr "Одной из основных проблем предыдущих в
 
 #: about/tour44.php:114
 msgid "Panel Add Item Dialog"
-msgstr "Диалог добавления элемента на панель"
+msgstr "Окно добавления элемента на панель"
 
 #: about/tour44.php:117
 msgid ""
@@ -956,7 +956,7 @@ msgid ""
 " by Xfce applications. The goal was to make it as easy as possible to change"
 " an application for a certain category (GNOME users may have already noticed"
 " that GNOME adopted this approach, because it is such simple)."
-msgstr "Настройка предпочитаемых приложений, которая ранее была доступна только в <b>Терминале</b>, импортирована в Xfce, таким образом пользователям более нет необходимости редактировать профиль оболочки для определения того, какой браузер и эмулятор терминала должны использовать приложения Xfce. Целью было сделать изменение приложений для определённых категорий настолько легким, насколько это возможно (пользователи GNOME уже заметили заимствование GNOM'ом этого подхода, потому что это  [...]
+msgstr "Настройка предпочитаемых приложений, которая ранее была доступна только в <b>Terminal</b>, импортирована в Xfce, таким образом пользователям более нет необходимости редактировать профиль оболочки для определения того какой браузер и эмулятор терминала должны использовать приложения Xfce. Целью было сделать изменение приложений для определённых категорий настолько легким, насколько это возможно (пользователи GNOME уже заметили заимствование GNOM'ом этого подхода, потому что это та [...]
 
 #: about/tour44.php:201
 msgid "Keyboard Shortcuts"
@@ -1199,7 +1199,7 @@ msgid ""
 "application finder or Thunar to the panel to create launchers. This feature "
 "should please the huge number of people who had been requesting it for ages."
 " The launcher also has an integrated application finder to add new items."
-msgstr "Вы теперь можете перетаскивать элементы меню из панели меню приложений, приложения поиска или Thunar на панель для создания кнопки запуска приложения. Эта возможность понравится большому количеству людей, требовавших её целую вечность. Launcher также получил встроенный поиск приложений для их последующего добавления."
+msgstr "Вы теперь можете перетаскивать элементы меню из панели меню приложений, приложения поиска или Thunar на панель для создания кнопки запуска приложения. Эта возможность понравится большому количеству людей требовавших ее целую вечность. Launcher также получил встроенный поиск приложений\nдля их последующего добавления."
 
 #: about/tour48.php:51
 msgid "Window buttons plugin"
@@ -1261,7 +1261,7 @@ msgid ""
 "Xfce can now handle and setup multihead setups for any randr 1.2 compatible "
 "driver. Unfortunately, this means it will not work with Nvidia proprietary "
 "drivers."
-msgstr "Xfce теперь работает с мультидисплейными установками и настраивает их для любого драйвера, совместимого с randr 1.2. Что, к сожалению, означает невозможность работы с проприетарными драйверами Nvidia."
+msgstr "Xfce теперь работает с мультидисплейными установками и настраивает их для любого драйвера, совместимого в randr 1.2. Что, к сожалению, означает невозможность работы с проприетарными драйверами Nvidia."
 
 #: about/tour48.php:77
 msgid ""
@@ -1347,7 +1347,7 @@ msgstr "Этот тур ознакомит вас с новыми значите
 
 #: about/tour410.php:7
 msgid "Online Documentation"
-msgstr "Онлайн документация"
+msgstr "Онлайн-документация"
 
 #: about/tour410.php:9
 msgid ""
@@ -1400,7 +1400,7 @@ msgstr "В 4.10 имеется общая для всех режимов пан
 
 #: about/tour410.php:29
 msgid "A horizontal panel with a number of rows set to three"
-msgstr "Горизонтальная панель с тремя рядами"
+msgstr "Горизонтальная панель с числом рядов, равным трём"
 
 #: about/tour410.php:31
 msgid "Deskbar Mode"
@@ -1457,7 +1457,7 @@ msgid ""
 "clearing the saved session (no more <tt>rm -r ~/.config/sessions</tt>). "
 "Xfce4-tips has been removed and the session manager can now lock the screen "
 "before suspending or hibernating the system."
-msgstr "В диалоге настройки <em>Сеанс</em> теперь есть кнопка для очистки сохранённых сеансов (больше нет необходимости в <tt>rm -r ~/.config/sessions</tt>). Xfce4-tips был удалён и менеджер сеансов теперь может блокировать экран перед входом в ждущий или спящий режим."
+msgstr "В диалоге настройки <em>Сеанс</em> теперь есть кнопка для очистки сохранённых сеансов (больше нет необходимости в <tt>rm -r ~/.config/sessions</tt>). Xfce4-tips был удалён и диспетчер сеансов теперь может блокировать экран перед входом в ждущий или спящий режим."
 
 #: about/tour410.php:55
 msgid "Applications Autostart"
@@ -2374,11 +2374,11 @@ msgstr "Не приближайся!"
 
 #: about/tour.php:45
 msgid "Hah! Now you don't see me!"
-msgstr "Ха, теперь ты меня не видишь!"
+msgstr "Хх, теперь ты меня не видишь!"
 
 #: about/tour.php:47
 msgid "Gtk3 plugins"
-msgstr "Модули GTK3"
+msgstr "Плагины Gtk3"
 
 #: about/tour.php:49
 msgid ""
@@ -2918,7 +2918,7 @@ msgid ""
 "Our session manager was updated to use logind and/or upower if available for"
 " hibernate/suspend support. For portability and to respect our users' "
 "choices, fallback modes were implemented relying on os-specific backends."
-msgstr "Наш менеджер сеансов был обновлён для использования logind и/или upower, если поддерживается гибернация/приостановка. Для переносимости и из уважения к выбору наших пользователей были реализованы резервные режимы, опирающиеся на специфичные для ОС интерфейсы."
+msgstr "Наш менеджер сеансов был обновлён для использования logind и/или upower, если поддерживается гибернация/приостановка. Для переносимости, чтобы уважать выбор наших пользователей, был реализован резервный режим, опирающийся на ОС-специфичные среды."
 
 #: news-array.php:29
 msgid ""
@@ -3224,7 +3224,7 @@ msgid ""
 "cleanup sessions from the interface. Last but not least, the Window Manager "
 "now has support for tiling windows and arrow key navigation in the task "
 "switcher."
-msgstr "Этот выпуск включает в себя значительные изменения в ядре среды рабочего стола Xfce и, надеемся, выполнит ряд долгосрочных требований. Одним из самых заметных новшеств является новый инструмент поиска приложений, который объединяет функциональность старого appfinder и xfrun4. Панели теперь можно размещать вертикально (для лучшего использования пространства широкоформатных мониторов). Помимо этого, появился новый модуль действий. Мастер настройки теперь интегрирован в xfsettingsd, [...]
+msgstr "Этот выпуск включает в себя значительные изменения в ядре среды рабочего стола Xfce и, надеемся, выполнит ряд долгосрочных требований. Одним из самых заметных новшеств является новый инструмент поиска приложений, который объединяет функциональность старого appfinder и xfrun4. Панели теперь можно размещать вертикально (для лучшего использования пространства широкоформатных мониторов). Помимо этого, появился новый модуль действий. Мастер настройки теперь интегрирован в xfsettingsd, [...]
 
 #: news-array.php:111
 msgid ""
@@ -3660,7 +3660,7 @@ msgstr "Сборка"
 
 #: download/nav.php:23
 msgid "documentation on building Xfce from source"
-msgstr "Документация по сборке Xfce из исходных кодов"
+msgstr "документация по сборке Xfce из исходных кодов"
 
 #: download/nav.php:27
 msgid "GIT"
@@ -3677,7 +3677,7 @@ msgstr "Страница не найдена"
 #: 404.php:5
 msgid ""
 "We're sorry, the page or file you requested was not found on this server."
-msgstr "Извините, запрашиваемая вами страница или файл не были найдены на этом сервере."
+msgstr "Извините, запрашиваемая вами страница или файл не найдены на этом сервере."
 
 #: 404.php:7
 msgid ""
@@ -3696,7 +3696,7 @@ msgstr "Чтобы найти вашу страницу, попробуйте о
 msgid ""
 "If you typed the page address in the Address bar, make sure that it is "
 "spelled correctly."
-msgstr "Если вы набрали адрес страницы в адресной строке, проверьте правильно ли он набран."
+msgstr "Если вы набрали адрес страницы в адресной строке, проверьте, правильно ли он набран."
 
 #: 404.php:15
 msgid ""
@@ -3801,7 +3801,7 @@ msgstr "<a href=\"http://identi.ca/xfce\" class=\"external\">Канал Xfce</a>
 
 #: community/nav.php:5
 msgid "talk about Xfce in the community forums"
-msgstr "Говорите о Xfce на форумах сообщества"
+msgstr "говорите о Xfce на форумах сообщества"
 
 #: community/nav.php:9
 msgid "Blog"
@@ -3809,7 +3809,7 @@ msgstr "Блог"
 
 #: community/nav.php:10
 msgid "read what the contributors to Xfce have the say"
-msgstr "Прочтите, что говорят люди, вносящие свой вклад в Xfce"
+msgstr "прочтите, что говорят люди, вносящие свой вклад в Xfce"
 
 #: community/nav.php:14
 msgid "Wiki"
@@ -3817,4 +3817,4 @@ msgstr "Вики"
 
 #: community/nav.php:15
 msgid "community wiki and development resources"
-msgstr "Вики-сайт сообщества и ресурсы разработчиков"
+msgstr "вики-сайт сообщества и ресурсы разработчиков"
diff --git a/lib/po/zh_TW.po b/lib/po/zh_TW.po
index 296cb88..585b757 100644
--- a/lib/po/zh_TW.po
+++ b/lib/po/zh_TW.po
@@ -3,7 +3,6 @@
 # This file is distributed under the same license as the PACKAGE package.
 # 
 # Translators:
-# Cheng-Chia Tseng <pswo10680 at gmail.com>, 2017
 # Jeff Huang <s8321414 at gmail.com>, 2014-2015
 # Walter Cheuk <wwycheuk at gmail.com>, 2013
 # Jeff Huang <s8321414 at gmail.com>, 2014
@@ -12,9 +11,9 @@ msgstr ""
 "Project-Id-Version: Xfce Websites\n"
 "Report-Msgid-Bugs-To: https://bugzilla.xfce.org\n"
 "POT-Creation-Date: 2015-03-28 09:10+0100\n"
-"PO-Revision-Date: 2017-03-08 15:43+0000\n"
-"Last-Translator: Cheng-Chia Tseng <pswo10680 at gmail.com>\n"
-"Language-Team: Chinese (Taiwan) (http://www.transifex.com/xfce/xfce-www/language/zh_TW/)\n"
+"PO-Revision-Date: 2015-03-29 14:40+0000\n"
+"Last-Translator: Jeff Huang <s8321414 at gmail.com>\n"
+"Language-Team: Chinese (Taiwan) (http://www.transifex.com/projects/p/xfce-www/language/zh_TW/)\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
@@ -26,7 +25,7 @@ msgstr ""
 msgid ""
 "Copyright %s <a href=\"/about/credits\">Xfce Development Team</a>. This page"
 " was last modified on %s."
-msgstr "著作權所有 %s <a href=\"/about/credits\">Xfce 開發團隊</a>。此頁面最後修改日期為 %s 。"
+msgstr "版權所有 %s <a href=\"/about/credits\">Xfce 開發團隊</a>。此頁面最後修改日期為 %s 。"
 
 #: projects/index.php:3 header.php:64
 msgid "Projects"
@@ -1697,7 +1696,7 @@ msgid ""
 "perform and double-check the Xfce core desktop releases in the release phase"
 " at the very end of the cycle. This is explained in more detail in the "
 "Release Team section of this document."
-msgstr ""
+msgstr "在計畫階段的開始,會(正式或非正式的)選出發行團隊。發行團隊在發行週期內監督該版本的開發及維護。其主要目的是在發行週期即將結束的發行階段中執行並複核 Xfce 核心桌面。這些會在文件中的發行團隊一節中做出更詳細的解釋。"
 
 #: about/releasemodel.php:87
 msgid "Release Team"
diff --git a/pages/about/nav.php b/pages/about/nav.php
index b5260e3..105e34a 100644
--- a/pages/about/nav.php
+++ b/pages/about/nav.php
@@ -1,11 +1,6 @@
 <h2><?php E_('Related Pages') ?></h2>
 <ul>
 	<li>
-		<a href="/about"><?php E_('About') ?> 
-			<span>– <?php E_('general information about the Xfce desktop') ?></span>
-		</a>
-	</li>
-	<li>
 		<a href="/about/tour"><?php E_('4.12 Tour') ?>
 			<span>– <?php E_('visual tour about new features in the last major releases') ?></span>
 		</a>
diff --git a/pages/about/news.php b/pages/about/news.php
index 99749e1..885ff0e 100644
--- a/pages/about/news.php
+++ b/pages/about/news.php
@@ -35,14 +35,16 @@ foreach ($news as $item)
     else
       $title = $item['title'];
 
+  echo '<div class="newsitem">';
+
   echo '<h2 id="post-'.$stamp.'">'.$title.'</h2>'."\n";
 
   echo '<div class="post-date"><span class="post-month">'. date ('M', $stamp).
-       '</span> <span class="post-day">'. date ('d', $stamp).
-       '<br />'.date ('Y', $stamp).'</span></div>';
+       '</span> <span class="post-day"><span class="day">'. date ('d', $stamp).
+       '</span><br /><span class="year">'.date ('Y', $stamp).'</span></span></div>';
 
   echo '<div class="post-wrap">';
-  
+
   if ($counter < 2)
     {
       foreach ($item['paragraphs'] as $p)
@@ -69,7 +71,9 @@ foreach ($news as $item)
       echo '</p>';
     }
 
-  echo '</div>';
+  echo '</div>'; # .post-wrap
+
+  echo '</div>'; # .newsitem
 
   $has_items = true;
 }
diff --git a/pages/community/index.php b/pages/community/index.php
index d0e7ea9..9235260 100644
--- a/pages/community/index.php
+++ b/pages/community/index.php
@@ -22,13 +22,13 @@ $head['title'] = R_('Community');
 
 <h2 id="irc"><?php E_('IRC') ?></h2>
 <p>
-    <?php E_('If you have a problem that you cannot resolve, you might want to try asking a question in our IRC channel <a href="irc://irc.freenode.net/#xfce">#xfce on irc.freenode.net</a>. The channel has several active users. It is recommended that you consult the <a href="http://docs.xfce.org/" class="external">documentation</a> about your problem before asking your question.') ?>
+    <?php E_('If you have a problem that you cannot resolve, you might want to try asking a question in our IRC channel <a href="irc://irc.freenode.net/#xfce">#xfce on irc.freenode.net</a>. The channel has several active users. It is recommended that you consult the <a href="https://docs.xfce.org/" class="external">documentation</a> about your problem before asking your question.') ?>
 </p>
 
 <h2 id="forum"><?php E_('Forums') ?></h2>
 
 <p>
-  <?php E_('For users who prefer forums, the <a href="http://forum.xfce.org/" class="external">Xfce Forum</a> is the place to be. Active contributors will be able to help you, but please do not use it for bug reports.') ?>
+  <?php E_('For users who prefer forums, the <a href="https://forum.xfce.org/" class="external">Xfce Forum</a> is the place to be. Active contributors will be able to help you, but please do not use it for bug reports.') ?>
 </p>
 
 <h2 id="social"><?php E_('Social Networks') ?></h2>
diff --git a/pages/community/nav.php b/pages/community/nav.php
index 82889aa..4210b8e 100644
--- a/pages/community/nav.php
+++ b/pages/community/nav.php
@@ -1,7 +1,7 @@
 <h2><?php E_('Related Sites') ?></h2>
 <ul>
 	<li>
-		<a href="http://forum.xfce.org"><?php E_('Forums') ?>
+		<a href="https://forum.xfce.org"><?php E_('Forums') ?>
 			<span>– <?php E_('talk about Xfce in the community forums') ?></span>
 		</a>
 	</li>
@@ -11,7 +11,7 @@
 		</a>
 	</li>
 	<li>
-		<a href="http://wiki.xfce.org"><?php E_('Wiki') ?>
+		<a href="https://wiki.xfce.org"><?php E_('Wiki') ?>
 			<span>– <?php E_('community wiki and development resources') ?></span>
 		</a>
 	</li>
diff --git a/pages/download/nav.php b/pages/download/nav.php
index d0cb907..d740394 100644
--- a/pages/download/nav.php
+++ b/pages/download/nav.php
@@ -1,9 +1,6 @@
 <h2><?php E_('Related Pages') ?></h2>
 <ul>
 	<li>
-		<a href="/download"><?php E_('Download') ?></a>
-	</li>
-	<li>
 		<a href="/download/changelogs"><?php E_('Changelogs') ?>
 			<span>– <?php E_('release notes of each Xfce release') ?></span>
 		</a>
@@ -19,17 +16,17 @@
 		</a>
 	</li>
 	<li>
-		<a href="http://docs.xfce.org/xfce/building"><?php E_('Building') ?>
+		<a href="https://docs.xfce.org/xfce/building"><?php E_('Building') ?>
 			<span>– <?php E_('documentation on building Xfce from source') ?></span>
 		</a>
 	</li>
 	<li>
-		<a href="http://git.xfce.org"><?php E_('GIT') ?>
+		<a href="https://git.xfce.org"><?php E_('GIT') ?>
 			<span>– <?php E_('browse the source repositories') ?></span>
 		</a>
 	</li>
 	<li>
-		<a href="http://goodies.xfce.org"><?php E_('Goodies') ?>
+		<a href="https://goodies.xfce.org"><?php E_('Goodies') ?>
 			<span>– <?php E_('wiki with information on additional software for Xfce') ?></span>
 		</a>
 	</li>
diff --git a/pages/feed.php b/pages/feed.php
index 5ff617e..2446990 100644
--- a/pages/feed.php
+++ b/pages/feed.php
@@ -6,7 +6,7 @@ include ('pages/news-array.php');
 function fixup ($str)
 {
   $search = array ('<a href="/');
-  $replace = array ('<a href="http://www.xfce.org/');
+  $replace = array ('<a href="https://www.xfce.org/');
 
   return str_replace ($search, $replace, $str);
 }
@@ -32,7 +32,7 @@ echo '<?xml version="1.0" encoding="UTF-8"?>'.
        '<copyright>Olivier Fourdan 1996 - '. date ('Y') .'</copyright>'.
        '<language>'.$lang.'</language>'.
        '<generator>Xfce feed spawner</generator>'.
-       '<atom:link href="http://www.xfce.org/feed?lang='.$lang.'" rel="self" type="application/rss+xml" />';
+       '<atom:link href="https://www.xfce.org/feed?lang='.$lang.'" rel="self" type="application/rss+xml" />';
 
 foreach ($news as $item)
 {
@@ -52,11 +52,11 @@ foreach ($news as $item)
             echo '<p>'.fixup ($p).'</p>';
 
     echo   ']]></content:encoded>'.
-           '<link>http://www.xfce.org/about/news/?post='.$stamp.'</link>'.
+           '<link>https://www.xfce.org/about/news/?post='.$stamp.'</link>'.
            '<dc:creator>'. $item['author'] .'</dc:creator>'.
            '<pubDate>'. date ($format, $stamp) .'</pubDate>'.
            '<category>Xfce News</category>'.
-           '<guid isPermaLink="false">http://www.xfce.org/about/news/?post='.$stamp.'</guid>'.
+           '<guid isPermaLink="false">https://www.xfce.org/about/news/?post='.$stamp.'</guid>'.
          '</item>';
 
     if ($item_limit-- < 0)
diff --git a/pages/footer.php b/pages/footer.php
index a17f9f2..2f7e1c1 100644
--- a/pages/footer.php
+++ b/pages/footer.php
@@ -8,7 +8,6 @@
 		echo '</div>';
 	}
 ?>
-	<div class="clearboth"></div>
 	</div> <!-- content-wrap -->
 	<div id="footer">
 		<hr class="hidden" />
diff --git a/pages/frontpage.php b/pages/frontpage.php
index de7d817..b6ccb97 100644
--- a/pages/frontpage.php
+++ b/pages/frontpage.php
@@ -5,7 +5,7 @@ include ('pages/versions.php');
 
 $head['description'] = 'Xfce is a lightweight desktop environment for UNIX-like operating systems. It aims to be fast and low on system resources, while still being visually appealing and user friendly.';
 $head['keywords'] = 'desktop environment, window manager, desktop, speed, lightweight, gtk+, open source, xforms common environment';
-$head['feed'] = 'http://www.xfce.org/feed?lang='.$lang;
+$head['feed'] = 'https://www.xfce.org/feed?lang='.$lang;
 ?>
 
 <div id="slidewrap">
@@ -31,7 +31,7 @@ $head['feed'] = 'http://www.xfce.org/feed?lang='.$lang;
 		</li>
 	</ul>
 </div>
-<div id="slidenavwrap">
+<div id="slidenavwrap" class="group">
 	<ul id="slidenav">
 		<li onclick="slideshow.pos(0)"></li>
 		<li onclick="slideshow.pos(1)"></li>
@@ -40,7 +40,6 @@ $head['feed'] = 'http://www.xfce.org/feed?lang='.$lang;
 		<li onclick="slideshow.pos(4)"></li>
 		<li onclick="slideshow.pos(5)"></li>
 	</ul>
-	<div class="clearboth"></div>
 </div>
 </div>
 
@@ -64,68 +63,66 @@ var slideshow=new TINY.slider.slide('slideshow',{
 <div class="frontpage_cols">
 
 <div class="column">
-	<div class="lcolumn">
-		<h2><?php E_('Xfce Desktop Environment') ?></h2>
-		<p><?php E_('Xfce is a lightweight desktop environment for UNIX-like operating systems. It aims to be fast and low on system resources, while still being visually appealing and user friendly.') ?></p>
-		<ul>
-			<li>
-				<a href="/download"><?php E_('Download') ?> 
-					<span>– <?php E_('get the source tarballs') ?></span>
-				</a>
-			</li>
-			<li>
-				<a href="/download/changelogs/4.12"><?php E_('ChangeLog') ?>
-					<span>– <?php printf (R_('release notes for Xfce %s'), $stable_version) ?></span>
-				</a>
-			</li>
-			<li>
-				<a href="/about/tour"><?php printf (R_('%s Tour'), $stable_version) ?>
-					<span>– <?php E_('visual tour about new features in the latest releases') ?></span>
-				</a>
-			</li>
-			<li>
-				<a href="/about/screenshots"><?php E_('Screenshots') ?>
-					<span>– <?php E_('examples of Xfce desktops ordered by version') ?></span>
-				</a>
-			</li>
-		</ul>
-	</div>
+	<h2><?php E_('Xfce Desktop Environment') ?></h2>
+	<p><?php E_('Xfce is a lightweight desktop environment for UNIX-like operating systems. It aims to be fast and low on system resources, while still being visually appealing and user friendly.') ?></p>
+	<ul>
+		<li>
+			<a href="/download"><?php E_('Download') ?> 
+				<span>– <?php E_('get the source tarballs') ?></span>
+			</a>
+		</li>
+		<li>
+			<a href="/download/changelogs/4.12"><?php E_('ChangeLog') ?>
+				<span>– <?php printf (R_('release notes for Xfce %s'), $stable_version) ?></span>
+			</a>
+		</li>
+		<li>
+			<a href="/about/tour"><?php printf (R_('%s Tour'), $stable_version) ?>
+				<span>– <?php E_('visual tour about new features in the latest releases') ?></span>
+			</a>
+		</li>
+		<li>
+			<a href="/about/screenshots"><?php E_('Screenshots') ?>
+				<span>– <?php E_('examples of Xfce desktops ordered by version') ?></span>
+			</a>
+		</li>
+	</ul>
 </div>
 
 <div class="column">
-	<div class="rcolumn">
-		<span class="rss"><a href="http://www.xfce.org/feed?lang=<?php echo $lang ?>"><?php E_('Subscribe to RSS feed') ?></a></span>
-		<h2><?php E_('Latest News') ?></h2>
-		<?php
-			$count = 2;
-			foreach ($news as $item)
-			{
-				if (isset ($item['version']) && !empty ($item['version']))
-					$title = sprintf (R_('Xfce %s released'), $item['version']);
-				else
-					$title = $item['title'];
-
-				$link = '/about/news/?post='.strtotime ($item['date']);
-
-				echo '<h3>'.$title.'</h3>';
-
-				$stamp = strtotime ($item['date']);
-				echo '<div class="post-date"><span class="post-month">'. date ('M', $stamp).
-					 '</span> <span class="post-day">'. date ('d', $stamp).
-					 '<br />'.date ('Y', $stamp).'</span></div>';
-
-				echo '<div class="post-wrap">';
-				echo '<p>'.$item['paragraphs'][0] .' ';
-				learnmore ($link);
-				echo '</p></div>';
-
-				if (--$count <= 0)
-					break;
-			}
-		?>
-	</div>
-</div>
+	<span class="rss"><a href="http://www.xfce.org/feed?lang=<?php echo $lang ?>"><?php E_('Subscribe to RSS feed') ?></a></span>
+	<h2><?php E_('Latest News') ?></h2>
+	<?php
+		$count = 2;
+		foreach ($news as $item)
+		{
+			echo '<div class="newsitem group">';
+
+			if (isset ($item['version']) && !empty ($item['version']))
+				$title = sprintf (R_('Xfce %s released'), $item['version']);
+			else
+				$title = $item['title'];
+
+			echo '<h3>'.$title.'</h3>';
+
+			$link = '/about/news/?post='.strtotime ($item['date']);
 
-<div class="clearboth"></div>
+			echo '<div class="post-wrap">';
+			echo '<p>'.$item['paragraphs'][0] .' ';
+			learnmore ($link);
+			echo '</p></div>';
+
+			$stamp = strtotime ($item['date']);
+			echo '<div class="post-date"><span class="post-month">'. date ('M', $stamp).
+				 '</span> <span class="post-day"><span class="day">'. date ('d', $stamp).
+				 '</span><br /><span class="year">'.date ('Y', $stamp).'</span></span></div>';
+
+			echo '</div>';
+
+			if (--$count <= 0)
+				break;
+		}
+	?>
+</div>
 
 </div>
diff --git a/pages/getinvolved/nav.php b/pages/getinvolved/nav.php
index 1e4671a..bcea8ac 100644
--- a/pages/getinvolved/nav.php
+++ b/pages/getinvolved/nav.php
@@ -1,10 +1,7 @@
 <h2><?php E_('Related Pages') ?></h2>
 <ul>
 	<li>
-		<a href="/getinvolved"><?php E_('Get Involved') ?></a>
-	</li>
-	<li>
-		<a href="http://docs.xfce.org/contribute/translate/start"><?php E_('Translation') ?>
+		<a href="https://docs.xfce.org/contribute/translate/start"><?php E_('Translation') ?>
 			<span>– <?php E_('information about translating Xfce') ?></span>
 		</a>
 	</li>
diff --git a/pages/header.php b/pages/header.php
index 3d51a8c..43166b4 100644
--- a/pages/header.php
+++ b/pages/header.php
@@ -13,7 +13,7 @@ else
 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 	<title><?php echo $title ?></title>
-	<link rel="icon" href="/favicon.ico" />
+	<link rel="icon" href="/style/favicon.png" />
 	<link rel="stylesheet" media="screen" href="/style/css.php" type="text/css" />
 	<link rel="apple-touch-icon" href="<?php echo $static_media ?>/apple-touch-icon.png" />
 	<meta name="content-language" content="<?php echo $lang ?>" />
@@ -32,25 +32,25 @@ else
 <div id="xfce-header">
 	<div>
 		<h1 id="xfce-header-title">Xfce</h1>
-		<h5 id="xfce-header-subtitle">Sub domains</h5>
+		<h5 id="xfce-header-subtitle">Subdomains</h5>
 		 
 		<ul>
-			<li><a href="http://www.xfce.org" title="Go to the homepage" class="active">Home</a></li>
-			<li><a href="http://docs.xfce.org" title="Official documentation">Docs</a></li>
+			<li><a href="https://xfce.org" title="Go to the homepage" class="active">Home</a></li>
+			<li><a href="https://docs.xfce.org" title="Official documentation">Docs</a></li>
 			<li><a href="http://archive.xfce.org" title="Download location of tarballs">Archive</a></li>
-			<li><a href="http://wiki.xfce.org" title="Community documentation">Wiki</a></li>
-			<li><a href="http://forum.xfce.org" title="Community forums">Forum</a></li>
+			<li><a href="https://wiki.xfce.org" title="Community documentation">Wiki</a></li>
+			<li><a href="https://forum.xfce.org" title="Community forums">Forum</a></li>
 			<li><a href="https://bugzilla.xfce.org" title="Report and track bugs">Bugs</a></li>
 			<li><a href="http://blog.xfce.org" title="Visit the blog">Blog</a></li>
-			<li><a href="http://www.xfce.org/getinvolved/translation" title="Help translating the Xfce project">Translate</a></li>
-			<li><a href="http://git.xfce.org" title="Project repositories">GIT</a></li>
+			<li><a href="https://xfce.org/getinvolved/translation" title="Help translating the Xfce project">Translate</a></li>
+			<li><a href="https://git.xfce.org" title="Project repositories">GIT</a></li>
 		</ul>
 	</div>
 	<div  id="xfce-header-clear"></div>
 </div>
 
 <div id="main">
-	<div id="mainnav">
+	<div id="mainnav" class="group">
 
 		<h5 class="hidden"><?php E_('Categories') ?></h5>
 		<div>
@@ -81,11 +81,10 @@ else
 			</select>
 			<button type="submit" class="hidden"><?php E_('Change language') ?></button>
 		</form>
-		<div class="clearboth"></div>
 	</div>
 
 	<div id="content">
+	<div id="article" class="file_<?php echo $page_class ?>">
 <?php if (isset($toc['filename'])) { ?>
 	<p id="related-jump" class="file_<?php echo $page_class ?>"><a href="#related"><?php E_('Related Pages') ?> ↓</a></p>
 <?php } ?>
-	<div id="article" class="file_<?php echo $page_class ?>">
diff --git a/pages/projects/index.php b/pages/projects/index.php
index 11ed071..043c554 100644
--- a/pages/projects/index.php
+++ b/pages/projects/index.php
@@ -9,137 +9,127 @@ $foo = R_('Learn More →');
 ?>
 <h1><?php echo $head['title'] ?></h1>
 <p>
-  <?php E_('The Xfce project contains several separated projects for each part of the desktop. Every project has it\'s own project page to provide additionnal information.') ?>
+  <?php E_('The Xfce project contains several separated projects for each part of the desktop. Some projects have their own project pages to provide additional information.') ?>
 </p>
 
 <h2 id="core"><?php E_('Core Components') ?></h2>
 
-<div class="column"><div class="lcolumn">
+<div class="grid icons">
+
+<div class="item">
   <h3><?php E_('Window Manager') ?></h3>
-  <p class="colicon" style="background-image: url('<?php echo $static_media; ?>/projects/xfwm4.png')">
+  <p style="background-image: url('<?php echo $static_media; ?>/projects/xfwm4.png')">
     <?php E_('It manages the placement of application windows on the screen, provides window decorations and manages workspaces or virtual desktops.') ?>
     <?php learnmore ("http://docs.xfce.org/xfce/xfwm4/start") ?>
   </p>
-</div></div>
-<div class="column"><div class="rcolumn">
+</div>
+<div class="item">
   <h3><?php E_('Panel') ?></h3>
-  <p class="colicon" style="background-image: url('<?php echo $static_media; ?>/projects/xfce4-panel.png')">
+  <p style="background-image: url('<?php echo $static_media; ?>/projects/xfce4-panel.png')">
     <?php E_('The panel is a bar which allows you to have at all times program launchers, panel menus, a clock, a desktop switcher and more.') ?>
     <?php learnmore ("http://docs.xfce.org/xfce/xfce4-panel/start") ?>
   </p>
-</div></div>
-<div class="clearboth"></div>
-
+</div>
 
-<div class="column"><div class="lcolumn">
+<div class="item">
   <h3><?php E_('Desktop Manager') ?></h3>
-  <p class="colicon" style="background-image: url('<?php echo $static_media; ?>/projects/xfdesktop.png')">
+  <p style="background-image: url('<?php echo $static_media; ?>/projects/xfdesktop.png')">
     <?php E_('This program sets the background image and provides a root window menu, desktop icons or minimized icons and a windows list.') ?>
     <?php learnmore ("http://docs.xfce.org/xfce/xfdesktop/start") ?>
   </p>
-</div></div>
-<div class="column"><div class="rcolumn">
+</div>
+<div class="item">
   <h3><?php E_('Session Manager') ?></h3>
-  <p class="colicon" style="background-image: url('<?php echo $static_media; ?>/projects/xfce4-session.png')">
+  <p style="background-image: url('<?php echo $static_media; ?>/projects/xfce4-session.png')">
     <?php E_('The session manager controls all aspects of the startup and the shutdown of the user session.') ?>
     <?php learnmore ("http://docs.xfce.org/xfce/xfce4-session/start") ?>
   </p>
-</div></div>
-<div class="clearboth"></div>
-
+</div>
 
-<div class="column"><div class="lcolumn">
+<div class="item">
   <h3><?php E_('Settings Manager') ?></h3>
-  <p class="colicon" style="background-image: url('<?php echo $static_media; ?>/projects/xfce4-settings.png')">
+  <p style="background-image: url('<?php echo $static_media; ?>/projects/xfce4-settings.png')">
     <?php E_('It allows you to configure every detail of your desktop environment.') ?>
     <?php learnmore ("http://docs.xfce.org/xfce/xfce4-settings/start") ?>
   </p>
-</div></div>
-<div class="column"><div class="rcolumn">
+</div>
+<div class="item">
   <h3><?php E_('Application Finder') ?></h3>
-  <p class="colicon" style="background-image: url('<?php echo $static_media; ?>/projects/xfce4-appfinder.png')">
+  <p style="background-image: url('<?php echo $static_media; ?>/projects/xfce4-appfinder.png')">
     <?php E_('Allows you to search, launch and find information about applications installed on your system.') ?>
     <?php learnmore ("http://docs.xfce.org/xfce/xfce4-appfinder/start") ?>
   </p>
-</div></div>
-<div class="clearboth"></div>
+</div>
 
-
-<div class="column"><div class="lcolumn">
+<div class="item">
   <h3><?php E_('Xfce Libraries') ?></h3>
-  <p class="colicon" style="background-image: url('<?php echo $static_media; ?>/projects/library.png')">
+  <p style="background-image: url('<?php echo $static_media; ?>/projects/library.png')">
     <?php E_('They provide additional functions and widgets which ease the development of applications.') ?>
     <?php learnmore ("http://docs.xfce.org/xfce/exo/start") ?>
   </p>
-</div></div>
-<div class="column"><div class="rcolumn">
+</div>
+<div class="item">
   <h3>Xfconf</h3>
-  <p class="colicon" style="background-image: url('<?php echo $static_media; ?>/projects/library.png')">
+  <p style="background-image: url('<?php echo $static_media; ?>/projects/library.png')">
     <?php E_('Simple client-server configuration storage and query system.') ?>
     <?php learnmore ("http://docs.xfce.org/xfce/xfconf/start") ?>
   </p>
-</div></div>
-<div class="clearboth"></div>
-
+</div>
 
-<div class="column"><div class="lcolumn">
+<div class="item">
   <h3><?php E_('Thunar File Manager') ?></h3>
-  <p class="colicon" style="background-image: url('<?php echo $static_media; ?>/projects/thunar.png')">
+  <p style="background-image: url('<?php echo $static_media; ?>/projects/thunar.png')">
     <?php E_('Thunar is a new modern file manager designed from the ground up to be fast and easy-to-use.') ?>
     <?php learnmore ("http://docs.xfce.org/xfce/thunar/start") ?>
   </p>
-</div></div>
-<div class="clearboth"></div>
+</div>
 
+</div>
 
 <h2 id="applications"><?php E_('Applications') ?></h2>
 
-<div class="column"><div class="lcolumn">
+<div class="grid icons">
+
+<div class="item">
   <h3><?php E_('Web Browser') ?></h3>
-  <p class="colicon" style="background-image: url('<?php echo $static_media; ?>/projects/midori.png')">
+  <p style="background-image: url('<?php echo $static_media; ?>/projects/midori.png')">
     <?php E_('Midori is a lightweight Web browser.') ?>
     <?php learnmore ("http://www.midori-browser.org/") ?>
   </p>
-</div></div>
-<div class="column"><div class="rcolumn">
+</div>
+<div class="item">
   <h3><?php E_('Terminal') ?></h3>
-  <p class="colicon" style="background-image: url('<?php echo $static_media; ?>/projects/terminal.png')">
+  <p style="background-image: url('<?php echo $static_media; ?>/projects/terminal.png')">
     <?php E_('Terminal is a modern terminal emulator featuring tabs and transparent backgrounds.') ?>
     <?php learnmore ("http://docs.xfce.org/apps/terminal/start") ?>
   </p>
-</div></div>
-<div class="clearboth"></div>
-
-
+</div>
 
-<div class="column"><div class="lcolumn">
+<div class="item">
   <h3><?php E_('Xfburn') ?></h3>
-  <p class="colicon" style="background-image: url('<?php echo $static_media; ?>/projects/xfburn.png')">
+  <p style="background-image: url('<?php echo $static_media; ?>/projects/xfburn.png')">
     <?php E_('Xfburn is an application to create and burn CD\'s and DVD\'s.') ?>
   </p>
-</div></div>
-<div class="column"><div class="rcolumn">
+</div>
+<div class="item">
   <h3><?php E_('Orage') ?></h3>
-  <p class="colicon" style="background-image: url('<?php echo $static_media; ?>/projects/orage.png')">
+  <p style="background-image: url('<?php echo $static_media; ?>/projects/orage.png')">
     <?php E_('A simple calendar application with reminders.') ?>
   </p>
-</div></div>
-<div class="clearboth"></div>
-
-
+</div>
 
-<div class="column"><div class="lcolumn">
+<div class="item">
   <h3><?php E_('Mixer') ?></h3>
-  <p class="colicon" style="background-image: url('<?php echo $static_media; ?>/projects/xfce4-mixer.png')">
+  <p style="background-image: url('<?php echo $static_media; ?>/projects/xfce4-mixer.png')">
     <?php E_('Allows you to change the volume of the different audio tracks.') ?>
   </p>
-</div></div>
-<div class="column"><div class="rcolumn">
+</div>
+<div class="item">
   <h3><?php E_('Image Viewer') ?></h3>
-  <p class="colicon" style="background-image: url('<?php echo $static_media; ?>/projects/ristretto.png')">
+  <p style="background-image: url('<?php echo $static_media; ?>/projects/ristretto.png')">
     <?php E_('Ristretto is a lightweight image viewer.') ?>
     <?php learnmore ("http://docs.xfce.org/apps/ristretto/start") ?>
   </p>
-</div></div>
-<div class="clearboth"></div>
+</div>
 
+</div>
\ No newline at end of file
diff --git a/pages/projects/nav.php b/pages/projects/nav.php
index fe81a21..e63a6d3 100644
--- a/pages/projects/nav.php
+++ b/pages/projects/nav.php
@@ -1,12 +1,12 @@
 <h2><?php E_('Related Sites') ?></h2>
 <ul>
 	<li>
-		<a href="http://docs.xfce.org"><?php E_('Docs') ?>
+		<a href="https://docs.xfce.org"><?php E_('Docs') ?>
 			<span>– <?php E_('online documentation for the core modules of Xfce') ?></span>
 		</a>
 	</li>
 	<li>
-		<a href="http://goodies.xfce.org"><?php E_('Goodies') ?>
+		<a href="https://goodies.xfce.org"><?php E_('Goodies') ?>
 			<span>– <?php E_('wiki with information on additional software for Xfce') ?></span>
 		</a>
 	</li>
diff --git a/style/base.css b/style/base.css
index 2458803..2317bc5 100644
--- a/style/base.css
+++ b/style/base.css
@@ -1,140 +1,28 @@
-body, h1, h2, h3, h4, ol, ul, li {
-	margin: 0;
-	padding: 0;
-	font-weight: normal;
-	font-style: normal;
-}
+/* Elements */
 
 body {
-	font: 12px/18px "Bitstream Vera Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
-	background-color: #eee;
-	color: #000;
-}
-
-#main {
-	margin: auto;
-	padding: 0 6px;
+	font-family: "Bitstream Vera Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
+	font-size: 80%;
+	line-height: 1.5em;
 	text-align: left;
-	min-width: 830px;
-	max-width: 1000px;
-}
-
-#content {
-	background-color: #fff;
-	position: relative; /* for the sidebar */
-
-	box-shadow: 0 0 3px rgba(0, 0, 0, .25);
-	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .25);
-	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .25);
 
-	border-radius: 4px;
-	-moz-border-radius: 4px;
-	-webkit-border-radius: 4px;
-}
-
-#article {
-	margin-right: 230px;
-	padding: 2em;
-	border-right: 1px solid #ccc;
-	line-height: 1.7em;
-}
-
-#article {
-	text-align: justify;
+	background-color: #eee;
+	color: #000;
 }
 
-#article h1:first-child {
+body, h1, h2, h3, h4, ol, ul, li {
 	margin: 0;
-}
-
-#article ul, #article ol {
-	list-style-position: outside;
-	margin-left: 3em;
-}
-
-#mainnav {
-	padding: 6px 0;
-}
-
-#mainnav ul {
-	list-style: none;
-	line-height: 2em;
-}
-
-#mainnav ul li {
-	border-left: 1px solid #ccc;
-	float: left;
-	padding: 0 1em 0 1em;
-	font-weight: bold;
-}
-
-#mainnav ul li:first-child {
-	border-left: 0;
-	border-top: 0;
-}
-
-#mainnav select {
-	float: right;
-}
-#mainnav-icon {
-	display: none;
-	height: 32px;
-	background: #333 url('img/menu-icon.png') no-repeat 6px 50%;
-
-	padding: 0 6px 0 32px;
-	line-height: 32px;
-
-	color: #fff;
-	font-weight: bold;
-
-	-webkit-border-radius: 4px;
-	-moz-border-radius: 4px;
-	border-radius: 4px;
-}
-
-#related {
-	position:absolute;
-	right: 0;
-	top: 0;
-	width: 230px;
-	border-left: 1px solid #ccc;
-	margin-top: 2em;
-}
-#related h2:first-child {
-	margin-top: 0;
-}
-#related ul {
-	margin-left: 3em;
-	margin-right: 1em;
-}
-
-#related ul li {
-	margin-bottom: 6px;
-}
-
-#related h2 {
-	font-size: 16px;
-	font-weight: normal;
 	padding: 0;
-	margin: 2em 1em 6px 1em;
-}
-
-#related-jump {
-	display: none;
-}
-
-#footer {
-	color: #999;
-	font-size: small;
-	text-align: center;
+	font-weight: normal;
+	font-style: normal;
 }
 
-h1, h2, h3, h4, dl dt { color: #333;}
-h1 { font-size: 24px; font-weight: normal; margin: 1em 0; }
+h1, h2, h3, h4, dl dt { color: #333; }
+h1 { font-size: 180%; font-weight: normal; margin: 0.5em 0 1em 0; }
 h2, h3, h4 { font-weight: bold; margin: 1em 0; }
-h2 { font-size: 16px; }
-h3 { font-size: 1em; }
-h4 { font-size: 10px; }
+h2 { font-size: 125%; }
+h3 { font-size: 100%; }
+h4 { font-size: 90%; }
 
 h2 em {
 	font-weight: normal;
@@ -143,6 +31,7 @@ h2 em {
 a {
 	color: #06c;
 	text-decoration: none;
+	outline: none;
 }
 
 a:hover {
@@ -170,47 +59,171 @@ dl dd {
 	margin: 0 0 1em 3em;
 }
 
-div.column {
-	float: left;
-	width: 50%;
-	text-align: left;
-}
-
-div.lcolumn {
-	margin-right: 12px;
-}
-
-div.rcolumn {
-	margin-left: 12px;
-}
-
-div.column p.colicon {
-	margin: 0 10px 10px 0;
-	padding-left: 58px;
-	background: no-repeat 0% 0%;
-	min-height: 48px;
-}
+/* Main layout */
 
-table.figure {
-	border: 1px solid #ccc;
-	background-color: #eee;
-	padding: 3px;
-	margin: auto;
+#main {
+	width: 95%;
+	min-width: 830px;
+	max-width: 1400px;
+
+	margin: 0 auto;
+	padding: 0 0.5em;
+}
+
+	/* Main navigation */
+	#mainnav {
+		padding: 0.4em 0;
+	}
+	#mainnav ul {
+		list-style: none;
+		line-height: 2em;
+	}
+
+	#mainnav ul li {
+		border-left: 1px solid rgba( 0, 0, 0, .15 );
+		float: left;
+		font-weight: bold;
+	}
+
+	#mainnav ul li:first-child {
+		border-left: 0;
+		border-top: 0;
+	}
+
+	#mainnav ul li a {
+		display: block;
+		padding: 0.1em 1em;
+	}
+
+	#mainnav select {
+		float: right;
+		margin-top: 0.15em;
+	}
+	#mainnav-icon {
+		display: none;
+		height: 32px;
+		background: #333 url('img/menu-icon.png') no-repeat 6px 50%;
+
+		padding: 0 6px 0 32px;
+		line-height: 32px;
+
+		color: #fff;
+		font-weight: bold;
+
+		-webkit-border-radius: 4px;
+		-moz-border-radius: 4px;
+		border-radius: 4px;
+	}
+
+	/* Content */
+	#content {
+		display: flex;
+		background-color: #fff;
+
+		box-shadow: 0 0 3px rgba(0, 0, 0, .25);
+		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .25);
+		-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .25);
+
+		border-radius: 4px;
+		-moz-border-radius: 4px;
+		-webkit-border-radius: 4px;
+	}
+		#article {
+			flex: 70;
+			padding: 2em;
+			border-right: 1px solid #ccc;
+			line-height: 1.7em;
+			text-align: justify;
+		}
+			#article ul, #article ol {
+				list-style-position: outside;
+				margin-left: 3em;
+			}
+		#related {
+			flex: 30;
+			max-width: 230px;
+			padding: 1em 1.5em;
+		}
+			#related h2 {
+				margin: 1em 0 0.5em 0;
+				font-weight: normal;
+			}
+			#related ul {
+				margin: 0 2em;
+			}
+				#related ul li {
+					margin-bottom: 0.5em;
+				}
+					#related ul li a {
+						display: block;
+					}
+		#related-jump {
+			display: none;
+		}
+
+	/* Footer */
+	#footer {
+		color: #999;
+		text-align: center;
+	}
+
+/* Templates */
+
+div.grid {
+	display: flex;
+	flex-wrap: wrap;
+}
+	div.grid .item {
+		flex: 50;
+		min-width: 45%;
+		margin-right: 2em;
+	}
+		div.grid .item:nth-child(even) {
+			margin-right: 0;
+		}
+		div.grid .item:last-child:nth-child(odd) {
+			margin-right: 50%;
+		}
+			div.grid.icons .item p:first-of-type {
+				padding-left: 58px;
+				background-repeat: no-repeat;
+				background-position: 0 0;
+				min-height: 48px;
+			}
+
+div.figure {
 	width: 75%;
-}
-table.figure th {
-	font-weight: bold;
-	text-align: center;
-}
-table.figure td {
+	margin: auto;
 	border: 1px solid #ccc;
-	background-color: #fff;
-	padding: 6px;
+	background-color: #eee;
+	color: #333;
+	padding: 0.5em;
 	text-align: center;
+	font-weight: bold;
 }
-
-.clearboth {
+	div.figure p.image {
+		border: 1px solid #ccc;
+		background-color: #fff;
+		padding: 0.5em;
+	}
+	div.figure img {
+		max-width: 100%;
+		height: auto;
+	}
+	div.figure p {
+		margin: 0;
+	}
+	div.figure + div.figure {
+		margin-top: 1em;
+	}
+
+/* Common classes */
+.group:after {
+	content: ".";
+	display: block;
+	height: 0;
 	clear: both;
+	visibility: hidden;
 }
 
 .hidden {
diff --git a/style/frontpage.css b/style/frontpage.css
index 324fb76..eeeecf0 100644
--- a/style/frontpage.css
+++ b/style/frontpage.css
@@ -15,18 +15,22 @@
 }
 
 .frontpage_cols {
+	display: flex;
 	padding: 2em;
 }
+	.frontpage_cols .column {
+		margin-right: 2em;
+		flex: 50;
+	}
+		.frontpage_cols .column:last-child {
+			margin-right: 0;
+		}
 
 #slidewrap {
 	margin: auto;
 	border-bottom: 1px solid #bcbcbc;
-	background: #348bb1 url('img/slider-bg.jpg') 50% 0 no-repeat; /* 348bb1 average of image */
+	background: #368999 url('img/slider-bg.jpg') 50% 0 no-repeat; /* 348bb1 average of image */
 
-	-webkit-border-top-left-radius: 4px;
-	-webkit-border-top-right-radius: 4px;
-	-moz-border-radius-topleft: 4px;
-	-moz-border-radius-topright: 4px;
 	border-top-left-radius: 4px;
 	border-top-right-radius: 4px;
 }
@@ -55,27 +59,6 @@
 	height: 400px;
 }
 
-/*
-#slide li p {
-	text-align: left;
-	padding:6px;
-	margin:6px;
-	position:absolute;
-	bottom:0;
-	width:450px;
-	background:#333;
-	color:#fff;
-	border: 0;
-
-	border-radius: 6px;
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
-}
-
-#slide li p {
-	background:rgba(0, 0, 0, 0.8)
-} */
-
 #slidenavwrap {
 	background: #fff;
 }
diff --git a/style/mobile.css b/style/mobile.css
index 21c957e..f6db9fd 100644
--- a/style/mobile.css
+++ b/style/mobile.css
@@ -1,58 +1,96 @@
-
 @media screen and (max-width: 850px) {
-	body, h2, h3, h4 {
-		font-size: 110%; /* 10% bigger fonts */
-	}
+	/* Elements */
 	h1 {
-		font-size: 26px;
+		margin-top: 0.3em;
+		font-size: 160%;
 		text-align: left;
 	}
+
+	/* Main layout */
 	#main {
-		min-width: 380px;
-		width: 380px;
-		padding: 0;
+		min-width: 405px;
+	}
+
+		/* Main navigation */
+			#mainnav select {
+				font-size: 110%;
+				margin-top: 0.25em;
+			}
+
+		/* Content */
+		#content {
+			display: block;
+		}
+			#article {
+				border: none;
+				padding: 1.5em;
+			}
+			#related {
+				background-color: #eee;
+				max-width: 100%;
+
+				border-bottom-right-radius: 4px;
+				border-bottom-left-radius: 4px;
+			}
+			#related-jump {
+				float: right;
+				display: block;
+				background-color: #eee;
+				margin: -1em -1em 0 0;
+
+				border-top-right-radius: 4px;
+				border-bottom-left-radius: 4px;
+			}
+				#related-jump a {
+					padding: 0.3em 0.6em;
+					display: block;
+				}
+				#related-jump.file_frontpage {
+					display: none;
+				}
+
+	/* Templates */
+	div.grid {
+		display: block;
+	}
+
+	div.figure {
+		width: 90%;
 	}
+
+	/* Frontpage: Slider */
 	#slidewrap {
-		background-size: 463px 185px;
+		background-size: auto 185px;
 	}
 	#slide img, #slide {
 		width: 370px;
 		height: 185px;
-
 	}
-	div.column {
-		float: none;
-		width: 100%;
 
-	}
-	div.lcolumn {
-		margin-right: 0;
-		margin-bottom: 3em;
-	}
-	div.rcolumn {
-		margin-left: 0;
-	}
+
+
+
+
+
+
+
+
+
+
 	.post-wrap {
 		padding-bottom: 0;
 	}
 	.frontpage_cols {
+		display: block;
 		padding: 1em;
 	}
-	#article {
-		margin-right: 0;
-		border-right: 0;
-		padding: 1em;
-	}
-	.figure img {
-		max-width: 330px;
-	}
+		.frontpage_cols .column {
+			margin-bottom: 2em;
+		}
 	#article.file_screenshots img {
 		max-width: 48%;
 	}
-	#mainnav select {
-		font-size: 110%;
-		height: 32px;
-	}
+
 	#mainnav-icon {
 		display: block;
 		float: left;
@@ -72,10 +110,6 @@
 		display: block;
 	}
 	#mainnav div:hover #mainnav-icon {
-		-webkit-border-bottom-right-radius: 0;
-		-webkit-border-bottom-left-radius: 0;
-		-moz-border-radius-bottomright: 0;
-		-moz-border-radius-bottomleft: 0;
 		border-bottom-right-radius: 0;
 		border-bottom-left-radius: 0;
 	}
@@ -95,39 +129,4 @@
 		background-color: #666;
 		text-decoration: none;
 	}
-	#related {
-		position: relative;
-		border: 0;
-		background-color: #ccc;
-		width: auto;
-		padding: 1em 0;
-		margin-top: 0;
-
-		-webkit-border-bottom-right-radius: 4px;
-		-webkit-border-bottom-left-radius: 4px;
-		-moz-border-radius-bottomright: 4px;
-		-moz-border-radius-bottomleft: 4px;
-		border-bottom-right-radius: 4px;
-		border-bottom-left-radius: 4px;
-	}
-	#related-jump {
-		float: right;
-		display: block;
-		background-color: #d7d7d7;
-		margin: 0;
-
-		-webkit-border-top-right-radius: 4px;
-		-webkit-border-bottom-left-radius: 4px;
-		-moz-border-radius-topright: 4px;
-		-moz-border-radius-bottomleft: 4px;
-		border-top-right-radius: 4px;
-		border-bottom-left-radius: 4px;
-	}
-	#related-jump a {
-		padding: 6px;
-		display: block;
-	}
-	#related-jump.file_frontpage {
-		display: none;
-	}
 }
diff --git a/style/news.css b/style/news.css
index e95a473..e3739ef 100644
--- a/style/news.css
+++ b/style/news.css
@@ -1,16 +1,43 @@
-.post-date {
-	width: 50px;
-	height: 50px;
-	float: left;
+.newsitem {
+	clear: both;
+	display: flex;
+	flex-wrap: wrap;
+	padding-bottom: 1em;
 }
+	.newsitem .post-date {
+		flex: 1;
+		min-width: 50px;
+		max-width: 50px;
+		order: 2;
+	}
+	.newsitem .post-wrap {
+		flex: 80;
+		order: 3;
+		padding-left: 1.2em;
+	}
+		.newsitem h2,
+		.newsitem h3 {
+			flex: 100;
+			order: 1;
+			min-width: 100%;
+			margin: 0 0 0.3em 0;
+		}
+		.newsitem h2 {
+			margin-bottom: 1em;
+		}	
+		.newsitem .post-wrap p:first-child {
+			margin-top: 0;
+		}
+
+
+
 .post-month {
 	text-transform: uppercase;
 	color: #fff;
 	text-align: center;
 	display:block;
-	padding: 2px;
+	padding: 0.15em;
 	background: #2284f2;
-	border-bottom: 1px dotted #2284f2;
 }
 .post-day {
 	text-transform: uppercase;
@@ -18,19 +45,28 @@
 	text-align: center;
 	display: block;
 	background: #fff;
-	border: 1px dotted #000;
+	border: 1px solid rgba( 0, 0, 0, 0.2 );
 	border-top: 0;
 	padding: 2px;
-	line-height: 11px;
-}
-
-.post-wrap {
-	margin-left: 65px;
-	padding-bottom: 1em;
+	line-height: 13px;
 }
+	.post-day .day {
+		font-size: 115%;
+		line-height: 1.3em;
+		font-weight: 500;
+	}
+	.post-day .year {
+		font-size: 85%;
+		color: #6d6d6d;
+	}
 
 .rss {
-	padding-right: 17px;
+	padding: 2px 20px 0 0;
 	background: url('img/feed.gif') no-repeat right center;
 	float: right;
 }
+
+h1 + .rss {
+	margin-top: -3.5em;
+}
+	
\ No newline at end of file

-- 
To stop receiving notification emails like this one, please contact
the administrator of this repository.


More information about the Xfce4-commits mailing list