www-commits
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

www/server/staging/nav-bar/test9 layout2.css ba...


From: Therese Godefroy
Subject: www/server/staging/nav-bar/test9 layout2.css ba...
Date: Tue, 04 Feb 2014 16:45:11 +0000

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 14/02/04 16:45:11

Added files:
        server/staging/nav-bar/test9: layout2.css banner-edu.html 
                                      edu-schools2.fr.html 

Log message:
        Special banner for pages that include edu-navbar, trans-disclaimer 
added with GNUN/PO4A, <h2> title after navbars and breadcrumbs.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test9/layout2.css?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test9/banner-edu.html?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test9/edu-schools2.fr.html?cvsroot=www&rev=1.1

Patches:
Index: layout2.css
===================================================================
RCS file: layout2.css
diff -N layout2.css
--- /dev/null   1 Jan 1970 00:00:00 -0000
+++ layout2.css 4 Feb 2014 16:44:51 -0000       1.1
@@ -0,0 +1,819 @@
+/*
+layout.css -- css stylesheet used on www.gnu.org
+
+Copyright (C) 2006, 2007, 2008, 2009, 2010, 2011, 2013 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
+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. */
+
+
+/*** GENERAL SETTINGS ***/
+
+/* colors
+   white    background for inner, searcher, nav-bar text & listing
+   blue     urgent links
+   red      hover
+   black    gpl-compat-matrix
+   #111, #222, #333, #555, #666666, #ddd, #999, #eee, #ededed
+            shades of pure gray: text, listing, special items
+   #f5f6f7  emph-box, footer
+   #e7e9eb  light bluish gray: translations, button
+   #d1d4d7  edu-navbar, fsf-links
+   #c9cccf  bluish gray: top links, searcher, nav bars (main and fsf links)
+   #971611  red from GNU banner: button link, navigation li background, active
+            links in nav bars, normal visited links border around highlighted
+            boxes, join-fsf link
+   #750000  dark red: toplink to mission statement,
+            "translation" link to the original
+   #334683  blue from GNU banner: h2, normal links
+   #3465a4  blue: edu-cases ridges
+   #171d33  dark blue (from screenshot): shade behind button
+   #ffc     pale yellow: highlight background
+   #fff888  yellow: table headers in distros/free-distros.html,
+   #ff3     yellow: urgent, hover background
+   #ccffcc  light green: gpl-compat-matrix
+   #e4ffcc  light yellowish green: gpl-compat-matrix
+   #a0f112  green: border around notes (e-books mailing list, accessibility?)
+*/
+
+/* Luminosity contrast ratio
+   source: http://springmeier.org/www/contrastcalculator/index.php
+   #000 (black) vs. #fff (white) 21.3
+   #000         vs. #ff3         19.6
+   #00f (blue)  vs. #ff3          8.02
+   #333         vs. white        12.63
+   #333         vs. #e7e9eb      10.38
+   #333         vs. #c9cccf       7.83
+   #222         vs. #c9cccf       9.87
+   #971611      vs. white         8.61
+   #971611      vs. #e7e9eb       7.07
+   #971611      vs. #c9cccf       5.34
+   #750000      vs. #c9cccf       7.41
+   #334683      vs. white         8.96
+   #334683      vs. #e7e9eb       7.36
+   #334683      vs. black         2.34
+   #f00 (red)   vs. #334683       2.24
+   #f00         vs. 971611        2.15
+   #f00         vs. #750000       2.99
+   #f00         vs. #333          3.16
+   #f00         vs. #222          3.98
+   #f00         vs. #c9cccf       2.48
+   #f00         vs. #e7e9eb       3.29
+   #f00         vs. white         4.00
+*/
+
+
+html, body {
+   font-size: 1em;
+   text-align: inherit;
+   padding: 0;
+   margin: 0;
+   text-decoration: none;
+   color: #333;
+   background-color: #5b6a96;
+   /* Source: http://www.impressivewebs.com/css3-linear-gradient-syntax/ */
+   background: -moz-linear-gradient(#5b6a96, #c9cccf); /* FF 3.6+ */  
+   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, 
#5b6a96), color-stop(100%, #c9cccf)); /* Safari 4+, Chrome 2+ */  
+   background: -webkit-linear-gradient(#5b6a96, #c9cccf); /* Safari 5.1+, 
Chrome 10+ */  
+   background: -o-linear-gradient(#5b6a96, #c9cccf); /* Opera 11.10 */  
+   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b6a96', 
endColorstr='#c9cccf'); /* IE6 & IE7 */  
+   -ms-filter: 
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b6a96', 
endColorstr='#c9cccf')"; /* IE8+ */  
+   background: linear-gradient(#5b6a96, #c9cccf); /* the standard */
+}
+
+/* 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.  */
+.inner {
+   position: relative;
+   margin: auto; width: 99%; max-width:74.92em; overflow: hidden;
+   background-color: white;
+}
+
+a[href] { color: #334683; }
+a[href]:visited { color: #971611; }
+a[href]:active, a[href]:hover { color: red; }
+a:hover { color: red; }
+
+blockquote { margin: 1em; font-style: italic; }
+
+acronym, abbr { border-bottom: 1px dotted #111; }
+
+img { border: 0; }
+
+.center, .c { text-align: center; }
+.nocenter{ text-align: left; }
+
+.underline { text-decoration: underline; }
+.nounderline { text-decoration: none; }
+
+.imgright { float: right; margin: 1em; margin-right: 0; }
+.imgleft { float: left; margin: 1em; margin-left: 0; }
+
+.big { font-size: 130%; padding-top: 0.7em; }
+
+.inline-list li { display: inline }
+
+.netscape4 {
+   display: none !important;
+}
+
+.pad { margin-bottom: 1em; }
+.pad td { padding-left: 1em; padding-right: 1em; }
+
+.layout-table * { border: 0; }
+div.spacer { height: .1em; width: 100%; background-color: transparent; }
+
+/*** TOP OF THE PAGE ***/
+
+#toplinks {
+   font-size: .9em;
+   line-height: 2.4em;
+   font-weight: bold;
+   padding: 0 1em;
+   background-color: #c9cccf;
+   border-bottom: .1em solid #c9cccf;
+}
+#toplinks a, a:visited {
+   color: #222; text-decoration: none;
+}
+#toplinks a:hover { color: red; }
+/* Highlight the link to the FSF mission statement */
+#toplinks span.fsf {
+   font-size: 1.1em;
+}
+#toplinks span.fsf a, a:visited {
+   padding: .2em .5em;
+   color: #971611;
+   background-color: white;
+}
+#toplinks span.fsf a:hover {
+   color: black;
+   background-color: #ff3;
+}
+#toplinks div.links { float: left; }
+
+#searcher {
+   text-align: right;
+   color: white; padding-top: 0.05em;
+}
+#searcher, #searcher input { color: #555; }
+
+#translations {
+   clear: both;
+   font-size: .9em;
+   line-height: 1.3em;
+   padding: 0 .7em .2em .7em;
+   background-color: #e7e9eb;
+}
+#translations span {
+   display: inline-block;
+   margin-left: .3em; margin-right: .3em;
+}
+#translations a, a:visited {
+   color: #222; text-decoration: none;
+}
+#translations p { margin-bottom: 0.3em; }
+/* Highlight the link to the original page */
+#translations span.original {
+   font-size: 1.1em; font-weight: bold;
+   padding-top: .3em;
+}
+#translations span.original a, a:visited {
+   color: #750000;
+}
+#translations a:hover, #translations span.original a:hover {
+   color: red;
+}
+/* Still used in some outdated translations. */
+#translations h3, #translations h4 {
+   font-size: 1em; font-weight: bold;
+   margin-bottom: 0.5em; padding: 0;
+}
+#translations li {
+   direction: ltr; display: inline-block;
+   padding-left: 0.25em; padding-right: 0.25em;
+}
+
+/*** SPECIAL BANNER ***/
+
+/* Begin fundraising banner */
+#fundraiserbanner2013-14 {
+   max-width: 64em;
+   margin: auto; margin-top: .5em; margin-bottom: 1.5em;
+}
+#fundraiserbanner2013-14 .right {
+   float: right;
+   height: 6.7em;
+   margin: 0em;
+}
+#fundraiserbanner2013-14 .text {
+   text-align: center;
+   font: 1em sans-serif;
+   line-height: 1.2em;
+   padding-top: 1em;
+}
+#fundraiserbanner2013-14 .text a:visited { color: #334683 }
+#fundraiserbanner2013-14 .text a:hover { color: red }
+#fundraiserbanner2013-14 p { margin: .3em; }
+/* End fundraising banner */
+
+
+/*** HEADER ***/
+
+#header:after {
+   clear: both; content: ""; display: block;
+   height: 0px; visibility: hidden; width: 0px;
+}
+#fssbox {
+   float: right;
+   width: auto;
+   font-size: .9em;
+   font-weight: bold;
+   text-align: center;
+   line-height: 1.2em;
+   padding: .5em .5em .2em .5em;
+   margin: 1.11em;
+   border: 1px dashed #971611;
+}
+#fssbox p { margin-top: 0; margin-bottom: .5em; }
+
+#logo {
+   font-size: 2.3em;
+   font-family: sans-serif;
+   font-weight: bold;
+   margin-left: .7em;
+   padding-top: .85em;
+}
+#logo img {
+   float: left;
+   height: 1.8em;
+   position: relative; bottom: .4em;
+   padding: 0; margin: 0;
+}
+#logo p {
+   font-size: 1em;
+   line-height: 1em;
+   margin-bottom: 0.2em;
+}
+#logo a, a:visited {
+   color: #971611; text-decoration: none;
+   cursor: pointer;
+}
+#logo a strong { color: #334683; }
+
+
+/*** NAVIGATION BAR ***/
+
+#navigation { clear: both; }
+
+#navigation:after {
+   clear: both; content: ""; display: block;
+   height: 0px; visibility: hidden; width: 0px;
+}
+#navigation ul {
+   text-align: center;
+   font-size: 0.9em;
+   line-height: 2.4em;
+   margin: 0em;
+   background-color: #971611;
+}
+#navigation li {
+   display: inline;
+   padding: 0;
+}
+#navigation li a, #navigation li a:visited {
+   font-weight: bold;
+   padding: .25em .6em;
+   color: white; text-decoration: none;
+}
+#navigation li.active a {
+   color: #333;
+   background-color: white;
+}
+#navigation li a:hover {
+   color: black;
+   background-color: #ff3;
+}
+
+
+/*** CONTENT ***/
+
+#content {
+   text-align: left;
+   padding: 1em; padding-top: 0;
+}
+#content:lang(ar), #content:lang(fa), #content:lang(he) {
+   text-align: right;
+}
+#content h2 {
+   line-height: 1.1em;
+   font-size: 2em; font-weight:bold;
+   padding: .8em 0 0 0; margin: 0 0 .9em 0;
+   color: #334683; text-shadow: black 1px 1px 0;
+}
+#content h2 a { color: #971611; }
+#content h3, #content h4, #content h5, #content h6, #content p {
+   margin-top: 1em;
+}
+#content h3 { font-size: 1.6em; }
+#content h4 { font-size: 1.3em; }
+#content h5 { font-size: 1.1em; }
+#content h6 { font-size: 1em; }
+#content ul li, #fsf-campaigns ul li {
+   list-style: square;
+}
+#content ol { list-style: decimal; margin-left: 1.9em; }
+#content li, #fsf-campaigns li, #content dd, #content p, #content pre,
+   #content dt, #content code, #content address { line-height: 1.3em; }
+
+#transnotes { font-size: .9em; }
+
+
+/*** ADDITIONAL LINKS ***/
+
+#fsf-links ul {
+   text-align: center;
+   font-size: .9em;
+   line-height: 2.6em;
+   margin: 0;
+   background-color: #d1d4d7;
+}
+#fsf-links li {
+   display: inline-block;
+   list-style: none;
+   padding: 0;
+}
+#fsf-links li a, a:visited {
+   font-weight: bold;
+   padding: .25em .6em;
+   color: #222; text-decoration: none;
+}
+#fsf-links li a:hover {
+   color: black;
+   background-color: #ff3;
+}
+
+
+ /*** FSF STUFF ***/
+ 
+#mission-statement {
+   font-size: 0.9em;
+   margin: 2em 1.11em 1em 1.11em;
+}
+#mission-statement blockquote {
+   margin: 1em  0;
+}
+#mission-statement img {
+   float: left;
+   height: 2em;
+   margin: .5em 1em 1em 0;
+}
+ 
+#join-fsf {
+   float: right;
+   margin: 1em; margin-right: 0;
+}
+#join-fsf a, a:visited {
+   font-size: 1em;
+   padding: .25em;
+   background-color: #e7e9eb;
+}
+#join-fsf a:hover {
+   color: black;
+   background-color: #ff3;
+}
+#sisters { line-height: 2em; }
+
+#backtotop {
+   clear: both;
+   text-align: right;
+   font-weight: bold;
+   margin: 0 1em 1.5em 0;
+}
+#backtotop a, a:visited { color: #334683; }
+#backtotop a:hover { color: red; }
+
+#fs-gang {
+   margin: 0;
+   background-color: #a50606; /* Fallback from gradient */
+   background: -moz-linear-gradient(#820202, #f71111); /* FF 3.6+ */  
+   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, 
#820202), color-stop(100%, #f71111)); /* Safari 4+, Chrome 2+ */  
+   background: -webkit-linear-gradient(#820202, #f71111); /* Safari 5.1+, 
Chrome 10+ */  
+   background: -o-linear-gradient(#820202, #f71111); /* Opera 11.10 */  
+   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#820202', 
endColorstr='#f71111'); /* IE6 & IE7 */  
+   -ms-filter: 
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#820202', 
endColorstr='#f71111')"; /* IE8+ */  
+   background: linear-gradient(#820202, #f71111); /* the standard */
+}
+#fs-gang .img-container {  height: 100%; max-width: 40em; margin: auto; }
+#fs-gang .img-container a {
+   font-size: 1.3em;
+   font-weight: bold;
+   line-height: 1.6em;
+   margin-left: .5em; 
+   color: white; text-decoration: none;
+   cursor: pointer;
+}
+#fs-gang .img-container img { width: 100%; padding: 0; margin: 0; }
+
+
+/*** FOOTER ***/
+
+#footer {
+   font-size: .9em;
+   padding: 1.11em;
+   background-color: #f5f6f7;
+   border-top: 1px solid #c9cccf;
+}
+#footer p { margin-bottom: 0; }
+
+#footer .footer-unit { margin-bottom: 1em; }
+
+#bottom-notes { float: right; }
+
+
+/*** HOME PAGE ***/
+
+#home:after {
+   clear: both; content: ""; display: block;
+   height: 0px; visibility: hidden; width: 0px;
+}
+#home .first-column {
+   width: 56.1%;
+   float: left;
+   margin-bottom: 1em; margin-top: 0;
+}
+#home .second-column {
+   width: 42.1%;
+   float: right;
+   margin-bottom: 1em;
+}
+#home h2 {
+   text-shadow: none;
+   line-height: 1em;
+   padding: 0; margin-top: .9em; margin-bottom: .7em;
+}
+#home .first-column img { width: 80%; margin: .5em 0 1em 0; }
+#home .second-column img.feed { height: .75em; width: .75em; }
+
+.button {
+   margin-top: .8em !important;
+   text-align: center;
+   font-weight: bold;
+   box-shadow: .15em .15em #171d33;
+   -moz-box-shadow: .55em .55em #171d33;
+   -webkit-box-shadow: .55em .55em #171d33;
+   -icab-box-shadow: .55em .55em #171d33;
+   -o-box-shadow: .55em .55em #171d33;
+/*   border-radius: .4em;
+   -moz-border-radius: .4em;
+   -khtml-border-radius: .4em;
+   -webkit-border-radius: .4em;
+   -opera-border-radius: .4em; */
+}
+.button { text-decoration: none; }
+.button a { color: #971611; text-decoration: none; }
+.button a:hover { color: red; }
+
+.large {
+   font-size: 2em;
+   background-color: #e7e9eb;
+   border: .4em solid #c9cccf;
+}
+.small {
+   font-size: 1.6em;
+   background-color: #e7e9eb;
+}
+
+.emph-box {
+   padding: 1em; padding-top: 0;
+   margin-bottom: 2.5em;
+   background-color: #f5f6f7;
+   border: 1px solid #c9cccf;
+}
+.emph-box p { font-size: .9em }
+#content .emph-box h4 {
+   text-align: center;
+   font-size: 1.5em;
+}
+
+#Action {
+   text-align: left;
+   padding: 0 1em; 
+   border-left: .4em solid #b9bcbf; border-right: .4em solid #b9bcbf;
+}
+#Action h2{ float: none; text-align: center; color: #171d33; }
+#Action li { margin-bottom: .7em; }
+
+
+/*** HIGHLIGHTED STUFF ***/
+
+.highlight, .highlight-para {
+   clear: both;
+   padding: .2em;
+   margin-bottom: 1em;
+   color: black;
+   background-color: #ffc; border: 2px solid #b9bcbf;
+}
+.highlight-para {
+   padding: 0 1em;
+}
+
+.announcement {
+   font-size: 1.1em; font-weight: bold;
+   padding-left: 1em;
+   margin-left: 1em; margin-bottom: 1em;
+   border-left: 1em solid #eee;
+}
+
+/* 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, a:visited {
+   color: blue; text-decoration: underline;
+}
+#urgent a:hover { color: red; }
+
+/* For the notes about mailing lists, etc. */ 
+.note {
+   clear: right;
+   float: right;
+   text-align: center;
+   font-size: 1.1em;
+   width: 20em;
+   padding: .5em;
+   margin: 1em; margin-right: 0; 
+   border: .5em solid #a0f112;
+}
+.note h5 { font-size: 1.3em !important; }
+.note li { text-align: left; margin-bottom: 0.5em; }
+
+
+/*** TRANSLATED PAGES ***/
+
+#trans-disclaimer {
+   float: right;
+   text-align: center; width: 12em;
+   font-size: .9em;
+   font-weight: bold;
+   margin: 0 0 1.5em 1.5em;
+   background-color: #ffc;
+   border: .1em solid #971611;
+}
+#trans-disclaimer a, #trans-disclaimer a:visited {
+   padding: .35em;
+   text-decoration: none;
+   color: #222;
+   background-color: #ffc;
+}
+#trans-disclaimer a:hover { 
+   color: black;
+   background-color: #ff3;
+}
+
+/* For outdated translations  */
+#outdated {
+   padding: .5em;
+   margin: 1em 0 0 0;
+   border: .2em solid #971611;
+}
+#outdated p { margin: 0.2em; }
+/* In the out-of-date notice, we use <br> elements to separate
+   translatable texts from automatically generated items. */
+#outdated br { display: none }
+
+
+/*** EDUCATION ***/
+
+/* definitions for /education-specific navigation bar
+   and breadcrumbs for education */
+ul#edu-navigation {
+   text-align: center;
+   font-size: .9em; font-weight: bold;
+   line-height: 2.4em;
+   padding: 0;
+   margin: 0em -1.15em;
+   background-color: #d1d4d7;
+}
+#edu-navigation li {
+   display: inline-block;
+   list-style-type: none;
+   padding: 0;
+}
+#edu-navigation li a, #edu-navigation li a:visited {
+   padding: .25em .45em;
+   color: #222; text-decoration: none;
+}
+#edu-navigation li.active a {
+   background-color: white;
+}
+#edu-navigation li a:hover, #edu-navigation li.active a:hover {
+   color: black;
+   background-color: #ff3;
+}
+
+p.edu-breadcrumb {
+   text-align: left;
+   padding: .5em 0 0 0;
+   margin-bottom: 0em;
+}
+p.edu-breadcrumb a {
+   font-weight: bold;
+   color: #971611; text-decoration: none
+}
+p.edu-breadcrumb a:hover {
+   color: red;
+   text-decoration: underline;
+}
+
+/* styles for subsections of /education "Case Studies" */
+div.edu-cases {
+   border-top: 5px ridge #3465a4;
+   border-bottom: 5px ridge #3465a4;
+   margin: 0 3em 1em 3em;
+}
+
+/* make h3 for edu-cases look like h4 for other pages */
+#content div.edu-cases h3 {
+   font-size: 1.3em;
+   margin: 0;
+}
+
+div.edu-cases ul, div.edu-cases ol {
+   padding-left: 3em;
+   margin-right: 3em;
+}
+
+img.ambedkar {
+   float: right;
+   width: 26em; max-width: 100%;
+   margin: 2.4em 0 2.4em 2.4em;
+}
+
+#back { text-align: right; font-weight: bold; }
+#back a, a:visited { color: #334683; }
+#back a:hover { color: red; }
+
+/* End items specific to education */
+
+
+/*** 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-left: 1px solid #666666;
+   border-bottom: 1px solid #666666;
+   margin: 1em 0em 1em 0em;
+}
+
+.listing th,
+.stx table th {
+   background: #fff888;
+   color: black;
+   font-weight: bold !important;
+   border-top: 1px solid #666666;
+   border-bottom: 1px solid #666666;
+   border-right: 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: #ededed;
+}
+
+.listing .listingCheckbox {
+   text-align: center;
+}
+.listing td,
+.stx table td {
+   border-right: 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%; }
+
+/* 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: 70%; font-weight: normal; }
+
+
+/*** LICENSING ***/
+
+/* This is for licenses/gpl-faq.html. */
+
+table#gpl-compat-matrix { border-collapse: collapse; }
+
+table#gpl-compat-matrix td, th.gpl-matrix-border {
+   text-align: center; border: 1px solid black; margin: 0;
+   padding: .3em;
+}
+
+th.gpl-matrix-license { text-align: right; }
+
+tr.gpl-matrix-use-type { border-top: 2px solid black; }
+
+table#gpl-compat-matrix td.ok { background-color: #ccffcc; }
+table#gpl-compat-matrix td.mok { background-color: #e4ffcc; }
+table#gpl-compat-matrix td.nok { background-color: #dddddd; }
+
+#print-this-article p{ text-align: center; }
+
+address { margin-bottom: 1em; }
+
+/* separate the "term" from subsequent "description" */
+dt { margin-bottom: 1em; }
+
+/* separate the "description" from subsequent list item
+   when the final <dd> child is an anonymous box */
+dd { margin-bottom: 2em; }
+
+/* separate anonymous box (used to be the first element in <dd>)
+   from subsequent <p> */
+dd p { margin-top: 1em; }
+
+
+/*** MUSIC ***/
+
+#content .caption { color: #334683; font-size: 1.5em; margin:0; }
+
+.lyrics {
+   background-color: #eee; font-style: italic; width: 25em;
+   padding: 2em; border: 2px solid #e0e0e0; margin-left: 2em;
+}
+
+
+/*** MISC ***/
+
+/* Still used in some old /server/banner.*.html */
+#links { display: none !important; }
+
+/* Still used in /s/cgicc/. */
+#gplv3-dogear {
+   position: absolute;
+   top: -1px;
+   left: -1px;
+}
+#gplv3-dogear h3 {margin: 0;}
+#gplv3-dogear a {
+   background-image: url('/graphics/dogear.png');
+   border: 0;
+   display: block;
+   overflow: hidden;
+   height: 0px !important;
+   width: 64px;
+   padding: 0;
+   padding-top: 64px;
+   cursor: pointer;
+}
+
+/* Used in /software/for-windows.html */
+#windows7sins { width: 310px; text-align: center; float: right; margin: 1em; }

Index: banner-edu.html
===================================================================
RCS file: banner-edu.html
diff -N banner-edu.html
--- /dev/null   1 Jan 1970 00:00:00 -0000
+++ banner-edu.html     4 Feb 2014 16:45:04 -0000       1.1
@@ -0,0 +1,97 @@
+<!-- start of banner.fr.html -->
+
+<!-- start of head-include-2.html -->
+<link rel="stylesheet" href="/combo.css" media="screen" />
+<link rel="stylesheet" href="layout2.css" media="screen" />
+<link rel="stylesheet" href="/mini.css" media="handheld" />
+<link rel="stylesheet" href="/print.css" media="print" />
+<!-- end of head-include-2.html -->
+
+<link rel="stylesheet" href="style.fr.css" media="all" />
+</head>
+<body>
+<div class="inner">
+
+<!-- start of server/body-include-1.html -->
+
+<div id="toplinks">
+<div class="links">
+ <a href="#content">Lire l'article</a>&nbsp;&nbsp;&nbsp;&nbsp;
+ <a href="/accessibility/">Accessibilité</a>&nbsp;&nbsp;&nbsp;&nbsp;
+ <span class="fsf"><a 
href="#mission-statement">À&nbsp;propos&nbsp;de&nbsp;la&nbsp;FSF</a></span>
+</div> <!-- /links -->
+
+<div id="searcher">
+ <form method="get" action="http://www.gnu.org/cgi-bin/estseek.cgi";>
+  <div><label class="netscape4" for="phrase">Search:</label>
+  <input name="phrase" id="phrase" type="text" size="18" accesskey="s"
+         value="Pourquoi GNU/Linux?" onfocus="this.value=''" />
+  <input type="submit" value="Rechercher" />
+  </div><!-- unnamed label -->
+ </form>
+</div><!-- /searcher -->
+</div><!-- /toplinks -->
+
+<div id="translations">
+<p>
+<span dir="ltr" class="original"><a lang="en" hreflang="en" 
href="/education/edu-schools.en.html">English</a>&nbsp;[en]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="ar" hreflang="ar" 
href="/education/edu-schools.ar.html">العربية</a>&nbsp;[ar]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="bg" hreflang="bg" 
href="/education/edu-schools.bg.html">български</a>&nbsp;[bg]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="ca" hreflang="ca" 
href="/education/edu-schools.ca.html">català</a>&nbsp;[ca]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="de" hreflang="de" 
href="/education/edu-schools.de.html">Deutsch</a>&nbsp;[de]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="el" hreflang="el" 
href="/education/edu-schools.el.html">ελληνικά</a>&nbsp;[el]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="es" hreflang="es" 
href="/education/edu-schools.es.html">español</a>&nbsp;[es]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="fa" hreflang="fa" 
href="/education/edu-schools.fa.html">فارسی</a>&nbsp;[fa]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="fr" hreflang="fr" 
href="/education/edu-schools.fr.html">français</a>&nbsp;[fr]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="he" hreflang="he" 
href="/education/edu-schools.he.html">עברית</a>&nbsp;[he]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="hr" hreflang="hr" 
href="/education/edu-schools.hr.html">hrvatski</a>&nbsp;[hr]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="it" hreflang="it" 
href="/education/edu-schools.it.html">italiano</a>&nbsp;[it]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="ja" hreflang="ja" 
href="/education/edu-schools.ja.html">日本語</a>&nbsp;[ja]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="ml" hreflang="ml" 
href="/education/edu-schools.ml.html">മലയാളം</a>&nbsp;[ml]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="nl" hreflang="nl" 
href="/education/edu-schools.nl.html">Nederlands</a>&nbsp;[nl]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="pl" hreflang="pl" 
href="/education/edu-schools.pl.html">polski</a>&nbsp;[pl]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="pt-br" hreflang="pt-br" 
href="/education/edu-schools.pt-br.html">português&nbsp;do&nbsp;Brasil</a>&nbsp;[pt-br]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="ru" hreflang="ru" 
href="/education/edu-schools.ru.html">русский</a>&nbsp;[ru]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="ta" hreflang="ta" 
href="/education/edu-schools.ta.html">தமிழ்</a>&nbsp;[ta]</span>&nbsp;&nbsp;
+<span dir="ltr"><a lang="uz" hreflang="uz" 
href="/education/edu-schools.uz.html">Oʻzbekcha</a>&nbsp;[uz]</span>&nbsp;&nbsp;
+</p>
+</div>
+<!-- end of server/body-include-1.html -->
+
+<!-- start of server/body-include-2.html -->
+
+<!-- Begin fundraising banner -->
+<!-- End fundraising banner -->
+
+<div id="header">
+
+<div id="fssbox">
+<p><strong>Recevez notre lettre électronique<br />mensuelle (traduite en 
français),<br /> le <a
+href="https://www.fsf.org/free-software-supporter/";>Free Software
+Supporter</a></strong></p>
+</div><!-- /fssbox -->
+
+<div id="logo">
+ <p><a href="/">
+ <img src="/graphics/heckert_gnu.small.png" alt=" [Une tête de GNU] " 
/>&nbsp;Le&nbsp;système&nbsp;d'exploitation&nbsp;<strong>GNU</strong></a></p>
+</div><!-- /logo -->
+
+</div><!-- /header -->
+
+
+<div id="navigation">
+ <ul>
+  <li id="tabAboutGNU"><a href="/gnu/gnu.html">À propos de GNU</a></li>
+  <li id="tabPhilosophy"><a 
href="/philosophy/philosophy.html">Philosophie</a></li>
+  <li id="tabLicenses"><a href="/licenses/licenses.html">Licences</a></li>
+  <li class="active" id="tabEducation"><a 
href="education.html">Éducation</a></li>
+  <li id="tabSoftware"><a href="/software/software.html">Logiciel</a></li>
+  <li id="tabDoc"><a href="/doc/doc.html">Documentation</a></li>
+  <li id="tabHelp"><a href="/help/help.html">Aidez GNU</a></li>
+ </ul>
+</div><!--  /navigation -->
+
+<!-- end of server/body-include-2.html -->
+
+<!-- end of banner.fr.html -->
+

Index: edu-schools2.fr.html
===================================================================
RCS file: edu-schools2.fr.html
diff -N edu-schools2.fr.html
--- /dev/null   1 Jan 1970 00:00:00 -0000
+++ edu-schools2.fr.html        4 Feb 2014 16:45:09 -0000       1.1
@@ -0,0 +1,270 @@
+
+
+<!--#include virtual="/server/header.fr.html" -->
+<!-- Parent-Version: 1.75 -->
+
+<!-- This file is automatically generated by GNUnited Nations! -->
+ <!--#set var="ENGLISH_PAGE" value="/education/edu-schools.en.html" -->
+
+<title>Pourquoi les écoles doivent utiliser exclusivement du logiciel libre -
+Projet GNU - Free Software Foundation</title>
+
+<!--#include virtual="/education/po/edu-schools.translist" -->
+<!--#include virtual="banner-edu.fr.html" -->
+<div id="education-content">
+
+<!-- begin edu navigation bar -->
+<ul id="edu-navigation">
+ <li><a href="/education/edu-contents.html">Table des matières</a></li>
+ <li><a href="/education/edu-cases.html">Études de cas</a></li>
+ <li><a href="/education/edu-resources.html">Ressources pédagogiques</a></li>
+ <li><a href="/education/edu-projects.html">Projets pédagogiques</a></li>
+ <li><a href="/education/edu-faq.html">FAQ</a></li>
+ <li><a href="/education/edu-team.html">L'équipe éducation</a></li>
+</ul>
+
+<!-- end edu navigation bar -->
+</div> 
+
+<!-- id="education-content" -->
+<p class="edu-breadcrumb">
+<a href="/education/education.html">Éducation</a> &rarr; <a
+href="/education/education.html#indepth">Pour aller plus loin</a> &rarr;
+Pourquoi les écoles doivent utiliser exclusivement du logiciel libre</p>
+
+<!--#if expr="${DISABLE_TOP_ADDENDUM} == yes" --><!--#else -->
+<!--#set var='link_to_english_page' value='' -->
+<!--#if expr="${ENGLISH_PAGE}" -->
+<!--#set var='link_to_english_page' 
+         value='<a href="${ENGLISH_PAGE}">' -->
+<!--#endif -->
+<p class="trans-disclaimer"><!--#echo encoding="none" 
var="link_to_english_page" -->
+L'original de cette page est en anglais.
+<br />
+<!--#if expr="${ENGLISH_PAGE}" -->
+</a>
+<!--#endif -->
+</p>
+<!--#endif --><p>par <a href="http://www.stallman.org/";>Richard 
Stallman</a></p>
+
+<h2>Pourquoi les écoles doivent utiliser exclusivement du logiciel libre</h2>
+
+<p>Il existe des raisons très générales pour lesquelles tout utilisateur
+d'ordinateur doit exiger des logiciels libres : ils lui donnent la
+possibilité de contrôler son propre ordinateur. Avec les logiciels
+privateurs en effet,<a id="TransNote1-rev"
+href="#TransNote1"><sup>a</sup></a> l'ordinateur obéit au propriétaire du
+logiciel – l'éditeur – et non au propriétaire de l'ordinateur. Les 
logiciels
+libres donnent également aux utilisateurs la liberté de coopérer, de vivre
+dans la droiture morale. Cela s'applique aux écoles comme à tout le
+monde. Le but de cet article est de donner des raisons supplémentaires,
+spécifiques au domaine de l'éducation.</p>
+
+<p>Les activités liées à l'éducation (y compris les écoles) ont pour <a
+href="/education/education.html">devoir de n'enseigner que des logiciels
+libres</a>. En voici les raisons.</p>
+
+<p>D'abord, le logiciel libre permet aux écoles d'économiser de l'argent. Il
+donne aux écoles, comme aux autres utilisateurs, la liberté de copier et de
+redistribuer les logiciels, si bien que l'Éducation nationale (ou tout
+système éducatif) peut faire des copies pour tous les ordinateurs de toutes
+les écoles. Dans les pays en voie de développement, cela peut aider à
+réduire la fracture numérique.</p>
+
+<p>Cet argument économique évident, quoi qu'important en pratique, n'a qu'une
+portée assez marginale. En effet les développeurs de logiciels privateurs
+peuvent éliminer cette raison en offrant des copies aux écoles (mais
+attention, une école qui accepte un tel « cadeau » risque de devoir payer
+les mises à jour). Approfondissons donc la question.</p>
+
+<p>Les écoles ont une mission sociale, celle de former les élèves à être 
les
+citoyens d'une société forte, capable, indépendante, solidaire et
+libre. Elles doivent promouvoir l'utilisation de logiciel libre tout comme
+elles promeuvent le recyclage. Si les écoles forment les élèves et les
+étudiants à l'utilisation de logiciel libre, ils continueront à s'en servir
+après la fin de leurs études. Cela pourra aider la société toute entière 
à
+échapper à la domination (et au racket) des multinationales.</p>
+
+<p>Ce que les écoles doivent refuser de faire, c'est d'enseigner la
+dépendance. Ces entreprises offrent des exemplaires gratuits de leurs
+logiciels aux écoles pour la même raison que les fabricants de cigarettes
+distribuent des échantillons gratuits aux mineurs : pour rendre les enfants
+dépendants <a name="top1" href="#note1">(1)</a>. Ils ne feront pas de remise
+à ces élèves et étudiants une fois qu'ils auront grandi et fini leurs
+études.<a id="TransNote2-rev" href="#TransNote2"><sup>b</sup></a></p>
+
+<p>Le logiciel libre permet aux élèves et aux étudiants d'apprendre comment 
les
+programmes fonctionnent. À l'adolescence, certains d'entre eux veulent tout
+apprendre au sujet de leur ordinateur et de ses logiciels. Ils sont
+extrêmement curieux de lire le code source des programmes qu'ils utilisent
+tous les jours. Pour apprendre à écrire du bon code, ils ont besoin de lire
+beaucoup de code et d'en écrire beaucoup. Ils ont besoin de lire et de
+comprendre de vrais programmes que les gens utilisent réellement. Seul le
+logiciel libre leur en donne la permission.</p>
+
+<p>Le logiciel privateur rejette cette soif de connaissance ; il dit : « Le
+savoir que tu recherches est un secret – apprendre est interdit ! » Le
+logiciel libre encourage tout le monde à apprendre. La communauté du
+logiciel libre rejette ce « culte de la technologie » qui maintient le 
grand
+public dans l'ignorance de son fonctionnement ; nous encourageons les élèves
+et les étudiants de tous âges et de toutes origines à lire du code source et
+à apprendre autant qu'ils veulent savoir. Les écoles qui utilisent du
+logiciel libre encouragent cela et permettent aux apprentis programmeurs
+doués de progresser.</p>
+
+<p>La raison la plus profonde d'utiliser du logiciel libre dans les écoles
+concerne l'éducation morale. Nous attendons de l'école qu'elle enseigne aux
+élèves et étudiants des connaissances de base et des compétences utiles,
+mais ce n'est pas son unique mission. Sa mission la plus fondamentale est
+d'enseigner la bonne citoyenneté, ce qui inclut l'habitude d'aider les
+autres. Dans le domaine de l'informatique, cela signifie apprendre aux
+élèves à partager les logiciels. Il faut qu'on leur dise dès la 
maternelle :
+« Si tu apportes un logiciel à l'école, tu devras le partager avec les
+autres enfants. Et tu dois montrer le code source à la classe, au cas où
+quelqu'un voudrait apprendre. » </p>
+
+<p>Bien entendu, l'école doit pratiquer ce qu'elle prêche : tous les 
logiciels
+qu'elle installe devront être accessibles aux élèves pour qu'ils les
+copient, les emportent à la maison et les redistribuent autour d'eux.</p>
+
+<p>Enseigner l'utilisation des logiciels libres aux élèves et étudiants et
+prendre part à la communauté du logiciel libre est une forme concrète
+d'éducation à la citoyenneté. De plus, cela propose aux étudiants un 
modèle
+basé sur le service public au lieu de celui que prônent les magnats de
+l'économie. Les écoles de tous niveaux doivent se servir de logiciel 
libre.</p>
+
+<ol>
+<li><cite><a id="note1"></a>L'industriel du tabac </cite>RJ Reynolds Tobacco
+Company<cite> fut condamné à 15 millions de dollars d'amende en 2002 pour
+avoir fourni des échantillons gratuits de cigarettes à l'occasion
+d'événements auxquels participaient des enfants. Voir <a
+href="http://www.bbc.co.uk/worldservice/sci_tech/features/health/tobaccotrial/usa.htm";>http://www.bbc.co.uk/worldservice/sci_tech/features/health/tobaccotrial/usa.htm</a>.</cite></li>
+</ol>
+
+
+<div id="transnotes">
+<!--TRANSLATORS: Use space (SPC) as msgstr if you don't have notes.-->
+<b>Notes de traduction</b>
+  <ol id="translator-notes-alpha">
+   <li id="TransNote1">Autre traduction de <cite>proprietary</cite> :
+propriétaire. <a href="#TransNote1-rev">&#8593;</a></li>
+   <li id="TransNote2">On a dans cet alinéa et celui qui précède un parfait
+exemple de l'ambiguïté du mot anglais <cite>free</cite>. Cet adjectif est en
+effet utilisé deux fois dans le sens de « libre » (<cite>free
+software</cite>) et deux fois dans le sens de « gratuit » (<cite>free
+samples</cite> et <cite>free cigarettes</cite>). <a
+href="#TransNote2-rev">&#8593;</a></li>
+   </ol>
+</div><!-- /transnotes -->
+
+</div><!-- for id="content", starts in the include above -->
+
+<!-- begin server/footer-text.html -->
+
+<div id="fsf-links">
+ <ul>
+  <li><a href="/">Accueil GNU</a></li>
+  <li><a href="http://www.fsf.org/";>Accueil FSF</a></li>
+  <li><a href="/graphics/graphics.html">Art GNU</a></li>
+  <li><a href="/fun/fun.html">Humour GNU</a></li>
+  <li><a href="/people/people.html">Trombinoscope GNU</a></li>
+  <li><a 
href="http://directory.fsf.org";>Répertoire du logiciel libre</a></li>
+  <li><a href="/server/sitemap.html">Plan du site</a></li>
+ </ul>
+</div><!-- /fsf-links -->
+
+<div id="mission-statement">
+
+<blockquote><a href="http://www.fsf.org";><img id="fsfbanner" 
src="logo-fsf.org-notext.png" alt=" [Logo de la Free Software Foundation] 
"/></a><strong>« Notre mission est de préserver, protéger et promouvoir la 
liberté d'utiliser, étudier, copier, modifier et redistribuer les programmes 
informatiques, et de défendre les droits des utilisateurs de logiciel libre. 
»</strong></blockquote>
+ 
+<div id="support-fsf">
+<div id="join-fsf">
+ <p><a class="button small" 
href="https://www.fsf.org/associate/support_freedom?referrer=4052";>
+   REJOIGNEZ  LA  FSF  </a></p>
+</div> <!-- /join-fsf -->
+
+<p>La <a href="http://www.fsf.org";><strong>Fondation pour le logiciel
+libre</strong></a> (<abbr title="Free Software Foundation">FSF</abbr>)
+est le principal sponsor institutionnel du <a href="/">système
+d'exploitation GNU</a>. <strong>Soutenez GNU et la FSF</strong>
+ <a href="http://shop.fsf.org/";>en achetant des manuels et autres objets</a>,
+ <a href="http://www.fsf.org/join";>en adhérant à la FSF en tant que membre 
associé</a>
+ou en faisant un don, soit <a href="http://donate.fsf.org/";>directement à la 
FSF</a>, soit <a
+href="http://flattr.com/thing/313733/gnuproject-on-Flattr";>via Flattr</a>.</p>
+</div> <!-- /support-fsf -->
+</div> <!-- /mission-statement -->
+ 
+ <p id="backtotop"><a href="#header">Haut de la page</a></p>
+ <!-- end server/footer-text.html -->
+
+<div id="footer">
+
+<div class="footer-unit">
+<p>Veuillez envoyer les requêtes concernant la FSF et GNU à <a
+href="mailto:address@hidden";>&lt;address@hidden&gt;</a>. Il existe aussi <a
+href="/contact/">d'autres moyens de contacter</a> la FSF. Les liens
+orphelins et autres corrections ou suggestions peuvent être signalés à <a
+href="mailto:address@hidden";>&lt;address@hidden&gt;</a>.</p>
+</div><!-- /footer-unit -->
+
+<div class="footer-unit">
+<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";>
+
+        &lt;address@hidden&gt;</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>. -->
+Nous faisons le maximum pour proposer des traductions fidèles et de
+qualité, mais nous ne sommes pas parfaits. Merci d'adresser vos commentaires
+sur cette page, ainsi que vos suggestions d'ordre général sur les
+traductions, à <a href="mailto:address@hidden";>
+&lt;address@hidden&gt;</a>.</p>
+<p>Pour tout renseignement sur la coordination et la soumission des
+traductions de nos pages web, reportez-vous au <a
+href="/server/standards/README.translations.html">guide de traduction</a>.
+</p>
+</div><!-- /footer-unit -->
+ 
+<div class="footer-unit">
+<p>Copyright &copy; 2003, 2009 Richard Stallman</p>
+
+<p>Cette page peut être utilisée suivant les conditions de la licence <a
+rel="license"
+href="http://creativecommons.org/licenses/by-nd/3.0/us/deed.fr";>Creative
+Commons attribution de paternité, pas de modification, 3.0 États-Unis
+(CC BY-ND 3.0 US)</a>.</p>
+</div><!-- /footer-unit -->
+
+<div class="footer-unit">
+<!--TRANSLATORS: Use space (SPC) as msgstr if you don't want credits.-->
+Traduction : Laurent Bertaud.<br /> Révision : <a
+href="mailto:trad-gnu&#64;april.org";>trad-gnu&#64;april.org</a>
+</div><!-- /footer-unit -->
+
+<!-- start of server/bottom-notes.html -->
+<p id="bottom-notes"><a 
href="http://www.fsf.org/about/dmca-notice";>Notification
+d'infraction au copyright</a></p>
+<!-- end of server/bottom-notes.html -->
+
+<p>
+<!-- timestamp start -->
+Dernière mise à jour :
+
+$Date: 2014/02/04 16:45:09 $
+
+<!-- timestamp end -->
+</p>
+
+</div><!-- /footer -->
+</div><!-- /inner -->
+</body>
+</html>



reply via email to

[Prev in Thread] Current Thread [Next in Thread]