[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
www/server/staging/ghm2016 banner.html body-inc...
From: |
Therese Godefroy |
Subject: |
www/server/staging/ghm2016 banner.html body-inc... |
Date: |
Sun, 12 Jun 2016 23:26:40 +0000 (UTC) |
CVSROOT: /webcvs/www
Module name: www
Changes by: Therese Godefroy <th_g> 16/06/12 23:26:40
Added files:
server/staging/ghm2016: banner.html body-include-2.html
head-include-2.html home-ghm.html
layout.css
Log message:
Home page with GHM2016 info; move large button, change colors slightly,
make the header squeeze better, etc.
CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/ghm2016/banner.html?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/ghm2016/body-include-2.html?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/ghm2016/head-include-2.html?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/ghm2016/home-ghm.html?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/ghm2016/layout.css?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 12 Jun 2016 23:26:39 -0000 1.1
@@ -0,0 +1,9 @@
+<!-- start of server/banner.html -->
+<!--#include virtual="/server/staging/ghm2016/head-include-2.html" -->
+</head>
+<body>
+<div class="inner">
+<!--#include virtual="/server/body-include-1.html" -->
+<!--#include virtual="/server/staging/ghm2016/body-include-2.html" -->
+<div id="content">
+<!-- end of server/banner.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 12 Jun 2016 23:26:39 -0000 1.1
@@ -0,0 +1,117 @@
+<!-- start of server/body-include-2 -->
+
+
+<div id="header">
+<div id="fsf-frame">
+<p id="join-fsf"><a
href="https://www.fsf.org/associate/support_freedom?referrer=4052">JOIN THE FSF</a></p>
+<div id="fssbox">
+<p><a href="http://www.fsf.org/fss">Free Software Supporter</a></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" size="18"
maxlength="80"
+ value="email address" onfocus="this.value=''"/>
+ <input type="submit" name="_qf_Edit_next" value="Sign up" />
+ </p>
+</form>
+</div><!-- /fssbox -->
+</div><!-- /fsf-frame -->
+
+<div id="gnu-banner">
+ <a href="/">
+ <img src="/graphics/heckert_gnu.small.png" alt=" [A GNU head] "
/><strong>GNU</strong> Operating System</a>
+</div><!-- /gnu-banner -->
+
+<!-- <p id="fsf-support">Sponsored by the <a href="#mission-statement">Free
Software Foundation</a></p>-->
+</div><!-- /header -->
+
+<p class="c" style="font-size:1.1em; line-height: 1.7em; margin: 0;
+ background: #ececec; border-top: .2em solid #e74c3c">
+The <strong>9th HACKERS MEETING</strong> will be held in Rennes (France)
+from August 18 to 20. <a
+href="/ghm/upcoming.html">More info</a>
+</p>
+
+<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\//" -->
+ <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 -->
+ </ul>
+</div><!-- /navigation -->
+
+<!-- end of server/body-include-2 -->
Index: head-include-2.html
===================================================================
RCS file: head-include-2.html
diff -N head-include-2.html
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ head-include-2.html 12 Jun 2016 23:26:39 -0000 1.1
@@ -0,0 +1,7 @@
+<!-- start of head-include-2.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" />
+<!-- end of head-include-2.html -->
Index: home-ghm.html
===================================================================
RCS file: home-ghm.html
diff -N home-ghm.html
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ home-ghm.html 12 Jun 2016 23:26:39 -0000 1.1
@@ -0,0 +1,360 @@
+<!--#include virtual="/server/header.html" -->
+<!-- Parent-Version: 1.79 -->
+
+<title>The GNU Operating System and the Free Software Movement</title>
+
+<meta http-equiv="Keywords" content="GNU, FSF, Free Software Foundation,
Linux, Emacs, GCC, Unix, Free Software, Libre Software, Operating System, GNU
Kernel, GNU Hurd" />
+<meta http-equiv="Description" content="Since 1983, developing the free Unix
style operating system GNU, so that computer users can have the freedom to
share and improve the software they use." />
+<link rel="alternate" title="Planet GNU"
href="http://planet.gnu.org/rss20.xml" type="application/rss+xml" />
+
+<style type="text/css" media="screen">
+<!--
+#home:after {
+ clear: both; content: ""; display: block;
+ height: 0px; visibility: hidden; width: 0px;
+}
+#home h2 {
+ color: #333; text-shadow: none;
+ margin-top: .9em; margin-bottom: .6em;
+}
+#home .button.large {
+ font-size: 1.5em;
+ font-family: "FreeSans", sans-serif;
+ margin: 1.5em 0;
+}
+#home .button a, #home .button a:visited {
+ color: #e74c3c;
+}
+#home .button a:hover { color: #777; }
+#gnu-linux {
+ width: 27em; max-width: 100%;
+ text-align: center; margin: 1.5em auto;
+}
+#gnu-linux img { width: 100%; }
+#home p.back { margin-bottom: 0; }
+.second-column h4 img { height: .75em; width: .75em; }
+#home .emph-box { margin-top: 2.2em; background: white; }
+#Flashes { padding-bottom: 1em; }
+#home .emph-box h4 {
+ text-align: center;
+ font-size: 1.5em;
+ margin-top: .5em;
+}
+#home .emph-box p { font-size: .9em; }
+#home .emph-box p small { font-size: 1em; }
+#blurb {
+ padding-bottom: 1.5em;
+ margin-top: 2.5em;
+}
+#Action {
+ padding: 0 1em;
+ margin: 2.5em 0;
+ border-left: .3em dotted #f49943;
+ border-right: .3em dotted #f49943;
+}
+#Action h2 {
+ text-align: center;
+}
+#Action li { margin-bottom: .7em; }
+#home .highlight-para { border: .1em solid #f49943; }
+p#backtotop { float: right; margin-top: 2.5em; }
+#sisters { font-size: .9em; margin: 0 3% 2em 3%; }
address@hidden (min-width: 52em) {
+ #home .first-column {
+ width: 60%;
+ float: left;
+ }
+ #home .second-column {
+ width: 37%;
+ float: right;
+ }
+}
+-->
+<!--#if expr="$LANGUAGE_SUFFIX = /[.](ar|fa|he)/" -->
+<!--
+p#backtotop { float: left; }
address@hidden (min-width: 52em) {
+ #home .first-column {
+ width: 60%;
+ float: right;
+ }
+ #home .second-column {
+ width: 37%;
+ float: left;
+ }
+}
+-->
+<!--#endif -->
+</style>
+<!--#include virtual="/po/home.translist" -->
+<!--#include virtual="/server/staging/ghm2016/banner.html" -->
+
+<p class="no-display">GNU is the only operating system developed
+specifically to give its users freedom. What is GNU, and what freedom
+is at stake?</p>
+
+<div id="home">
+<div class="first-column">
+
+<h2>What is GNU?</h2>
+
+<p>GNU is an operating system that
+is <a href="/philosophy/free-sw.html">free software</a>—that is,
+it respects users' freedom. The development of GNU made it possible
+to use a computer without software that would trample your freedom.</p>
+
+<p>We recommend <a href="/distros/free-distros.html">installable
+versions of GNU</a> (more precisely, GNU/Linux distributions) which
+are entirely free software. <a href="#More-GNU">More about GNU
+below</a>.</p>
+
+<div id="gnu-linux">
+<p class="button large"><a
+ href="/distros/free-distros.html">Try GNU/Linux!</a></p>
+
+<p><a href="/distros/screenshot.html"><img
+ src="/distros/screenshots/trisquel-medium.jpg"
+ alt="Screenshot of GNU"/></a></p>
+</div>
+
+<h2>What is the Free Software Movement?</h2>
+
+<p>The free software movement campaigns to win for the users of
+computing the freedom that comes from free software. Free software
+puts its users in control of their own computing. Non-free software
+puts its users under the power of the software's developer. See
+<a
href="https://www.fsf.org/blogs/rms/20140407-geneva-tedx-talk-free-software-free-society">
+the video explanation</a>.</p>
+
+<h2>What is Free Software?</h2>
+
+<p><strong>Free software means the users have the freedom to run,
+copy, distribute, study, change and improve the software.</strong></p>
+
+<p>Free software is a matter of liberty, not price. To understand the
+concept, you should think of “free” as in “free
+speech”, not as in “free beer”.</p>
+
+<p>More precisely, free software means users of a program have
+the <a href="/philosophy/free-sw.html">four essential
+freedoms</a>:</p>
+
+<ul>
+<li>The freedom to run the program as you wish,
+ for any purpose (freedom 0).</li>
+<li>The freedom to study how the program works, and adapt it to your needs
+ (freedom 1). Access to the source code is a precondition for this.</li>
+<li>The freedom to redistribute copies so you can help your neighbor
+ (freedom 2).</li>
+<li>The freedom to improve the program, and release your improvements
+ to the public, so that the whole community benefits
+ (freedom 3). Access to the source code is a precondition for this.</li>
+</ul>
+
+<p>Developments in technology and network use have made these freedoms
+<a href="/philosophy/free-software-even-more-important.html">even more
+important now</a> than they were in 1983.</p>
+
+<p>Nowadays the free software movement goes far beyond developing the
+GNU system. See <a href="https://fsf.org">the Free Software
+Foundation's web site</a> for more about what we do, and a list
+of <a href="/help">ways you can help</a>.</p>
+
+<h2>More about GNU</h2>
+
+<p><a id="More-GNU">GNU</a> is a Unix-like operating system. That
+means it is a collection of many programs: applications, libraries,
+developer tools, even games. The development of GNU, started in
+January 1984, is known as the GNU Project. Many of the programs in
+GNU are released under the auspices of the GNU Project; those we
+call <a href="/software/">GNU packages</a>.</p>
+
+<p>The name “GNU” is a recursive acronym for “GNU's
+Not
+Unix.” <a href="/pronunciation/pronunciation.html">“GNU”
+is pronounced <em>g'noo</em></a>, as one syllable, like saying
+“grew” but replacing the <em>r</em> with <em>n</em>.</p>
+
+<p>The program in a Unix-like system that allocates machine resources
+and talks to the hardware is called the “kernel”. GNU is
+typically used with a kernel called Linux. This combination is
+the <a href="/gnu/linux-and-gnu.html"><strong>GNU/Linux operating
+system</strong></a>. GNU/Linux is used by millions, though
+many <a href="/gnu/gnu-linux-faq.html">call it “Linux” by
+mistake</a>.</p>
+
+<p>GNU's own kernel, <a href="/software/hurd/hurd.html">The Hurd</a>,
+was started in 1990 (before Linux was started). Volunteers continue
+developing the Hurd because it is an interesting technical
+project.</p>
+
+<p class="back"><a href="/gnu/gnu.html">More information</a>.</p>
+
+</div><!-- /first-column -->
+
+<div class="second-column">
+
+<div id="Flashes" class="emph-box">
+<h4><a href="http://planet.gnu.org/">Planet GNU</a>
+<a href="http://planet.gnu.org/rss20.xml"><img src="/feed-icon-10x10.png"
alt="RSS Feed" /></a></h4>
+<!--#include virtual="/planetfeeds.html" -->
+<p>For more news, see <a href="http://planet.gnu.org/">Planet GNU</a>
+and the list of <a href="/software/recent-releases.html">recent GNU
+releases</a>.</p>
+</div><!-- class="emph-box" -->
+
+<div id="blurb" class="emph-box">
+<!--#include virtual="/server/home-pkgselect.html" -->
+<!--#include virtual="/server/home-pkgblurbs.html" -->
+<p class="back"><small><a href="/manual/blurbs.html">Short descriptions for
all GNU
+packages.</a></small></p>
+</div><!-- id="software" -->
+
+<div id="Action">
+
+<!-- BEGIN TakeAction -->
+<h2>Take Action</h2>
+
+<ul>
+<li><strong><a href="http://www.fsf.org/campaigns">Support current FSF
+campaigns</a></strong>.</li>
+
+<li>Defend <a href="http://www.laquadrature.net/en/Privacy">
+privacy</a>, and support <a
+href="http://www.laquadrature.net/en/the-eu-commissions-outrageous-attempt-to-avoid-copyright-reform">
+global copyright reform</a> with <a
+href="http://www.laquadrature.net/en/">LQDN</a>.</li>
+
+<li>Support the efforts on net neutrality in Europe,
+<a href="http://www.savetheinternet.com" title="Net
+neutrality in the United States of America">in the USA</a>
+and <a href="http://saveournet.ca/" title="Net neutrality in
+Canada">in Canada</a>.</li>
+
+<li><strong>Fight against software patents:</strong>
+<a href="http://www.endsoftpatents.org">worldwide</a>,
+<a href="/server/takeaction.html#swpat">and Europe</a>.</li>
+
+<li><strong>Watch and share this movie:</strong> <a
+href="http://patentabsurdity.com">Patent Absurdity</a>—made
+possible by <a href="http://www.fsf.org/associate/">FSF associate
+members</a> like <a href="http://fsf.org/jfb">you</a>.</li>
+
+<li><strong><a href="/server/takeaction.html#wipochange">Call
+on WIPO</a></strong> to change its name and mission.</li>
+
+<li>Students! <a href="http://www.aful.org/communiques/univ-offers-me-windows">
+Claim a refund on your unused Microsoft Windows licences</a>.</li>
+
+<li><a href="/server/takeaction.html#directory">Add to the Free Software
+Directory</a>.</li>
+</ul>
+
+<p class="back"><a href="/server/takeaction.html">More action items.</a></p>
+
+<!-- END TakeAction -->
+</div><!-- /Action -->
+
+<div class="highlight-para">
+
+<p><strong>Can you contribute to any of
+these <a href="http://www.fsf.org/campaigns/priority-projects/">High
+Priority Projects</a>?</strong> Gnash, coreboot, free distributions of
+GNU/Linux, GNU Octave, drivers for network routers, reversible
+debugging in GDB, automatic transcription, PowerVR drivers, and also
+free software replacements for Skype, OpenDWG libraries, and Oracle
+Forms.</p>
+
+<p id="unmaint"><strong>Can you take over an <a
+href="/server/takeaction.html#unmaint">unmaintained GNU
+package</a>?</strong>
+<span class="gnun-split"></span>
+ <a href="/software/halifax/">halifax</a>,
+ <a href="/software/metahtml/">metahtml</a>,
+ <a href="/software/orgadoc/">orgadoc</a>
+ <span class="gnun-split"></span>,
+are all <a href="/server/takeaction.html#unmaint">looking for
+maintainers</a>. Also, these packages are looking for co-maintainers:
+<span class="gnun-split"></span>
+ <a href="/software/aspell/">aspell</a>,
+ <a href="/software/gnuae/">gnuae</a>,
+ <a href="/software/metaexchange/">metaexchange</a>,
+ <a href="/software/powerguru/">powerguru</a><span class="gnun-split"></span>.
+See the package web pages for more information.</p>
+
+</div><!-- /highlight-para -->
+</div><!-- /second-column -->
+</div><!-- /home -->
+
+</div><!-- for id="content", starts in the include above -->
+<!--#include virtual="/server/footer.html" -->
+
+<p id="sisters">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 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 4.0. 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 © 1996, 1997, 1998, 1999, 2000, 2001, 2002, 2003,
+2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016 <a
+href="http://www.fsf.org">Free Software Foundation</a>, Inc.</p>
+
+<p>This page is licensed under a <a rel="license"
+href="http://creativecommons.org/licenses/by-nd/4.0/">Creative
+Commons Attribution-NoDerivatives 4.0 International License</a>.</p>
+
+<!--#include virtual="/server/bottom-notes.html" -->
+
+<p class="unprintable">Updated:
+<!-- timestamp start -->
+$Date: 2016/06/12 23:26:39 $
+<!-- timestamp end -->
+</p>
+</div>
+</div>
+</body>
+</html>
Index: layout.css
===================================================================
RCS file: layout.css
diff -N layout.css
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ layout.css 12 Jun 2016 23:26:39 -0000 1.1
@@ -0,0 +1,1032 @@
+/*!
+layout.css -- css stylesheet used on www.gnu.org
+
+Copyright (C) 2006, 2007, 2008, 2009, 2010, 2011,
+ 2013, 2014, 2015, 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
+*/
+
+
+/*** COLORS ***/
+
+/*
+Text
+ black normal text, hover on #555
+ white #navigation
+ #222, #333, #404040, #555: special items
+ #777 medium gray: hover special links
+ #005090 greenish blue: normal links
+ #100070 purplish blue: normal visited links, normal hover
+ blue #urgent links
+ #a42e2b GNU banner, #join-fsf, #outdated, active links in edu-navbar
+
+Backgrounds
+ white #inner, navbar li.active
+ #f3f3f3 #translations, #footer, #outdated, .emph-box, .toc,
+ .lyrics, .listing
+ #eee #edu-navigation, submit
+ #e4e4e4 html
+ #ddd #gpl-compat-matrix
+ #d4d4d4 #fsf-links, #searcher
+ #ccffcc light green: #gpl-compat-matrix
+ #e4ffcc light yellowish green: #gpl-compat-matrix
+ #fff5d4 very light orange: .highlight-para, p.highlight, table headers
+ #fff1c0 light orange: .highlight
+ #ff3 yellow: #urgent
+ #a42e2b red: #navigation
+ #700000 dark red: active link in #navigation
+
+Borders
+ black, #111, #333, #666: tables
+ #bbb body, #Action, emph-box, lyrics
+ #ccc unfocused inputs
+ #d4d4d4 #translations, #outdated, ul#edu-navigation
+ #999 buttons, hr
+ #333 focused inputs
+ #222 box-shadow behind buttons
+ #e74c3c .highlight-para, .announcement, .note, .big-section h3
+ #3465a4 .edu-cases
+*/
+
+/*** Luminosity contrast ratio and color difference ***
+ source: http://springmeier.org/www/contrastcalculator/index.php
+
+ Color1 Color 2 contrast Color
+ ratio difference
+Black-gray
+ #000 white 21.3 765
+ #000 #ff3 19.6 561
+ #222 white 15.91 663
+ #333 white 12.63 612
+ #333 #eee 10.89 561
+ #404040 #d4d4d4 6.99 444
+ #555 white 7.46 510
+
+Red
+ #a42e2b white 6.99 630
+
+Blue (urgent)
+ #00f #ff3 8.02 714
+
+Blue links
+ #005090 white 8.23 461
+ #005090 #e4ffcc 7.64 383
+ #005090 #fff1c0 7.29 384
+ #005090 #f3f3f3 7.42 425
+ #005090 #ccffcc 7.35 359
+ #005090 #777 1.84 103
+ #005090 #333 1.53 151
+ #005090 black 2.55 304
+
+Purple links
+ #100070 white 16.72 653
+ #100070 #fff1c0 14.81 576
+ #100070 #ccffcc 14.92 551
+ #100070 #777 3.73 245
+ #100070 #333 1.32 163
+ #100070 black 1.26 112
+ #100070 #005090 2.03 112
+*/
+
+
+/*** MAIN DIVS ***/
+
+/*
+From top to bottom:
+ #searcher + #toplinks [body-include-1.html]
+ #translations [body-include-1.html]
+ #header (#gnu-banner, #fsf-frame) [body-include-2.html]
+ #navigation [body-include-2.html]
+ (#edu-navigation in a few pages) [<page>.html]
+ #content [<page>.html]
+ #fsf-links [footer-text.html]
+ #mission-statement + #backtotop [footer-text.html]
+ #footer [<page>.html]
+*/
+
+
+/*** PAGE LAYOUT ***/
+
+html, body {
+ font-size: 1em;
+ text-align: left;
+ text-decoration: none;
+ color: #000;
+}
+html { background: #e4e4e4; }
+
+/* This specifies the basic width of our web pages. Don't change it
+ without discussion on www-discuss. The magic 74.92 is for
+ consistency with fsf.org. */
+body {
+ max-width: 74.92em;
+ margin: auto;
+ background-color: white;
+ border: .1em solid #bbb;
+ border-top: 1px solid transparent;
+ -moz-box-shadow: 0 0 5px 5px #bbb;
+ -webkit-box-shadow: 0 0 5px 5px #bbb;
+ -icab-box-shadow: 0 0 5px 5px #bbb;
+ -o-box-shadow: 0 0 5px 5px #bbb;
+ box-shadow: 0 0 5px 5px #bbb;
+}
+
+/** Widths **/
+
+.inner { overflow: hidden; }
+
+#searcher, #translations, #header, #content,
+ #mission-statement, #footer {
+ padding-left: 3%; padding-right: 3%;
+}
+#content ul#edu-navigation {
+ margin-left: -3.2%; margin-right: -3.2%;
+}
+
+/** Backgrounds **/
+
+#searcher, #fsf-links {
+ background-color: #d4d4d4;
+}
+#translations, #footer { background-color: #f3f3f3; }
+#edu-navigation { background-color: #eee; }
+#navigation { background-color: #a42e2b; }
+
+/** Fonts **/
+
+#searcher, #toplinks, #translations, #header,
+ #navigation, #edu-navigation,
+ #fsf-links { font-family: "FreeSans", sans-serif; }
+
+
+/*** BASIC ELEMENTS ***/
+
+/** Size and positioning **/
+
+p, pre, li, dt, dd, code, address { line-height: 1.3em; }
+
+/* These headers are appropriate for templated pages with div#content, but
+ generally too big for a few non-templated pages that use layout.css.
+ Another set of headers will have to be defined for those. */
+h1 { font-size: 2.4em; margin-bottom: 1.1em; }
+h2 { font-size: 2.0em; margin-bottom: 1.1em; }
+h3 { font-size: 1.5em; margin: 1em 0 .80em 0; }
+h4 { font-size: 1.2em; margin: 1em 0 .83em 0; }
+h5 { font-size: 1.1em; margin: 1em 0 .91em 0; }
+h6 { margin: 1em 0; }
+
+p { margin-top: 1em; } /* In combo.css, margin-bottom:1em. */
+pre {
+ margin-top: .8em; margin-bottom: .8em;
+ padding-bottom: .2em;
+ overflow: auto;
+}
+address { 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; }
+ol li { margin: 1em; }
+ol ul li { margin: .5em 1em; }
+ul li p, ul li pre, ul li blockquote, ul ul li {
+ margin-top: .3em; margin-bottom: .3em;
+}
+ul ul, ol ul, table ul { margin-top: 0; margin-bottom: 0; }
+table li { margin-top: .2em; margin-bottom: .2em; }
+
+/* Separate description lists from preceding text */
+dl { margin: 1.5em 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% 1.5em 3%; }
+/* separate anonymous box (used to be the first element in <dd>)
+ from subsequent <p> */
+dd p { margin-top: 1em; }
+
+small { font-size: .9em; }
+
+/** Style **/
+
+/* The default color (black) is too dark for large text in
+ bold font. */
+h3, h4 { color: #333; }
+h5, h6, dt { color: #222; }
+
+a[href] { color: #005090; }
+a[href]:visited { color: #100070; }
+a[href]:active, a[href]:hover {
+ color: #100070;
+ text-decoration: none;
+}
+
+ul li { list-style: inherit; }
+ul { list-style: square; }
+ul ul, ol ul { list-style: circle; }
+
+blockquote { font-style: italic; }
+acronym, abbr { text-decoration: none; } /* border-bottom in combo.css */
+hr { color: #bbb; background-color: #bbb; }
+
+/*** SIMPLE CLASSES ***/
+
+.center, .c { text-align: center; }
+.nocenter{ text-align: left; }
+
+.underline { text-decoration: underline; }
+.nounderline { text-decoration: none; }
+
+.big { font-size: 130%; padding-top: 0.7em; }
+
+.inline-list li { display: inline }
+/* Found in a few software pages and many manuals. */
+ul.no-bullet { list-style: none; }
+
+.netscape4, .no-display { display: none; }
+
+
+/*** SEPARATOR ***/
+
+/* For license-list.html, but could be used elsewhere. */
+hr.separator {
+ display: block;
+ height: .3em;
+ margin-bottom: 1.2em;
+ color: #999;
+ background-color: #999;
+ border: none;
+}
+
+
+/*** FORMS ***/
+
+form input { font-family: inherit; }
+form input[type="text"] {
+ padding: .2em;
+ margin: 0;
+ color: #555;
+ background: white;
+ border: .1em solid #ccc;
+}
+form input[type="submit"] {
+ padding: .2em .4em;
+ margin: 0;
+ color: #333;
+ background: #eee;
+ border: .1em solid #ccc;
+}
+form input[type="text"]:focus {
+ color: #333;
+ border: .1em solid #333;
+}
+form input[type="text"]:focus + input[type="submit"] {
+ border: .1em solid #333;
+}
+form input[type="submit"]:hover {
+ cursor: pointer;
+}
+
+
+/*** BUTTONS ***/
+
+.button, #join-fsf {
+ line-height: 1.2em;
+ font-weight: bold;
+}
+.button a, .button a:visited {
+ text-decoration: none;
+}
+
+/* The large button is defined in home.html.
+ Color and background are left out because they depend
+ on the environment.
+ font-size for #join-fsf is inherited from #fsf-frame. */
+.button.small { font-size: 1.3em; }
+.button a, #join-fsf a {
+ padding: .3em .6em;
+ border: .1em solid #999;
+}
+
+.button 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"] {
+ border-radius: .4em;
+ -moz-border-radius: .4em;
+ -khtml-border-radius: .4em;
+ -webkit-border-radius: .4em;
+ -opera-border-radius: .4em;
+}
+.button a, #join-fsf a,
+ #fssbox input[type="submit"] {
+ box-shadow: 0 .15em #222;
+ -moz-box-shadow: 0 .15em #222;
+ -webkit-box-shadow: 0 .15em #222;
+ -icab-box-shadow: 0 .15em #222;
+ -o-box-shadow: 0 .15em #222;
+ 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;
+ margin: 1.5em 2%;
+}
+.back a, .back a:visited,
+ #backtotop a, #backtotop a:visited { color: #333; }
+.back a:hover,
+ #backtotop a:hover { color: #777; }
+
+#backtotop {
+ font-size: 1.1em; /* In #mission-statement, font-size is .9em. */
+ margin: 1.8em 2%;
+}
+
+
+/*** BIG SECTION HEADERS ***/
+
+/* Used in license-list.html and proprietary-surveillance.html,
+ but could apply elsewhere. */
+
+.big-section { margin-bottom: .5em; }
+#content .big-section h3 {
+ display: inline-block;
+ font-size: 1.7em;
+ padding: .2em 0;
+ margin-right: .3em;
+ color: black;
+ border-top: .12em solid #e74c3c;
+ border-bottom: .12em solid #e74c3c;
+}
+.big-subsection { margin: 1.5em 0; }
+#content .big-subsection h4 {
+ display: inline;
+ font-size: 1.5em;
+ margin-right: .3em;
+ color: black;
+}
+
+
+/*** 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, p.highlight, .emph-box { padding: .5em 1.2em; }
+
+.highlight { background-color: #fff1c0; }
+.highlight-para, p.highlight { background-color: #fff5d4; }
+.highlight-para {
+ border-top: .1em solid #f49943;
+ border-bottom: .1em solid #f49943;
+}
+.emph-box, .lyrics {
+ background-color: #f3f3f3;
+ border: .1em solid #bbb;
+}
+
+.lyrics {
+ max-width: 25em;
+ font-style: italic;
+ padding: 2em;
+ margin-left: 3%; margin-right: 3%;
+}
+
+/* Announcements */
+.announcement {
+ font-size: 1.1em; font-weight: bold;
+ padding: 0 1em;
+ margin: 1.5em 0;
+ color: #333;
+ border-left: .5em solid #e74c3c;
+}
+.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; }
+
+/* For the note saying the page is a translation. */
+.trans-disclaimer {
+ text-align: center;
+ font-weight: bold;
+ font-style: italic;
+ margin-bottom: 0;
+ margin-top: 1.2em;
+}
+.trans-disclaimer a,
+.trans-disclaimer a:visited { color: #333; }
+.trans-disclaimer a:hover { color: #777; }
+
+/* For outdated translations */
+#outdated {
+ text-align: center;
+ padding: .7em 3%;
+ margin: .5em -3.2%;
+ color: #a42e2b;
+ background-color: #f3f3f3;
+ border-bottom: .2em solid #bbb;
+}
+#outdated p {
+ margin: 0.2em 0;
+}
+#outdated a:visited { color: #005090; }
+
+/* For translators notes */
+.translators-notes { font-size: .9em; }
+.translators-notes hr { margin-top: 1.65em; }
+.translators-notes ol li { margin: .5em 1.1em; }
+
+
+/*** FLOATING NOTES ***/
+
+.note {
+ text-align: center;
+ font-style: normal;
+ max-width: 20em;
+ padding: 0;
+ margin: 1em auto;
+ border: .2em dotted #e74c3c;
+}
+.note p {
+ font-size: 1.1em;
+ line-height: 1.4em;
+ padding: 0 1em ;
+}
+.note strong { font-size: 1.2em; }
+
address@hidden (min-width: 48em) {
+ .note {
+ clear: right;
+ float: right;
+ margin: .2em 0 1em 1.5em;
+ }
+}
+
+
+/*** TABLES OF CONTENTS ***/
+
+/* Common definitions */
+div.summary, div.toc {
+ padding: 1.5em;
+ margin: 2.5em auto 2em auto;
+ background: #f3f3f3;
+}
+div.summary h3, div.toc h3 {
+ font-size: 1.3em;
+}
+div.summary h4, div.toc h4 {
+ font-size: 1.1em;
+}
+div.summary > ul, div.summary > ol, div.toc > ul, div.toc > ol {
+ margin-top: 0; margin-bottom: 0;
+}
+div.summary li, div.toc li {
+ margin-top: .5em; margin-bottom: 0;
+}
+div.summary > * > li:first-child, div.summary > *:first-child {
+ margin-top: 0;
+}
+
+/* Big tables of contents */
+div.toc {
+ max-width: 45em;
+}
+div.toc h3, div.toc h4 {
+ text-align: center;
+}
+
+/* Small tables of contents */
+div.summary.white {
+ padding: 0;
+ background: white;
+}
address@hidden (min-width: 48em) {
+ div.summary {
+ clear: right;
+ float: right;
+ width: 20em; max-width: 45%;
+ margin: .3em 0 1em 0;
+ border-left: 1.5em solid white;
+ }
+ div.summary li {
+ margin-right: 0;
+ }
+ div.summary.white {
+ padding-left: 1.5em;
+ margin: .2em 0 1em 1.5em;
+ border-left: .2em solid #bbb;
+ }
+ div.summary.white ul, div.summary.white ol {
+ margin-left: 0;
+ }
+}
+
+
+/*** IMAGES ***/
+
+.imgright { float: right; margin: .3em 0 1em 1.5em; }
+.imgleft { float: left; margin: .3em 1.5em 1em 0; }
+
+/* For pictures with/without legend. */
+.narrow { width: 15em; }
+.medium { width: 20em; }
+.wide { width: 27em; }
+.pict { max-width: 100%; margin: 1em auto; }
+.pict img { width: 100%; }
+.pict p {
+ text-align: center;
+ font-style: italic;
+ margin-top: .5em;
+}
+
address@hidden (min-width: 43em) {
+ .pict.narrow {
+ float:right; margin: .3em 0 1em 1.5em;
+ }
+}
address@hidden (min-width: 48em) {
+ .pict.medium {
+ float:right; margin: .3em 0 1em 1.5em;
+ }
+}
address@hidden (min-width: 55em) {
+ .pict.wide {
+ float:right; margin: .3em 0 1em 1.5em;
+ }
+}
+
+/* This will be removed as soon as pages that use .photo
+ are updated to .pict. */
+.photo {
+ float: right;
+ width: 30em; max-width: 100%;
+ margin: .3em 0 1em 0;
+}
+.photo img, .photo p {
+ width: 94%;
+ padding: 0 6%;
+}
+.photo img.recessed { width: 90%; }
+
+
+/*** 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: #fff5d4;
+ color: black;
+ font-weight: bold;
+ border: 1px solid #666666;
+ font-weight: normal;
+ padding: .7em;
+}
+
+.listing td a { display: block; }
+.listing .top {
+ border-top: 1px solid #666666;
+ text-align: right;
+ padding: 0em 0em 1em 0em;
+}
+
+.listing .odd {
+ /*every second line should be shaded */
+ background-color: transparent;
+}
+.listing .even {
+ background-color: #f3f3f3;
+}
+.listing .listingCheckbox {
+ text-align: center;
+}
+.listing td,
+.stx table td {
+ border: 1px solid #666666;
+ padding: 1em;
+ 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: auto;
+}
+
+
+/*** TOP LINKS ***/
+
+#toplinks {
+ float: left;
+ /* For NetSurf 1.2, and maybe a few other browsers. */
+ padding: .5em 2em .3em 2em;
+}
+/* For standard browsers. */
address@hidden (max-width: 500em) {
+ #toplinks { padding: .5em 3% .3em 3%; }
+}
+#toplinks a, #toplinks a:visited {
+ white-space: nowrap;
+ /* the next line is a workaround for Midori 0.5.8 */
+ display: inline-block;
+ font-weight: bold;
+ font-size: .9em;
+ color: #404040; text-decoration: none;
+ margin-right: 1em;
+}
+#toplinks a:hover { color: #777; }
+
+
+/*** SEARCHER ***/
+
+#searcher {
+ display: block;
+ text-align: right;
+ font-size: .9em;
+ font-weight: bold;
+ padding-top: .3em; padding-bottom: .3em;
+}
+
+
+/*** TRANSLATION LIST ***/
+
+#translations {
+ clear: both;
+ font-size: .9em;
+ text-align: left;
+}
+#translations p {
+ line-height: 1.2em;
+ padding: .3em 0;
+ margin: 0;
+}
+#translations span {
+ white-space: nowrap;
+ font-size: .9em;
+ margin-right: .5em;
+}
+#translations span a, #translations span a:visited {
+ color: #222; text-decoration: none;
+}
+/* Highlight the link to the original page */
+#translations span.original {
+ font-size: 1em; font-weight: bold;
+}
+#translations span.original a,
+#translations span.original a:visited {
+ color: #334683;
+}
+#translations a:hover,
+#translations span.original a:hover {
+ color: #777;
+}
+
+/* Still used in s/emacs/tour/index.html
+ s/cssc/cssc.html
+ s/cssc/early-history.html
+ s/stalkerfs/index.html
+*/
+#translations h3, #translations h4, #translations ul {
+ display: none;
+}
+
+
+/*** HEADER ***/
+
+#header:after {
+ clear: both; content: ""; display: block;
+ height: 0px; visibility: hidden; width: 0px;
+}
+
+/** Narrow screens and CSS-1 browsers **/
+#fsf-support, #fssbox { display: none; }
+
+/* GNU banner */
+#gnu-banner {
+ clear: both;
+ font-size: 2em;
+ font-family: "FreeCondensed", "FreeSans", sans-serif;
+ line-height: 1.1em;
+ padding: .8em 0;
+}
+#gnu-banner img {
+ float: left;
+ height: 1.8em;
+ margin-right: .15em;
+ position: relative; bottom: .4em;
+}
+#gnu-banner a {
+ color: #333; text-decoration: none;
+}
+#gnu-banner a strong {
+ font-family: "FreeSans", sans-serif;
+ color: #a42e2b;
+}
+
+/* FSF frame */
+#fsf-frame {
+ float: right;
+ line-height: 1.3em;
+ font-size: .9em;
+ padding-top: .8em;
+}
+#fsf-frame a, #fsf-frame a:visited {
+ font-weight: bold;
+ text-decoration: none;
+}
+#fsf-frame p { margin: 0; }
+#fsf-frame hr { display: none; }
+
+/* join-fsf */
+#join-fsf a, #join-fsf a:visited {
+ color: #005090;
+ background: white;
+}
+#join-fsf a:hover { color: #777; }
+
address@hidden (min-width: 45em) {
+ #gnu-banner {
+ clear: none;
+ padding: 1.2em 0;
+ }
+}
+
+/** Medium-size screens **/
address@hidden (min-width: 55em) {
+ #join-fsf { float: right; }
+
+ /* fssbox */
+ #fssbox {
+ display: block;
+ clear: right;
+ float: right;
+ padding: 1em 0 0;
+ }
+ #fssbox form p { margin-top: .1em; }
+ #fssbox form input { font-weight: bold }
+ #fssbox form input[type="submit"] {
+ color: #333;
+ background: white;
+ }
+ #fssbox a, #fssbox a:visited { color: #005090; }
+ #fssbox a:hover { color: #777; }
+
+ /* fsf-support */
+ #fsf-support { display: block; }
+ #fsf-support {
+ font-size: .9em;
+ font-style: italic;
+ margin: 0; margin-bottom: .3em;
+ color: #555;
+ }
+ #fsf-support a, #fsf-support a:visited {
+ font-weight: bold;
+ color: #555;
+ }
+ #fsf-support a:hover { color: black; }
+}
+
+/** Wide screens **/
address@hidden (min-width: 67em) {
+ #fssbox {
+ clear: none;
+ float: left;
+ margin-top: 2em;
+ }
+}
+
+
+/*** NAVIGATION BARS ***/
+
+#navigation, #fsf-links {
+ clear: both;
+}
+
+#fsf-links { margin-top: 2.5em; }
+
+#navigation ul, #fsf-links ul, ul#edu-navigation {
+ font-size: 0.9em;
+ text-align: center;
+ text-transform: uppercase;
+ font-weight: bold;
+ font-family: "FreeCondensed", "FreeSans", sans-serif;
+ padding-left: 3%; padding-right: 3%;
+}
+#navigation ul, #fsf-links ul { margin: 0; }
+ul#edu-navigation {
+ margin-top: 0; margin-bottom: 0;
+ border-top: .2em solid #d4d4d4;
+}
+
+/* line-height is defined in ul for NetSurf 1.2.
+ No effect in NetSurf 2.9 or Firefox. */
+#navigation ul, #fsf-links ul,
+ #navigation li, #fsf-links li { line-height: 1.9em; }
+ul#edu-navigation, ul#edu-navigation li { line-height: 1.7em; }
+
+#navigation li, ul#edu-navigation li, #fsf-links li {
+ white-space: nowrap;
+ display: inline;
+ display: inline-block;
+ padding: .2em .4em 0;
+ margin: 0;
+}
+
+/* For Firefox (can't set line-height when "a" is displayed inline) */
+#navigation a, ul#edu-navigation a, #fsf-links a {
+ display: inline-block;
+}
+
+#navigation a, #navigation a:visited { color: white; }
+#edu-navigation a, ul#edu-navigation a:visited,
+ #fsf-links a, #fsf-links a:visited { color: #404040; }
+
+#navigation li.active { background: #700000; }
+ul#edu-navigation li.current,
+ ul#edu-navigation li.active {
+ background: white;
+}
+ul#edu-navigation li.active a,
+ ul#edu-navigation li.active a:visited {
+ color: #a42e2b;
+}
+
+#navigation li a, ul#edu-navigation li a, #fsf-links li a,
+ #navigation li.active a:hover,
+ ul#edu-navigation li.active a:hover {
+ line-height: 1.7em;
+ text-decoration: none;
+}
+#navigation a:hover, ul#edu-navigation a:hover,
+ #fsf-links a:hover { text-decoration: underline; }
+
+
+/*** MISSION STATEMENT ***/
+
+#mission-statement {
+ font-size: 0.9em;
+ margin-top: 2em;
+}
+#mission-statement blockquote {
+ font-weight: bold;
+ margin: 0;
+}
+#mission-statement img {
+ float: left;
+ height: 2em;
+ margin: .3em .5em;
+}
+
+
+/*** FOOTER ***/
+
+#footer {
+ clear: both;
+ font-size: .9em;
+ padding-top: 1.2em; padding-bottom: .5em;
+ color: #333;
+ border-top: 1px solid #c9cccf;
+}
+#footer p { margin: 0; }
+
+#footer .unprintable, #footer .translators-credits {
+ margin-bottom: .7em;
+}
+
+#bottom-notes p { margin-bottom: .7em; }
+
+
+/*** EDUCATION ***/
+
+/* Breadcrumbs */
+.edu-breadcrumb {
+ font-size: .9em;
+ font-weight: bold;
+ text-align: left;
+ padding-top: .4em;
+ margin-top: 0;
+ color: #333;
+}
+.edu-breadcrumb a,
+.edu-breadcrumb a:visited {
+ color: #334683;
+ text-decoration: none;
+}
+.edu-breadcrumb a:hover {
+ color: #777;
+}
+
+/* Subsections of /education "Case Studies" */
+div.edu-cases {
+ border-top: 5px ridge #3465a4;
+ border-bottom: 5px ridge #3465a4;
+ padding: 1.5em 0;
+ margin: 2em 4%;
+}
+
+/* make h3 for edu-cases look like h4 for other pages */
+div.edu-cases h3 {
+ font-size: 1.3em;
+ margin: 0; margin-bottom: 1em;
+}
+div.edu-cases ul, div.edu-cases ol {
+ padding: 0 4%;
+}
+
[Prev in Thread] |
Current Thread |
[Next in Thread] |
- www/server/staging/ghm2016 banner.html body-inc...,
Therese Godefroy <=