[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
www/server/staging/layout banner.html body-incl...
|
From: |
Therese Godefroy |
|
Subject: |
www/server/staging/layout banner.html body-incl... |
|
Date: |
Mon, 04 Jan 2016 12:37:48 +0000 |
CVSROOT: /webcvs/www
Module name: www
Changes by: Therese Godefroy <th_g> 16/01/04 12:37:48
Added files:
server/staging/layout: banner.html body-include-1.html
body-include-2.html edu-cases.html
encyclopedia.html footer-text.html
gnu-logo.square.png language.png
layout.css menu.png search.png
Log message:
Proof of concept for responsive layout.
CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout/banner.html?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout/body-include-1.html?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout/body-include-2.html?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout/edu-cases.html?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout/encyclopedia.html?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout/footer-text.html?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout/gnu-logo.square.png?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout/language.png?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout/layout.css?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout/menu.png?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout/search.png?cvsroot=www&rev=1.1
Patches:
Index: banner.html
===================================================================
RCS file: banner.html
diff -N banner.html
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ banner.html 4 Jan 2016 12:37:45 -0000 1.1
@@ -0,0 +1,14 @@
+<!-- start of server/banner.html -->
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<link rel="stylesheet" href="/combo.css" media="screen" />
+<link rel="stylesheet" href="/mini.css" media="handheld" />
+<link rel="stylesheet" href="layout.css" media="screen" />
+<link rel="stylesheet" href="/print.min.css" media="print" />
+</head>
+<body>
+<div class="inner">
+<!--#include virtual="/server/staging/layout/body-include-1.html" -->
+<!--#include virtual="/server/staging/layout/body-include-2.html" -->
+<div id="content-wrapper">
+<div id="content">
+<!-- end of server/banner.html -->
Index: body-include-1.html
===================================================================
RCS file: body-include-1.html
diff -N body-include-1.html
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ body-include-1.html 4 Jan 2016 12:37:45 -0000 1.1
@@ -0,0 +1,27 @@
+<!-- start of server/body-include-1.html -->
+<div id="header">
+
+<p id="toplinks">
+ <span class="netscape4"><a href="#content">Skip to main text</a></span>
+</p> <!-- /toplinks -->
+
+<div id="gnu-banner">
+<a href="/">
+<img src="gnu-logo.square.png" alt=" [GNU logo] " /></a>
+</div><!-- /gnu-banner -->
+
+<div id="searcher">
+ <form method="get" action="//www.gnu.org/cgi-bin/estseek.cgi">
+ <div>
+ <input name="phrase" id="phrase" type="text" accesskey="s"
+ value="Why GNU/Linux?" onfocus="this.value=''" />
+ <input type="submit" value="Search" />
+ </div>
+ </form>
+</div><!-- /searcher -->
+
+<p id="fsf-support" class="no-display">Sponsored by the
+<strong><a href="#mission-statement">FSF</a></strong></p>
+
+
+<!-- end of server/body-include-1.html -->
Index: body-include-2.html
===================================================================
RCS file: body-include-2.html
diff -N body-include-2.html
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ body-include-2.html 4 Jan 2016 12:37:45 -0000 1.1
@@ -0,0 +1,105 @@
+<!-- start of server/body-include-2 -->
+
+<div id="navigation">
+ <ul>
+<!--#set var="MARK_START" value=" <span class='no-display'>=</span> " -->
+<!--#set var="MARK_END" value=" <span class='no-display'>=</span> " -->
+<!--#if expr="$REQUEST_URI = /^\/gnu\//" -->
+ <li id="tabAboutGNU" class="active">
+ <!--#echo encoding="none" var="MARK_START" -->
+ <a href="/gnu/gnu.html">About GNU</a>
+ <span class="gnun-split"></span>
+ <!--#echo encoding="none" var="MARK_END" -->
+ </li>
+<!--#else -->
+ <li id="tabAboutGNU"><a href="/gnu/gnu.html">About GNU</a></li>
+<!--#endif -->
+<!--#if expr="$REQUEST_URI = /^\/philosophy\// || $REQUEST_URI =
/^\/proprietary\//" -->
+ <li id="tabPhilosophy" class="active">
+ <!--#echo encoding="none" var="MARK_START" -->
+ <a href="/philosophy/philosophy.html">Philosophy</a>
+ <span class="gnun-split"></span>
+ <!--#echo encoding="none" var="MARK_END" -->
+ </li>
+<!--#else -->
+ <li id="tabPhilosophy"><a
href="/philosophy/philosophy.html">Philosophy</a></li>
+<!--#endif -->
+<!--#if expr="$REQUEST_URI = /^\/licenses\//" -->
+ <li id="tabLicenses" class="active">
+ <!--#echo encoding="none" var="MARK_START" -->
+ <a href="/licenses/licenses.html">Licenses</a>
+ <span class="gnun-split"></span>
+ <!--#echo encoding="none" var="MARK_END" -->
+ </li>
+<!--#else -->
+ <li id="tabLicenses"><a href="/licenses/licenses.html">Licenses</a></li>
+<!--#endif -->
+<!--#if expr="$REQUEST_URI = /^\/education\//" -->
+ <li id="tabEducation" class="active">
+ <!--#echo encoding="none" var="MARK_START" -->
+ <a href="/education/education.html">Education</a>
+ <span class="gnun-split"></span>
+ <!--#echo encoding="none" var="MARK_END" -->
+ </li>
+<!--#else -->
+ <li id="tabEducation"><a href="/education/education.html">Education</a></li>
+<!--#endif -->
+<!--#if expr="$REQUEST_URI = /^\/software\//" -->
+ <li id="tabSoftware" class="active">
+ <!--#echo encoding="none" var="MARK_START" -->
+ <a href="/software/software.html">Software</a>
+ <span class="gnun-split"></span>
+ <!--#echo encoding="none" var="MARK_END" -->
+ </li>
+<!--#else -->
+ <li id="tabSoftware"><a href="/software/software.html">Software</a></li>
+<!--#endif -->
+<!--#if expr="$REQUEST_URI = /^\/doc\// || $REQUEST_URI = /^\/manual\//" -->
+ <li id="tabDoc" class="active">
+ <!--#echo encoding="none" var="MARK_START" -->
+ <a href="/doc/doc.html">Documentation</a>
+ <span class="gnun-split"></span>
+ <!--#echo encoding="none" var="MARK_END" -->
+ </li>
+<!--#else -->
+ <li id="tabDoc"><a href="/doc/doc.html">Documentation</a></li>
+<!--#endif -->
+<!--#if expr="$REQUEST_URI = /^\/help\//" -->
+ <li id="tabHelp" class="active">
+ <!--#echo encoding="none" var="MARK_START" -->
+ <a href="/help/help.html">Help GNU</a>
+ <span class="gnun-split"></span>
+ <!--#echo encoding="none" var="MARK_END" -->
+ </li>
+<!--#else -->
+ <li id="tabHelp"><a href="/help/help.html">Help GNU</a></li>
+<!--#endif -->
+<!--#if expr="$REQUEST_URI = /^\/server\/sitemap/" -->
+ <li id="tabSitemap" class="active">
+ <!--#echo encoding="none" var="MARK_START" -->
+ <a href="/server/sitemap.html">Site map</a>
+ <span class="gnun-split"></span>
+ <!--#echo encoding="none" var="MARK_END" -->
+ </li>
+<!--#else -->
+ <li id="tabSitemap"><a href="/server/sitemap.html">Site map</a></li>
+<!--#endif -->
+ <li id="menu" class="icon">
+ <img src="menu.png" alt=" [Menu] " />
+ <span class="no-display"><a href="#fssbox">Free Software
Supporter</a></span>
+ <span class="no-display"><a href="#join-fsf">Join the FSF</a></span>
+ <span class="no-display"><a href="#fsf-links">Additional links</a></span>
+ </li> <!-- /menu -->
+ <li id="search" class="no-display icon">
+ <a href=""><img src="/graphics/search.png"
+ alt=" [Site search] " /></a>
+ </li> <!-- /search -->
+ <li id="i18n" class="no-display icon">
+ <a href="#lang"><img src="language.png"
+ alt=" [Translations] " /></a>
+ </li> <!-- /i18n -->
+ </ul>
+</div><!-- /navigation -->
+
+</div><!-- /header -->
+<!-- end of server/body-include-2 -->
Index: edu-cases.html
===================================================================
RCS file: edu-cases.html
diff -N edu-cases.html
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ edu-cases.html 4 Jan 2016 12:37:46 -0000 1.1
@@ -0,0 +1,127 @@
+<!--#include virtual="/server/header.html" -->
+<!-- Parent-Version: 1.77 -->
+<!--#set var="DISABLE_TOP_ADDENDUM" value="yes" -->
+
+<title>Case Studies
+- GNU Project - Free Software Foundation</title>
+
+<!--#include virtual="/education/po/edu-cases.translist" -->
+<!--#include virtual="/server/staging/layout/banner.html" -->
+
+<div id="education-content">
+
+<!-- begin edu navigation bar -->
+<ul id="edu-navigation">
+ <li><a href="/education/edu-contents.html">Education Contents</a></li>
+ <li class="active"><a href="/education/edu-cases.html">Case Studies</a></li>
+ <li><a href="/education/edu-resources.html">Educational Resources</a></li>
+ <li><a href="/education/edu-projects.html">Education Projects</a></li>
+ <li><a href="/education/edu-faq.html">FAQ</a></li>
+ <li><a href="/education/edu-team.html">The Education Team</a></li>
+</ul>
+<!-- end edu navigation bar -->
+
+</div> <!-- id="education-content" -->
+<p class="edu-breadcrumb">
+<a href="/education/education.html">Education</a> → Case Studies</p>
+<!--GNUN: OUT-OF-DATE NOTICE-->
+<!--#if expr="$OUTDATED_SINCE" --><!--#else -->
+<!--#if expr="$LANGUAGE_SUFFIX" -->
+<!--#set var="DISABLE_TOP_ADDENDUM" value="no" -->
+<!--#include virtual="/server/top-addendum.html" -->
+<!--#endif -->
+<!--#endif -->
+<h2>Case Studies</h2>
+
+<p>We perform worldwide research to examine cases of private and public
+educational institutions as well as informal educational environments
+that have successfully implemented the use of Free Software. We do not
+attempt to build a comprehensive database here. Instead, we present
+specific cases of success, in the belief that testimony will be
+inspiring to anyone considering first time installation or migration to
+Free Software.</p>
+
+<p>If you know of a case that could be included here, please contact us
+<a href="mailto:address@hidden";><address@hidden></a>
+to let us know.</p>
+
+<!-- Begin country-wise Index. Add countries in alphabetical order -->
+
+<a href="/education/edu-cases-argentina.html">Argentina</a> |
+<a href="/education/edu-cases-india.html">India</a>
+
+<!-- End of Country-wise Index -->
+
+<!-- Begin country-wise Section. Add new countries in alphabetical order -->
+
+<h3 id="Argentina">Argentina</h3>
+
+<!-- Add entries under corresponding country in alphabetical order by the name
of the school -->
+
+<p><a href="/education/edu-cases-argentina-ecen.html">Escuela
+Cristiana Evangélica de Neuquén (ECEN)</a> <br />
+An elementary teacher with little technical skills manages to get her
+school to migrate all work stations, including the administration
+offices and the library.</p>
+
+<h3 id="India">India</h3>
+
+<p><a href="/education/edu-cases-india-ambedkar.html">Ambedkar Community
+Computing Center (AC3)</a> <br />
+A group of Free Software advocates in Bangalore teaches computer skills
+to underprivileged children using exclusively Free systems and
+programs.</p>
+
+<p><a href="/education/edu-cases-india-irimpanam.html">Vocational Higher
+Secondary School Irimpanam (VHSS Irimpanam)</a> <br />
+One of the several thousand schools that migrated completely to Free
+Software under the government's project address@hidden</p>
+
+</div><!-- for id="content", starts in the include above -->
+
+<!--#include virtual="/server/staging/layout/footer-text.html" -->
+<div id="footer">
+<div class="unprintable">
+
+<p>Please send general FSF & GNU inquiries to
+<a href="mailto:address@hidden";><address@hidden></a>.
+There are also <a href="/contact/">other ways to contact</a>
+the FSF. Broken links and other corrections or suggestions can be sent
+to <a href="mailto:address@hidden";><address@hidden></a>.</p>
+
+<p><!-- TRANSLATORS: Ignore the original text in this paragraph,
+ replace it with the translation of these two:
+
+ We work hard and do our best to provide accurate, good quality
+ translations. However, we are not exempt from imperfection.
+ Please send your comments and general suggestions in this regard
+ to <a href="mailto:address@hidden";>
+ <address@hidden></a>.</p>
+
+ <p>For information on coordinating and submitting translations of
+ our web pages, see <a
+ href="/server/standards/README.translations.html">Translations
+ README</a>. -->
+Please see the <a
+href="/server/standards/README.translations.html">Translations
+README</a> for information on coordinating and submitting translations
+of this article.</p>
+</div>
+
+<p>Copyright © 2011 Free Software Foundation, Inc.</p>
+
+<p>This page is licensed under a <a rel="license"
+href="http://creativecommons.org/licenses/by-nd/3.0/us/";>Creative
+Commons Attribution-NoDerivs 3.0 United States License</a>.</p>
+
+<!--#include virtual="/server/bottom-notes.html" -->
+
+<p class="unprintable">Updated:
+<!-- timestamp start -->
+$Date: 2016/01/04 12:37:46 $
+<!-- timestamp end -->
+</p>
+</div>
+</div>
+</body>
+</html>
Index: encyclopedia.html
===================================================================
RCS file: encyclopedia.html
diff -N encyclopedia.html
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ encyclopedia.html 4 Jan 2016 12:37:46 -0000 1.1
@@ -0,0 +1,85 @@
+<!--#include virtual="/server/header.html" -->
+<!-- Parent-Version: 1.77 -->
+<title>The Free Encyclopedia Project
+- GNU Project - Free Software Foundation</title>
+<!--#include virtual="/encyclopedia/po/encyclopedia.translist" -->
+<!--#include virtual="/server/staging/layout/banner.html" -->
+<h2>The Free Encyclopedia Project</h2>
+
+<p>Our idea for a free encyclopedia is described
+in <a href="/encyclopedia/free-encyclopedia.html">The Free Universal
+Encyclopedia and Learning Resource</a>.</p>
+
+<p>Just as we were starting a project, GNUpedia, to develop a free
+encyclopedia, the <em>Nupedia</em> encyclopedia project adopted
+the <a href="/licenses/fdl.html">GNU Free Documentation License</a>
+and thus became a free commercial project. So we decided to merge
+GNUpedia project into Nupedia. Now,
+the <a href="http://www.wikipedia.org";>Wikipedia</a> encyclopedia
+project has adopted the philosophy of Nupedia and taken it even
+further. We encourage you to visit and contribute to the site.</p>
+
+</div><!-- for id="content", starts in the include above -->
+<!--#include virtual="/server/staging/layout/footer-text.html" -->
+<div id="footer">
+<div class="unprintable">
+
+<p>Please send general FSF & GNU inquiries to
+<a href="mailto:address@hidden";><address@hidden></a>.
+There are also <a href="/contact/">other ways to contact</a>
+the FSF. Broken links and other corrections or suggestions can be sent
+to <a href="mailto:address@hidden";><address@hidden></a>.</p>
+
+<p><!-- TRANSLATORS: Ignore the original text in this paragraph,
+ replace it with the translation of these two:
+
+ We work hard and do our best to provide accurate, good quality
+ translations. However, we are not exempt from imperfection.
+ Please send your comments and general suggestions in this regard
+ to <a href="mailto:address@hidden";>
+ <address@hidden></a>.</p>
+
+ <p>For information on coordinating and submitting translations of
+ our web pages, see <a
+ href="/server/standards/README.translations.html">Translations
+ README</a>. -->
+Please see the <a
+href="/server/standards/README.translations.html">Translations
+README</a> for information on coordinating and submitting translations
+of this article.</p>
+</div>
+
+<!-- Regarding copyright, in general, standalone pages (as opposed to
+ files generated as part of manuals) on the GNU web server should
+ be under CC BY-ND 3.0 US. Please do NOT change or remove this
+ without talking with the webmasters or licensing team first.
+ Please make sure the copyright date is consistent with the
+ document. For web pages, it is ok to list just the latest year the
+ document was modified, or published.
+
+ If you wish to list earlier years, that is ok too.
+ Either "2001, 2002, 2003" or "2001-2003" are ok for specifying
+ years, as long as each year in the range is in fact a copyrightable
+ year, i.e., a year in which the document was published (including
+ being publicly visible on the web or in a revision control system).
+
+ There is more detail about copyright years in the GNU Maintainers
+ Information document, www.gnu.org/prep/maintain. -->
+
+<p>Copyright © 1999, 2014 Richard M. Stallman</p>
+
+<p>This page is licensed under a <a rel="license"
+href="http://creativecommons.org/licenses/by-nd/3.0/us/";>Creative
+Commons Attribution-NoDerivs 3.0 United States License</a>.</p>
+
+<!--#include virtual="/server/bottom-notes.html" -->
+
+<p class="unprintable">Updated:
+<!-- timestamp start -->
+$Date: 2016/01/04 12:37:46 $
+<!-- timestamp end -->
+</p>
+</div>
+</div>
+</body>
+</html>
Index: footer-text.html
===================================================================
RCS file: footer-text.html
diff -N footer-text.html
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ footer-text.html 4 Jan 2016 12:37:46 -0000 1.1
@@ -0,0 +1,94 @@
+<!-- begin server/footer-text.html -->
+<p id="backtotop"><a href="#header">back to top</a></p>
+
+</div><!--/wrapper -->
+
+<div id="left-column">
+
+<hr class="no-display" />
+<!-- It would be nice to place the h3 within the translist file -->
+
+<div id="lang">
+<!--#set var="HTML_BODY" value="yes" -->
+<!--#set var="cb" value="$REQUEST_URI" -->
+<!--#if expr="$cb = /^([^?]*)[?]/" -->
+<!--#set var="cb" value="$1" -->
+<!--#endif -->
+<!--#set var="language_selector"
+ value='<a href="/server/select-language.html?callback=$cb" rel="nofollow">'
-->
+<!--#set var="closing_anchor" value='</a>' -->
+
+<p id="set-lang"><strong>
+ <span class="gnun-split"></span>
+ <span><!--#echo encoding="none" var="language_selector" -->
+ Set preferred language
+ <span class="gnun-split"></span>
+ <!--#echo encoding="none" var="closing_anchor" --></span>
+</strong></p>
+<p id="translist"><strong>Available for this page:</strong></p>
+<!--#if expr="$TRANSLATION_LIST" -->
+<!--#echo encoding="none" var="TRANSLATION_LIST" -->
+<!--#elif expr="$INITIAL_TRANSLATIONS_LIST = included" -->
+<!-- if initial translation list isn't included before banner.html,
+ then the file may use an old boilerplate that contains
+ div#translations in its body, and we mustn't duplicate it here. -->
+<!--#include virtual="/server/gnun/initial-translations-list.html" -->
+<!--#endif -->
+</div>
+
+<hr class="no-display" />
+<!-- include virtual="/server/page-tags.html" -->
+<div id="fsf-frame">
+<div id="fssbox">
+<p><strong><a href="http://www.fsf.org/fss";>Free Software
Supporter</a></strong><br />(monthly newsletter)</p>
+<form action="https://my.fsf.org/civicrm/profile/create?reset=1&gid=31";
method="post">
+ <div>
+ <input name="postURL" type="hidden" value="" />
+ <input type="hidden" name="group[25]" value="1" />
+ <input name="cancelURL" type="hidden"
value="https://crm.fsf.org/civicrm/profile?reset=1&gid=31"; />
+ <input name="_qf_default" type="hidden" value="Edit:cancel" />
+ </div>
+ <p>
+ <input type="text" id="frmEmail" name="email-Primary" maxlength="80"
+ value="email address" onfocus="this.value=''"/>
+ <input type="submit" name="_qf_Edit_next" value="Sign up" />
+ </p>
+</form>
+</div><!-- /fssbox -->
+
+<p id="join-fsf"><strong><a
href="https://www.fsf.org/associate/support_freedom?referrer=4052";>JOIN THE FSF</a></strong></p>
+</div><!-- /fsf-frame -->
+
+<hr class="no-display" />
+<div id="mission-statement">
+<blockquote>
+<a href="http://www.fsf.org";><img id="fsfbanner"
+src="/graphics/fsf-logo-notext-small.png" alt=" [FSF logo] "/></a>
+<p><strong>“Our
+mission is to preserve, protect and promote the freedom to use, study,
+copy, modify, and redistribute computer software, and to defend the
+rights of Free Software users.”</strong></p>
+</blockquote>
+
+<p>The <a href="http://www.fsf.org";>Free Software Foundation</a> is
+the principal organizational sponsor of the GNU Operating System.
+<strong>Support GNU and the FSF</strong> by <a
+href="http://shop.fsf.org/";>buying manuals and gear</a>, <a
+href="https://my.fsf.org/associate/support_freedom?referrer=4052";>
+<strong>joining the FSF</strong></a> as an associate member, or making
+a <strong>donation</strong>, either <a
+href="http://donate.fsf.org/";>directly to the FSF</a> or <a
+href="http://flattr.com/thing/313733/gnuproject-on-Flattr";>via
+Flattr</a>.</p>
+
+<p id="sisters" class="no-display">The <a href="http://www.fsf.org/";>FSF</a>
also has sister
+organizations in <a href="http://www.fsfe.org";>Europe</a>, <a
+href="http://www.fsfla.org/";>Latin America</a> and <a
+href="http://fsf.org.in/";>India</a>.</p>
+</div><!-- /mission-statement -->
+
+</div><!-- /left-column -->
+
+<hr class="no-display" />
+
+<!-- end server/footer-text.html -->
Index: gnu-logo.square.png
===================================================================
RCS file: gnu-logo.square.png
diff -N gnu-logo.square.png
Binary files /dev/null and /tmp/cvslCwXb3 differ
Index: language.png
===================================================================
RCS file: language.png
diff -N language.png
Binary files /dev/null and /tmp/cvsCIYVR2 differ
Index: layout.css
===================================================================
RCS file: layout.css
diff -N layout.css
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ layout.css 4 Jan 2016 12:37:47 -0000 1.1
@@ -0,0 +1,875 @@
+/*!
+layout.css -- css stylesheet used on www.gnu.org
+
+Copyright (C) 2006-2011, 2013-2016 Free Software Foundation
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+</div><!-- /toplinks -->
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+*/
+
+/*
+ NOTE: Changes to this file will affect the entire site, often in
+ unexpected ways. Please mail patches to address@hidden rather
+ than commit changes directly.
+
+ NOTE: After modifying this file, please generate the corresponding minified
+ version, otherwise the changes won't be visible.
+
+ To generate the minified version of this file, we currently use a free
+ program called YUI Compressor and run this command:
+
+ yuicompressor layout.css > layout.min.css
+*/
+
+
+
+html, body {
+ font-size: 1em;
+ text-align: left;
+ padding: 0;
+ margin: 0;
+ text-decoration: none;
+ color: #000;
+}
+html { background: #f7f7f7; }
+
+#toplinks, #header, #left-column, #edu-navigation {
+ font-family: "FreeSans", sans-serif;
+}
+
+
+
+/***********************
+ ** BUILDING BLOCKS **
+ ***********************/
+
+/*** SIMPLE ELEMENTS ***/
+
+a[href] { color: #005090; }
+a[href]:visited { color: #100070; }
+a[href]:active, a[href]:hover { color: #777; }
+
+/* The default color (black) is too dark for large text in
+ bold font. */
+h1, h2, h3, h4 { color: #333; }
+h5, h6, dt { color: #222; }
+
+blockquote { font-style: italic; }
+acronym, abbr { border-bottom: 1px dotted #111; }
+pre { overflow: auto; }
+small { font-size: .9em; }
+
+p, pre, ul li, ol li, dt, dd, code, address { line-height: 1.3em; }
+p, pre { margin-top: 1em; } /* In combo.css: margin-bottom:1em. */
+
+ul, ol, blockquote { margin-left: 1.5%; margin-right: 1.5%; }
+
+/* Lists of underlined links are difficult to read. The top margin
+ gives a little more spacing between entries. */
+ul li { margin: .5em 1em 0 1em; list-style: square; }
+
+/* Second-level lists don't usually need bullets (e.g. /prep/ftp.html). */
+ul ul li { list-style: none; margin-top: .3em; }
+ul li ul { margin-top: 0; margin-bottom: .7em; }
+
+/* Ordered list items are treated like paragraphs: spacing between
+ internal p's is smaller than between list items. Complex unordered
+ lists (with p in some items) should ideally be treated the same way,
+ but CSS can't tell whether an ul list will have complex items or not. */
+ol li { margin: 1em; }
+
+/* Separate description lists from preceding text */
+dl { margin: 2em 0 0 0; }
+/* separate the "term" from subsequent "description" */
+dt { margin: 1em 0; }
+/* separate the "description" from subsequent list item
+ when the final <dd> child is an anonymous box */
+dl dd { margin: 1em 3% 2em 3%; }
+/* separate anonymous box (used to be the first element in <dd>)
+ from subsequent <p> */
+dd p { margin-top: 1em; }
+
+address { margin-bottom: 1em; }
+
+.center, .c { text-align: center; }
+
+.underline { text-decoration: underline; }
+.nounderline { text-decoration: none; }
+
+/* Found in some tables of contents. */
+.no-bullet li { list-style: none; }
+
+.big { font-size: 130%; padding-top: 0.7em; }
+
+.inline-list li { display: inline }
+
+.netscape4, .no-display { display: none; }
+
+
+/*** SEPARATOR ***/
+
+/* For license-list.html, but could be used elsewhere. */
+hr.separator {
+ display: block;
+ height: .3em;
+ margin: 2em 0;
+ color: #999;
+ background-color: #999;
+ border: none;
+}
+
+
+/*** FORMS ***/
+
+form {
+ display: block;
+ font-size: .9em;
+ font-weight: bold;
+}
+form input { font-family: inherit; }
+form input[type="text"] {
+ padding: .2em;
+ margin: 0;
+ color: #555;
+ background: white;
+ border: .1em solid #999;
+}
+form input[type="submit"] {
+ padding: .2em .4em;
+ margin: 0;
+ color: #333;
+ background: white;
+ border: .1em solid #999;
+}
+form input:focus {
+ color: #333;
+ border: .1em solid #0156bf;
+}
+form input[type="submit"]:hover {
+ cursor: pointer;
+}
+
+
+/*** BUTTONS ***/
+
+.button, #join-fsf {
+ line-height: 1.2em;
+ font-weight: bold;
+}
+.button a, .button a:visited,
+ #join-fsf a, #join-fsf a:visited {
+ text-decoration: none;
+}
+
+/* The large button is defined in home.html.
+ Color, background and border are left out because they
+ depend on the environment.
+ font-size for #join-fsf is defined separately. */
+.button.small { font-size: 1.3em; }
+.button.small a, #join-fsf a {
+ padding: .4em .6em;
+}
+
+.button.small a, #join-fsf a {
+/* Display the button link as block in
+ browsers lacking support for inline-block, */
+ display: block;
+/* and as inline-block in those that support it. */
+ display: inline-block;
+}
+
+
+/*** SPECIAL BORDERS ***/
+
+#searcher input[type="text"], #searcher input[type="submit"],
+ .fssbox input[type="text"], #fssbox input[type="text"],
+ .fssbox input[type="submit"], #fssbox input[type="submit"] {
+ border-radius: .4em;
+ -moz-border-radius: .4em;
+ -khtml-border-radius: .4em;
+ -webkit-border-radius: .4em;
+ -opera-border-radius: .4em;
+}
+p.button.large, .button.small a, .join-fsf a, #join-fsf a,
+ .fssbox input[type="submit"], #fssbox input[type="submit"] {
+ border-radius: 1em;
+ -moz-border-radius: 1em;
+ -khtml-border-radius: 1em;
+ -webkit-border-radius: 1em;
+ -opera-border-radius: 1em;
+}
+
+
+/*** RETURN LINKS ***/
+
+.back, #backtotop {
+ text-align: right;
+ line-height: 1.5em;
+ font-weight: bold;
+}
+p.back { margin: 1.5em 3%; }
+.back a, .back a:visited,
+ #backtotop a, #backtotop a:visited { color: #333; }
+.back a:hover,
+ #backtotop a:hover { color: #0156bf; }
+
+p#backtotop {
+ float: right;
+ line-height: 1em;
+ position: relative;
+ bottom: 3em;
+ font-size: 1.2em; /* In #mission-statement, font-size is .9em. */
+ padding: 0;
+ margin: 0 10% 0 0;
+}
+
+p#backtotop a {
+ padding: .2em .5em;
+ text-decoration: none;
+ background: #c1ddff;
+}
+
+
+/*** BIG SECTION HEADERS ***/
+
+/* Used in license-list.html and proprietary-surveillance.html,
+ but could apply elsewhere. */
+
+div.big-section {
+ clear: left;
+ margin-bottom: .5em;
+}
+div.big-section h3 {
+ display: inline-block;
+ padding: .2em 0;
+ margin-right: .3em;
+ color: black;
+ border-top: .2em solid #3673bf;
+ border-bottom: .2em solid #3673bf;
+}
+div.big-subsection { margin: 1.5em 0; }
+div.big-subsection h4 {
+ display: inline;
+ margin-right: .3em;
+ color: black;
+}
+#content div.big-section h3 { font-size: 1.7em; }
+#content div.big-subsection h4 { font-size: 1.5em; }
+
+
+/*** ANCHOR ***/
+
+/* This is used in pages of lists, such as gnu-linux.faq.html,
+ to give readers a hint that they can link directly to a given item.
+ We make it less obtrusive than the item heading it follows. */
+.anchor-reference-id { font-size: 80%; font-weight: normal; }
+span.anchor-reference-id a { color: #333; }
+span.anchor-reference-id a[href]:hover { color: #777; }
+
+
+/*** NON-FLOATING INSETS AND HIGHLIGHTED STUFF ***/
+
+/* .highlight doesn't have a border. It can be applied to in-line elements,
+ or next to .summary.
+ .highlight-para and .emph-box have borders. They are used for blocks
+ which are not adjacent to floating stuff (unless a margin keeps
+ the right border away from the floating stuff). */
+
+.highlight-para, .emph-box { clear: both; }
+.highlight-para, p.highlight, .emph-box { padding: .4em 1.2em .5em 1.2em; }
+
+.highlight { background-color: #fff898; }
+.highlight-para, p.highlight { background-color: #ffc; }
+.highlight-para { border: 2px solid #bbb; }
+.emph-box, .lyrics {
+ background-color: #f5f5f5;
+ border: 1px solid #ccc;
+}
+
+.lyrics {
+ max-width: 25em;
+ font-style: italic;
+ padding: 2em;
+ margin-left: 3%; margin-right: 3%;
+}
+
+/* Announcements */
+div.announcement {
+ font-size: 1.1em; font-weight: bold;
+ padding: 0 1em;
+ margin: 1.5em 0;
+ color: #333;
+ border-left: .5em solid #fd7e2a;
+}
+div.announcement blockquote {
+ margin-left: 0; margin-right: 0;
+}
+
+/* Note about Free Software Free Society */
+blockquote#fsfs p { padding: .3em 0; }
+
+/* the urgent div should be enabled when we have something urgent to
+ appear on every page - these typically come from johns, peterb or rms
+ at the fsf */
+#urgent {
+ text-align: center;
+ font-size: .9em; font-weight: bold;
+ line-height: 2.6em;
+ color: black;
+ background-color: #ff3;
+ border-bottom: .3em solid #333;
+}
+#urgent a, #urgent a:visited {
+ color: blue; text-decoration: underline;
+}
+#urgent a:hover { color: #777; }
+
+
+/*** FLOATING NOTES ***/
+
+.note {
+ clear: right;
+ float: right;
+ text-align: center;
+ font-style: normal;
+ /* The next line could be "max-width:20em;". It would work
+ better in modern browsers, but the note wouldn't float in
+ NetSurf 1.2. Same problem with .summary. */
+ width: 20em; max-width: 90%;
+ padding: 0;
+ margin: .3em 0 1em 1.5em;
+ border: .3em solid #3465a4;
+}
+.note p {
+ font-size: 1.1em;
+ line-height: 1.4em;
+ padding: 0 1em ;
+}
+.note strong { font-size: 1.2em; }
address@hidden (max-width: 60em) {
+ .note { float: none; margin: 1em auto; }
+}
+
+
+/*** TABLES OF CONTENTS ***/
+
+/* Common definitions */
+.summary, .toc {
+ padding: .4em 1.5em; .5em 1.5em;;
+ background: #f5f5f5;
+}
+.summary ul, .toc ul {
+ padding: 0 3%;
+}
+.summary a, .toc a {
+ text-decoration: none;
+}
+.summary a:hover, .toc a:hover {
+ color: black; text-decoration: underline;
+}
+#content .summary h3, #content .toc h3 {
+ font-size: 1.2em;
+ margin-top: 1em;
+ text-align: center;
+}
+#content .summary h4, #content .toc h4 {
+ font-size: 1.1em;
+}
+
+/* Small tables of contents */
+.summary {
+ clear: right;
+ float: right;
+ max-width: 20em;
+ margin: .3em 0 1em 0;
+ border-left: 1.5em solid white;
+}
+/* Big tables of contents */
+.toc { float: left; margin: .5em 0 2em 0; }
+
address@hidden (max-width: 60em) {
+ .summary {
+ float: none;
+ max-width: 25em;
+ margin: 2.5em auto 2em auto;
+ border: none;
+ }
+ .toc {
+ float: none;
+ max-width: 40em;
+ margin-top: 2.5em;
+ }
+}
+
+
+/*** IMAGES ***/
+
+/* For photo-like images */
+.portrait, .landscape {
+ float: right; max-width: 100%;
+ margin: .3em 0 1em 1.5em;
+}
+.portrait p, .landscape p { font-style: italic; }
+.portrait img, .landscape img { width: 100%; }
+.portrait { width: 20em; }
+
address@hidden (max-width: 60em) {
+ .portrait { float: none; margin: auto; }
+}
+.landscape { width: 25em; }
address@hidden (max-width: 65em) {
+ .landscape { float: none; margin: auto; }
+}
+
+
+/*** LISTINGS ***/
+
+.listing,
+.stx table {
+ /* The default table for document listings. Contains name, document types,
+ modification times etc in a file-browser-like fashion */
+ border-collapse: collapse;
+ border: 1px solid #666666;
+ margin: 1em 0em 1em 0em;
+}
+
+.listing th,
+.stx table th {
+ background: #fff898;
+ color: black;
+ font-weight: bold !important;
+ border: 1px solid #666666;
+ font-weight: normal;
+ padding: .7em;
+}
+
+.listing td a { display: block; }
+.listing .top {
+ border-top: 1px solid #666666;
+ text-align: right ! important;
+ padding: 0em 0em 1em 0em;
+}
+
+.listing .odd {
+ /*every second line should be shaded */
+ background-color: transparent;
+}
+.listing .even {
+ background-color: #f5f5f5;
+}
+.listing .listingCheckbox {
+ text-align: center;
+}
+.listing td,
+.stx table td {
+ border: 1px solid #666666;
+ padding: 1em .3em;
+ text-align: center;
+ line-height: 1.3em
+}
+
+.listing a:hover {
+ text-decoration: underline;
+}
+
+.listing img {
+ vertical-align: middle;
+}
+
+.listing { width: 100%; }
+
+/* For wide tables, e.g. in doc/other-free-books.html */
+table.listing {
+ display: block;
+ overflow: auto;
+ padding: .1em;
+ margin: 2em auto;
+}
+
+
+
+/************************
+ ** PAGE DESCRIPTION **
+ ************************/
+
+/*** HEADER ***/
+
+#header:after {
+ clear: both; content: ""; display: block;
+ height: 0px; visibility: hidden; width: 0px;
+}
+#header {
+ position: relative;
+ max-width: 95.5em;
+ padding: .2em 1.5em;
+}
+
+#toplinks a, #toplinks a:visited {
+ display: inline-block;
+ white-space: nowrap;
+ font-size: .9em;
+ font-weight: bold;
+ color: #444;
+ text-decoration: none;
+ margin: 0 1em;
+}
+#toplinks a:hover { color: #0156bf; }
+
+#gnu-banner {
+ float: left;
+ max-width: 8em;
+ text-align: center;
+ margin: 0 3.5em .3em 3.5em;
+}
+#gnu-banner img {
+ width: 100%;
+ margin: 0;
+}
+#fsf-support {
+ float: left:
+ white-space: nowrap;
+ line-height: 1.1em;
+ font-size: .9em;
+ font-style: italic;
+}
+#fsf-support a, #fsf-support a:visited { color: #444; }
+#fsf-support a:hover { color: #a42e00; }
+#fsf-support span.abbr { display: none; }
+#searcher {
+ float: right; margin: 0 0 1em 0;
+}
+
+
+/*** CONTENT and LEFT COLUMN ***/
+
+#content-wrapper {
+ float: left;
+ width: 100%;
+ margin: 0; padding: 0;
+}
+#content {
+ max-width: 75em;
+ overflow: hidden;
+ padding: 1em 2em 5em 2em;
+ margin: .5em 1.5em 0 18em;
+ background: white;
+ border: .1em solid #ccc;
+ -moz-box-shadow: 0 0 .2em .2em #ccc;
+ -webkit-box-shadow: 0 0 .2em .2em #ccc;
+ -icab-box-shadow: 0 0 .2em .2em #ccc;
+ -o-box-shadow: 0 0 .2em .2em #ccc;
+ box-shadow: 0 0 .2em .2em #ccc;
+}
+#left-column {
+ float: left;
+ width: 15em;
+ text-align: center;
+ padding: .5em 1.5em;
+ margin-left: -100%;
+}
+#left-column a { text-decoration: none; }
+
+
+/* Translations */
+
+#lang {
+ max-height: 9em; overflow: auto;
+ font-size: .9em;
+ padding: .7em .5em;
+ color: #444;
+ background: white;
+ border: 1px solid #ccc;
+}
+#lang p {
+ line-height: 1.4em;
+ padding: .2em 0 0 0;
+ margin: 0;
+}
+#lang p#set-lang { margin: 0 0 .5em 0; }
+
+#translations span {
+ white-space: nowrap;
+ line-height: 1.3em;
+}
+#translations span a, #translations span a:visited {
+ color: #333; text-decoration: none;
+}
+/* Highlight the link to the original page */
+#translations span.original {
+ font-weight: bold;
+}
+#translations span.original a,
+ #translations span.original a:visited,
+ #set-lang a, #set-lang a:visited {
+ color: #0156bf;
+}
+#translations a:hover { color: #0156bf; }
+#translations span.original a:hover,
+ #set-lang a:hover { color: #777; }
+
+
+/* FSF stuff */
+
+#fssbox { margin: 2em 0 0 0; }
+#fssbox p { margin: 0 0 .3em 0; }
+#fssbox form p { margin: 0; }
+#fssbox form input[type="submit"] { color: #0156bf; }
+#fssbox a, #fssbox a:visited { color: #0156bf; }
+#fssbox a:hover { color: #777; }
+
+#join-fsf {
+ margin: 1em 1em 2em 1em;
+ padding: 1.5em 0 .5em 0;
+}
+p#join-fsf a, p#join-fsf a:visited {
+ color: white;
+ background: #0156bf;
+}
+p#join-fsf a:hover { color: #ffa; }
+
+
+/* Navigation */
+
+#navigation {
+ clear: right;
+ position: absolute; bottom: 1em; left: 1.5em; right: 1.5em;
+ margin-left: 16.5em;
+ background: white;
+}
+#navigation ul, ul#edu-navigation {
+ text-align: center;
+ font-size: .9em;
+ padding: .15em .3em;
+ margin: 0;
+ border: 1px solid #ccc;
+}
+
+#navigation ul li, ul#edu-navigation li {
+ display: inline-block;
+ line-height: 1.1em;
+ font-weight: bold;
+ padding: .2em;
+ margin: .1em 0;
+ list-style: none;
+}
+#navigation a, ul#edu-navigation a {
+ white-space: nowrap;
+ padding: .2em;
+ text-decoration: none;
+}
+#navigation a, #navigation a:visited,
+ #edu-navigation a, #edu-navigation a:visited {
+ color: #555;
+}
+#navigation li.active a, #navigation li.active a:hover {
+ color: white;
+ background-color: #a42e00;
+}
+#navigation a:hover { color: #a42e00; }
+#edu-navigation li.active a, #edu-navigation li.active a:hover {
+ color: #555;
+ background-color: #c1ddff;
+}
+#edu-navigation a:hover { color: #0156bf; }
+
+#navigation img {
+ height: 1em;
+ position: relative; top: .2em;
+ margin: 0 .5em;
+}
+#navigation ul li.no-display { display: none; }
+
+
+/* Content headers */
+
+#content h1, #content h2 {
+ font-weight: bold;
+ padding: 0;
+ margin: .6em 0 1.1em 0;
+ color: #0156bf;
+}
+#content h1 { font-size: 2.4em; }
+#content h2 { font-size: 2em; }
+#content h3 { font-size: 1.4em; margin: 1.2em 0 0.7em 0; }
+#content h4 { font-size: 1.2em; margin: 1.0em 0 0.83em 0; }
+#content h5 { font-size: 1.1em; margin: 1.0em 0 0.91em 0; }
+#content h6 { font-size: 1.0em; margin: 1.0em 0 1.0em 0; }
+
+
+/*** MISSION STATEMENT AND FOOTER ***/
+
+#mission-statement {
+ font-size: .9em;
+ padding: 0 .5em .5em .5em;
+ color: #444;
+ background: white;
+ border: 1px solid #ccc;
+}
+#mission-statement blockquote {
+ font-weight: bold;
+}
+#mission-statement img {
+ height: 2em;
+ padding: .2em 0;
+}
+
+#footer {
+ max-width: 75em;
+ text-align: center; /* Probably not the best. */
+ color: #333;
+ padding: 0 2em;
+ margin-left: 18em;
+}
+#footer p { font-size: .9em; margin: 0; }
+
+#footer .unprintable, #footer .translators-credits {
+ margin-bottom: .7em;
+}
+
+#bottom-notes { margin-top: .7em; }
+
+
+/*** FOR NARROW SCREENS ***/
+
address@hidden (max-width: 55em) {
+ #content-wrapper, #content, #left-column { float: none; }
+ #header, #content, #mission-statement, #footer {
+ padding-left: 3%; padding-right: 3%;
+ margin-left: 0; margin-right: 0;
+ }
+ #header { border-bottom: .2em solid #ccc; }
+ #gnu-banner { margin: 0 1.5em .3em 0; }
+ #fsf-support { display: block; margin: 0 1em 1.7em 0; }
+ #navigation { position: static; margin: 0 0 .7em 9.5em; }
+ #navigation li#i18n { display: inline; }
+ #content { border: none; margin-bottom: none; box-shadow: none; }
+ #content { margin: 0; }
+ ul#edu-navigation { margin-top: 0; }
+ div.inner #backtotop { bottom: 2em; }
+ #left-column {
+ clear: both;
+ width: auto;
+ /* The following fills up the space left by #backtotop */
+ position: relative; bottom: 1em;
+ padding: 0; margin: 0;
+ border-top: 1px solid #bbb;
+ }
+ #lang { padding: 1em 3%; }
+ #footer { text-align: center; }
+ .summary { width: 70%; }
+}
+
address@hidden (max-width: 45em) {
+ #searcher { display: none }
+ #navigation ul li#search { display: inline; }
+}
address@hidden (max-width: 38em) {
+ #navigation { margin: 0; }
+ #navigation { clear: none; float: right; margin-top: 1em; }
+ #navigation ul li { display: none; }
+ #navigation ul li#i18n, #navigation ul li#menu { display: inline; }
+ #edu-navigation { display: none; }
+}
+
address@hidden (max-width: 21em) {
+ #header { text-align: center; }
+ #toplinks > span { display: inline; }
+ p#toplinks { margin-top: 0; }
+ #gnu-banner {
+ clear: left; float: none;
+ margin: .5em auto 0 auto;
+ }
+ p#fsf-support { margin: 0; }
+ #navigation { float: none; margin-bottom: .5em; }
+ #navigation li { margin: 0; }
+ #content h1 { font-size: 1.8em; text-align: center; }
+ #content h2 { font-size: 1.6em; text-align: center; }
+ .note { display: none }
+}
+
+
+/*********************
+ ** SPECIAL PAGES **
+ *********************/
+
+/*** TRANSLATIONS ***/
+
+/* Note saying the page is a translation. */
+.trans-disclaimer {
+ text-align: center;
+ font-weight: bold;
+ font-style: italic;
+ margin: 1em; margin-bottom: 0;
+}
+.trans-disclaimer a,
+.trans-disclaimer a:visited { color: #333; }
+.trans-disclaimer a:hover { color: #777; }
+
+/* Outdated translations */
+#outdated {
+ text-align: center;
+ padding: .7em 3%;
+ margin-top: 1.5em;
+ background-color: #f5f5f5;
+ border-left: 1em solid #fd7e2a;
+ border-right: 1em solid #fd7e2a;
+ border-top: 1px solid #fd7e2a;
+ border-bottom: 1px solid #fd7e2a;
+ border-radius: 3em;
+ -moz-border-radius: 3em;
+ -khtml-border-radius: 3em;
+ -webkit-border-radius: 3em;
+ -opera-border-radius: 3em;
+}
+#outdated p {
+ margin: .2em 0;
+}
+
+/* Translators notes */
+.translators-notes {
+ font-size: .9em; margin-top: 2.2em;
+}
+
+
+/*** EDUCATION ***/
+
+/* Breadcrumbs */
+#content .edu-breadcrumb {
+ font-size: .9em;
+ font-weight: bold;
+ padding-bottom: .5em;
+ margin: .3em 0 0 0;
+ color: #333;
+}
+#content .edu-breadcrumb a,
+#content .edu-breadcrumb a:visited {
+ color: #0156bf;
+ text-decoration: none;
+}
+#content .edu-breadcrumb a:hover {
+ color: #777;
+}
+
+/* Subsections of /education "Case Studies" */
+div.edu-cases {
+ border-top: .35em ridge #3673bf;
+ border-bottom: .35em ridge #3673bf;
+ padding: 1.5em 0;
+ margin: 2em 4%;
+}
+
+/* make h3 for edu-cases look like h4 for other pages */
+#content div.edu-cases h3 {
+ font-size: 1.2em;
+ margin: 1em 0;
+}
Index: menu.png
===================================================================
RCS file: menu.png
diff -N menu.png
Binary files /dev/null and /tmp/cvsuGROu6 differ
Index: search.png
===================================================================
RCS file: search.png
diff -N search.png
Binary files /dev/null and /tmp/cvsJAPqe6 differ
| [Prev in Thread] |
Current Thread |
[Next in Thread] |
- www/server/staging/layout banner.html body-incl...,
Therese Godefroy <=