[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
www/server/staging/nav-bar/test9 license-list.h...
From: |
Therese Godefroy |
Subject: |
www/server/staging/nav-bar/test9 license-list.h... |
Date: |
Mon, 31 Mar 2014 09:15:11 +0000 |
CVSROOT: /webcvs/www
Module name: www
Changes by: Therese Godefroy <th_g> 14/03/31 09:15:11
Modified files:
server/staging/nav-bar/test9: license-list.html
Added files:
server/staging/nav-bar/test9: layout7.css
Log message:
New layout for license-list.html.
CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test9/license-list.html?cvsroot=www&r1=1.8&r2=1.9
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test9/layout7.css?cvsroot=www&rev=1.1
Patches:
Index: license-list.html
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/license-list.html,v
retrieving revision 1.8
retrieving revision 1.9
diff -u -b -r1.8 -r1.9
--- license-list.html 31 Mar 2014 06:11:06 -0000 1.8
+++ license-list.html 31 Mar 2014 09:15:10 -0000 1.9
@@ -22,7 +22,7 @@
<!-- start of head-include-2.html -->
<link rel="stylesheet" href="combo.css" media="screen" />
-<link rel="stylesheet" href="layout.css" media="screen" />
+<link rel="stylesheet" href="layout7.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 -->
@@ -34,78 +34,8 @@
<body>
<div class="inner">
-<!-- start of server/body-include-1.html -->
-<!--#set var="HTML_BODY" value="yes" -->
-
-<div id="toplinks">
- <a href="#content">Skip to main text</a>
- <a href="/accessibility/">Accessibility</a>
-</div> <!-- /toplinks -->
-
-<div id="searcher">
- <form method="get" action="http://www.gnu.org/cgi-bin/estseek.cgi">
- <div>
- <input name="phrase" id="phrase" type="text" size="18" accesskey="s"
- value="Why GNU/Linux?" onfocus="this.value=''" />
- <input type="submit" value="Search" />
- </div><!-- unnamed label -->
- </form>
-</div><!-- /searcher -->
-
-<!--#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 -->
-<!-- end of server/body-include-1.html -->
-<!-- start of server/body-include-2.html -->
-
-<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><hr
/>
-
-<div id="fssbox">
-<p><a href="http://www.fsf.org/fss">GNU/FSF Newsletter</a></p>
-<form
action="https://crm.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"/>
- <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="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 -->
-
-<div id="navigation">
- <ul>
- <li id="tabAboutGNU"><a href="/gnu/gnu.html">About GNU</a></li>
- <li id="tabPhilosophy"><a
href="/philosophy/philosophy.html">Philosophy</a></li>
- <li id="tabLicenses"><a href="/licenses/licenses.html">Licenses</a></li>
- <li id="tabEducation"><a href="/education/education.html">Education</a></li>
- <li id="tabSoftware"><a href="/software/software.html">Software</a></li>
- <li id="tabDoc"><a href="/doc/doc.html">Documentation</a></li>
- <li id="tabHelp"><a href="/help/help.html">Help GNU</a></li>
- </ul>
-</div><!-- /navigation -->
-
-<!-- end of server/body-include-2.html -->
+<!--#include virtual="/server/body-include-1.html" -->
+<!--#include virtual="/server/body-include-2.html" -->
<div id="content">
<!-- end of server/banner.html -->
@@ -2393,9 +2323,8 @@
</dl> <!-- end class="blue" -->
-<h4 id="OpinionLicenses" class="big-section">
- Licenses for Works stating a Viewpoint
- <span>(e.g., Opinion or Testimony)</span></h4>
+<h4 id="OpinionLicenses" class="big-subsection">
+ Licenses for Works stating a Viewpoint (e.g., Opinion or Testimony)</h4>
<span class="anchor-reference-id">
(<a href="#OpinionLicenses">#OpinionLicenses</a>)</span>
@@ -2485,7 +2414,7 @@
<p></p><p class="unprintable">Updated:
<!-- timestamp start -->
-$Date: 2014/03/31 06:11:06 $
+$Date: 2014/03/31 09:15:10 $
<!-- timestamp end -->
</p>
</div>
Index: layout7.css
===================================================================
RCS file: layout7.css
diff -N layout7.css
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ layout7.css 31 Mar 2014 09:15:10 -0000 1.1
@@ -0,0 +1,1041 @@
+/*
+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
+</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. */
+
+
+/*** COLORS ***/
+
+/*
+Text
+ black normal text, hover on #555 and nav-bars
+ white #navigation
+ #999 light gray: text shadow
+ #222, #333, #555: special items
+ #777 medium gray: normal hover
+ #334683 blue from GNU banner: h2, special links
+ #004780 greenish blue: normal links
+ #100070 purplish blue: normal visited links
+ blue #urgent links, [hover #fsf-frame]
+ #171d33 dark blue: #Action h2
+ #971611 red from GNU banner: .button link
+
+Backgrounds
+ white #inner, navbar li.active
+ #f5f6f7 very light bluish gray: #footer, .emph-box, [.toc]
+ #f0f2f4 #translations, #outdated, .listing
+ #e7e9eb .button, .lyrics
+ #d1d4d7 #edu-navbar, #fsf-links
+ #c9cccf #searcher
+ #ddd gray (looks purplish): #gpl-compat-matrix
+ #ccffcc light green: #gpl-compat-matrix
+ #e4ffcc light yellowish green: #gpl-compat-matrix
+ #ffc very pale yellow: .highlight-para
+ #fff898 pale yellow: table headers, #fsf-frame, .highlight, nav-bar hover
+ #ff3 yellow: #urgent
+ #a50606 intermediate red from #fs-gang gradient: #navigation
+ [#fs-gang gradient: #820202-#f71111]
+ #5b6a96-#c9cccf: #body gradient
+ #5b6a96 fallback from gradient (intermediate between banner blue and
+ #c9cccf)
+
+Borders
+ black, #111, #333, #666: tables
+ #b9bcbf bluish gray: #fsf-frame, #Action, .highlight-para, .announcement
+ #c9cccf bluish gray: .button, [.toc]
+ #3465a4 blue (slightly lighter than GNU banner): edu-cases ridges, .note
+ #334683 #join-fsf
+ #171d33 dark blue (from screenshot): shade behind .button.large
+[ #6989b6 light blue: border for h3 and dl (license-list.html) ]
+[ #40c040 green: border for h3 and dl (license-list.html) ]
+[ #a86020 light brown: border for dl (license-list.html) ]
+[ #800000 red: border for dl (license-list.html) ]
+*/
+
+/*** 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
+ #222 #c9cccf 9.87 510
+ #333 white 12.63 612
+ #333 #e7e9eb 10.38 546
+ #333 #c9cccf 7.83 459
+ #444 white 9.74 561
+ #555 white 7.46 510
+[ #999 white 2.85 306 }
+
+Red from GNU banner
+ #971611 white 8.61 704
+ #971611 #e7e9eb 7.07 638
+
+Blue from GNU banner
+ #334683 white 8.96 494
+ #334683 #fff898 8.16 384
+ #334683 #e7e9eb 7.36 428
+ #334683 #777 2.0 110
+ #334683 #555 1.20 76
+ #334683 #444 1.09 67
+ #334683 #333 1.41 118
+ #334683 black 2.34 271
+
+Blue (urgent)
+ #00f #ff3 8.02 714
+
+Blue links
+ #005090 white 8.23 461
+ #005090 #e4ffcc 7.64 383
+ #005090 #fff898 7.50 351
+ #005090 #ccffcc 7.35 359
+ #005090 #f0ffdf 7.87 414
+ #005090 #ebffeb 7.86 159
+ #005090 #f5f5dc 7.44 406
+ #005090 #777 1.84 103
+ #005090 #333 1.53 151
+ #005090 black 2.55 304
+
+Purple links
+ #100070 white 16.72 653
+ #100070 #fff898 15.23 543
+ #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
+
+[ Left borders in license-list.html ]
+[ #40c040 white 2.38 317 ]
+[ #6989b6 white 3.59 309 ]
+[ #6989b6 #40c040 1.51 246 ]
+[ #a86020 white 4.82 541 ]
+[ #a86020 #40c040 2.03 160 ]
+[ #a86020 #6989b6 1.34 200 ]
+[ #800000 white 10.95 765 ]
+[ #800000 #40c040 4.61 320 ]
+[ #800000 #a86020 2.27 296 ]
+*/
+
+
+/*** GENERAL SETTINGS ***/
+
+html, body {
+ font-size: 1em;
+ text-align: inherit;
+ padding: 0;
+ margin: 0;
+ text-decoration: none;
+ color: #000;
+ 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 {
+ margin: auto; max-width:74.92em; overflow: hidden;
+ background-color: white;
+}
+.inner h2, .inner ul { padding-left: 1.5%; }
+#content ul { padding-left: 0; }
+a[href] { color: #005090; }
+a[href]:visited { color: #100070; }
+a[href]:active, a[href]:hover { color: #777; }
+
+blockquote { margin: 1em; font-style: italic; }
+
+acronym, abbr { border-bottom: 1px dotted #111; }
+
+img { border: 0; }
+
+address { margin-bottom: 1em; }
+
+/* separate the "term" from subsequent "description" */
+dt { margin-bottom: 1em; color: #222; }
+
+/* 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; }
+
+
+.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;
+}
+
+
+/*** TOP OF THE PAGE ***/
+
+#toplinks {
+ float: left;
+ font-size: .9em;
+ font-family: "FreeSans", sans-serif;
+ line-height: 2.2em;
+ font-weight: bold;
+ padding: 0 1em;
+ margin-top: .1em;
+}
+#toplinks a, #toplinks a:visited {
+ padding: 0 .2em;
+ color: #222; text-decoration: none;
+}
+#toplinks a:hover { color: #777; }
+
+#searcher {
+ font-size: .9em;
+ font-family: "FreeSans", sans-serif;
+ font-weight: bold;
+ text-align: right;
+ line-height: 2.1em;
+ padding: .15em 1.2% .15em 1.2%;
+ background-color: #c9cccf;
+}
+
+#searcher input {
+ font-family: "FreeSans", sans-serif;
+ color: #555;
+}
+
+#translations {
+ clear: both;
+ font-size: .8em;
+ font-family: "FreeSans", sans-serif;
+ line-height: 1.3em;
+ padding: 0 1.5% .2em 1.5%;
+ background-color: #f0f2f4;
+}
+#translations span {
+ display: inline; white-space: nowrap;
+ margin-right: .5em;
+}
+#translations a, #translations 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,
+#translations span.original a:visited {
+ color: #334683;
+}
+#translations a:hover,
+#translations span.original a:hover {
+ color: #777;
+}
+
+/* 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; white-space: nowrap;
+ padding-left: 0.25em; padding-right: 0.25em;
+}
+/* Still used in some old /server/banner.*.html */
+#links { display: none !important; }
+
+
+/*** HEADER ***/
+
+#header { font-family: "FreeSans", sans-serif; background-color: white; }
+#header:after {
+ clear: both; content: ""; display: block;
+ height: 0px; visibility: hidden; width: 0px;
+}
+#fsf-frame {
+ float: right;
+ font-size: .9em;
+ text-align: center;
+ line-height: 1.3em;
+ width: auto;
+ padding: .6em .3em .4em .3em;
+ margin: 1em;
+ background: #fff898;
+ border: 1px solid #b9bcbf;
+}
+#fsf-frame p { color: #222; }
+#fsf-frame a { font-weight: bold; text-decoration: none; }
+#fsf-frame hr {
+ border: 1px #b9bcbf;
+ width: .5em; height: .5em;
+ margin: .5em auto .3em auto;
+ background-color: #b9bcbf;
+}
+#join-fsf {
+ margin: 0;
+}
+#join-fsf a, #join-fsf a:visited {
+ padding: .15em .2em .1em .2em;
+ color: #334683;
+ background: white;
+ border: 1px solid #334683;
+}
+
+#fssbox p, input {
+ margin-bottom: 0;
+}
+#fssbox input {
+ font-family: "FreeSans", sans-serif;
+ font-weight: bold;
+ margin: .1em .2em 0 .2em;
+ color: #555;
+}
+#fssbox a, #fssbox a:visited {
+ font-size: 1.1em;
+ font-weight: bold;
+ color: #334683;
+}
+#fssbox a:hover, #join-fsf a:hover {
+ color: #777;
+}
+
+/* For "normal" pages */
+#gnu-banner {
+ font-size: 1.8em;
+ font-weight: bold;
+ line-height: 1.1em;
+ padding-top: 1.4em;
+}
+#gnu-banner img {
+ float: left;
+ height: 2.4em;
+ margin: 0 .15em 0 1.5%;
+ position: relative; bottom: .7em;
+}
+#gnu-banner a {
+ color: #334683; text-decoration: none;
+}
+#gnu-banner a strong {
+ font-size: 1.4em;
+ color: #971611;
+}
+#fsf-support {
+ text-align: left;
+ font-size: .9em;
+ font-weight: bold;
+ font-style: italic;
+ color: #555;
+ margin: .4em 1% .6em 1%;
+}
+#fsf-support a, #fsf-support a:visited { color: #555; }
+#fsf-support a:hover { color: black; }
+
+/* For the pages still using style.css */
+#logo {
+ background:url(/graphics/topbanner.png) no-repeat;
+ float: left;
+ padding:0; margin:0; border:0;
+}
+#logo a {
+ display:block; overflow:hidden;
+ width:550px;
+ height:0px !important;
+ text-decoration:none;
+ padding:0; padding-top:101px;
+ margin:0; border:0;
+ cursor:pointer;
+}
+
+
+/*** NAVIGATION BAR ***/
+
+#navigation {
+ clear: both;
+ padding: .3em;
+ background-color: #a50606;
+}
+
+#navigation:after {
+ clear: both; content: ""; display: block;
+ height: 0px; visibility: hidden; width: 0px;
+}
+#navigation ul {
+ text-align: center;
+ font-size: 0.9em;
+ line-height: 1.8em;
+ padding: 0;
+ margin: 0;
+ background-color: #a50606;
+}
+#navigation li {
+ display: inline; white-space: nowrap;
+ padding: 0;
+}
+#navigation li a, #navigation li a:visited {
+ font-weight: bold;
+ padding: .25em .5em;
+ color: white; text-decoration: none;
+}
+#navigation li.active a {
+ color: #333;
+ background-color: white;
+}
+#navigation li a:hover {
+ color: black;
+ background-color: #fff898;
+}
+
+
+/*** CONTENT ***/
+
+#content {
+ text-align: left;
+ padding: 0 1.5% 1em 1.5%; margin-top: 0;
+}
+#content h2 {
+ font-size: 2em; font-weight:bold;
+ padding: .7em 0 0 0; margin: 0 0 .9em 0;
+ color: #334683; text-shadow: #999 1px 1px 0;
+}
+#content h3, #content h4, #content h5, #content h6, #content p {
+ margin-top: 1em;
+}
+
+#content h3 { font-size: 1.6em; color: #333; }
+#content h4 { font-size: 1.3em; color: #333; }
+#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; margin-right: 1.9em;
+}
+#content li, #fsf-campaigns li, #content dd, #content p, #content pre,
+ #content dt, #content code, #content address { line-height: 1.3em; }
+
+#content h2 a, #content h2 a:visited {
+ font-size: .9em;
+ text-shadow: none;
+ text-decoration: none;
+}
+#content h3 a, #content h4 a { text-decoration: none; }
+#content h3 a[href]:visited, #content h4 a[href]:visited { color: #334683; }
+#content h3 a[href]:hover, #content h4 a[href]:hover { color: #777; }
+
+/* This is supposed to prevent the bullets from overflowing left-floated items.
+https://stackoverflow.com/questions/710158/why-do-my-list-item-bullets-overlap-floating-elements
*/
+#content ul { margin-left: 1em; }
+#content ul li {
+ position: relative;
+ left: 1.5em;
+ padding-right: 1.5em;
+}
+
+/* For column headers in education.html, but could apply elsewhere. */
+#content .yui-gc h2 {
+ text-shadow: none;
+ margin-bottom: .7em;
+}
+
+#content small { font-size: .9em; }
+
+/* Equivalent of #backtotop within a section */
+#content p.back {
+ text-align: right;
+ font-weight: bold;
+ line-height: 1.5em;
+ padding: .6em 1em .4em 0; }
+#content p.back a, .back a:visited { color: #333; }
+#content p.back a:hover { color: #777; }
+
+
+/*** ADDITIONAL LINKS ***/
+
+#fsf-links {
+ clear: both;
+ padding: .3em;
+ background-color: #d1d4d7;
+}
+#fsf-links ul {
+ text-align: center;
+ font-size: .9em;
+ line-height: 1.8em;
+ margin: 0;
+ background-color: #d1d4d7;
+}
+#fsf-links li {
+ display: inline; white-space: nowrap;
+ list-style: none;
+ padding: 0;
+}
+#fsf-links li a, #fsf-links li a:visited {
+ font-weight: bold;
+ padding: .25em .5em;
+ color: #222; text-decoration: none;
+}
+#fsf-links li a:hover {
+ color: black;
+ background-color: #fff898;
+}
+
+
+ /*** FSF STUFF ***/
+
+#mission-statement {
+ font-size: 0.9em;
+ margin: 2em 1.5% 1em 1.5%;
+}
+#mission-statement blockquote {
+ font-weight: bold;
+ margin: 1em 0;
+}
+#mission-statement img {
+ float: left;
+ height: 2em;
+ margin: .3em 1em .3em 0;
+}
+#mission-statement p { margin: 0 0 .2em 0; }
+
+#backtotop a {
+ clear: both;
+ float: right;
+ font-size: 1.1em;
+ font-weight: bold;
+ margin: .7em 1em 1.5em 1em;
+}
+div#backtotop {
+/* For older versions of layout. */
+ margin-left: 0; margin-bottom: 0; float: none;
+ margin-right: 0;
+ text-align: right; padding: 1em;
+}
+#backtotop a, #backtotop a:visited { color: #333; }
+#backtotop a:hover { color: #777; }
+
+#sisters { font-size: .9em; margin: 0 1% 1.5em 1%; }
+
+
+/*** FOOTER ***/
+
+#footer {
+ clear: both;
+ font-size: .9em;
+ padding: 1.11em 1.5%;
+ color: #333;
+ background-color: #f5f6f7;
+ border-top: 1px solid #c9cccf;
+}
+#footer p { margin-bottom: 0; }
+
+#footer .unprintable, #footer .translators-credits {
+ margin-bottom: .7em;
+}
+
+
+/*** HOME PAGE ***/
+
+#home:after {
+ clear: both; content: ""; display: block;
+ height: 0px; visibility: hidden; width: 0px;
+}
+#home .first-column {
+ clear: left;
+ 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;
+ margin-bottom: .6em;
+}
+#home .first-column img { width: 80%; margin: .5em 0 1em 0; }
+#home .second-column h4 img { height: .75em; width: .75em; }
+
+#home .button {
+ text-align: center;
+ font-weight: bold;
+ margin-top: .7em; margin-bottom: .8em;
+ box-shadow: .15em .15em #171d33;
+ -moz-box-shadow: .15em .15em #171d33;
+ -webkit-box-shadow: .15em .15em #171d33;
+ -icab-box-shadow: .15em .15em #171d33;
+ -o-box-shadow: .15em .15em #171d33;
+/* border-radius: .4em;
+ -moz-border-radius: .4em;
+ -khtml-border-radius: .4em;
+ -webkit-border-radius: .4em;
+ -opera-border-radius: .4em; */
+}
+.button a, .button a:visited {
+ color: #971611;
+ text-decoration: none;
+}
+.button a:hover {
+ color: #777;
+}
+.large {
+ width: auto: max-width: 100%;
+ font-size: 2em;
+ padding: .1em;
+ 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;
+}
+
+h2#Action {
+ text-align: center;
+}
+#Action h2 {
+ float: none;
+ text-align: center;
+ padding-top: 0;
+ color: #171d33;
+}
+#Action li { margin-bottom: .7em; }
+
+
+/*** HIGHLIGHTED STUFF ***/
+
+.highlight, .highlight-para {
+ clear: both;
+ margin-bottom: 1em;
+ color: black;
+}
+.highlight {
+/* Please do not add borders. This style is applied to an in-line tag. */
+ padding: .2em .5em;
+ background-color: #fff898;
+ border: 0;
+}
+.highlight-para {
+ padding: 0 1.2em;
+ background-color: #ffc;
+ border: 2px solid #b9bcbf;
+}
+
+/* For the announcements */
+#content div.announcement {
+ font-size: 1.1em; font-weight: bold;
+ padding: 0 1em;
+ margin: 1.5em 0;
+ color: #333;
+ border-left: .5em solid #b9bcbf;
+}
+#content div.announcement blockquote {
+ margin-left: 0; margin-right: 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 notes about mailing lists, etc. */
+#content .note {
+ clear: right;
+ float: right;
+ text-align: center;
+ font-style: normal;
+ width: 17em;
+ padding: 0 .5em;
+ margin: .3em 1em 1em 1em;
+ border: .3em solid #3465a4;
+}
+#content .note p { font-size: 1.1em; line-height: 1.4em; }
+#content .note strong { font-size: 1.2em; }
+
+/* For the note about Free Software Free Society */
+#content blockquote#fsfs p { padding: .3em 0; }
+
+
+/*** TRANSLATED PAGES ***/
+
+/* For the note saying the page is a translation. */
+#content .trans-disclaimer {
+ text-align: center;
+ font-weight: bold;
+ font-style: italic;
+ margin-bottom: 0;
+ margin-top: 1.2em;
+}
+#content .trans-disclaimer a,
+#content .trans-disclaimer a:visited { color: #334683; }
+#content .trans-disclaimer a:hover { color: #777; }
+
+/* For outdated translations */
+#outdated {
+ text-align: center;
+ padding: .7em 3%;
+ margin: .3em -1.6%;
+ background-color: #f0f2f4;
+ border-bottom: .3em solid #d1d4d7;
+}
+#outdated p {
+ margin: 0.2em 0;
+}
+/* In the out-of-date notice, we use <br> elements to separate
+ translatable texts from automatically generated items. */
+#outdated br { display: none }
+#outdated a:visited { color: #334683; }
+#outdated a:hover { color: #777; }
+
+/* For translators notes */
+#content .transnotes { font-size: .9em; }
+#content .transnotes hr { margin-top: 1.65em; }
+
+
+/*** EDUCATION ***/
+
+/* definitions for /education-specific navigation bar
+ and breadcrumbs for education */
+#edu-navigation {
+ clear: both;
+ background-color: #d1d4d7;
+}
+ul#edu-navigation {
+ text-align: center;
+ font-size: .9em; font-weight: bold;
+ line-height: 1.8em;
+ margin: 0 -1.6%;
+}
+#edu-navigation li {
+ display: inline; white-space: nowrap;
+ list-style-type: none;
+ padding: 0;
+}
+#edu-navigation li a, #edu-navigation li a:visited {
+ padding: .2em .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: #fff898;
+}
+
+#content .edu-breadcrumb {
+ font-size: .9em;
+ font-weight: bold;
+ text-align: left;
+ padding-top: .4em;
+ margin-top: 0;
+ color: #333;
+}
+#content .edu-breadcrumb a,
+#content .edu-breadcrumb a:visited {
+ color: #334683;
+ text-decoration: none;
+}
+#content .edu-breadcrumb a:hover {
+ color: #777;
+}
+
+/* styles for subsections of /education "Case Studies" */
+div.edu-cases {
+ border-top: 5px ridge #3465a4;
+ border-bottom: 5px ridge #3465a4;
+ margin: 1.3em 3em;
+ padding-top: .8em;
+}
+
+/* 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;
+}
+
+#rms-movie video { width: 100%; }
+
+/* End items specific to education */
+
+
+/*** LISTINGS AND TABLES ***/
+
+.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: #f0f2f4;
+}
+.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;
+}
+
+/* This is for licenses/gpl-faq.html. */
+table#gpl-compat-matrix {
+ display: block;
+ width: 100%;
+ overflow: auto;
+ padding: .1em;
+ margin: auto;
+ border-collapse: collapse;
+}
+
+table#gpl-compat-matrix td, th.gpl-matrix-border {
+ text-align: center;
+ padding: .3em;
+ margin: 0;
+ border: 1px 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; }
+th.gpl-matrix-license { text-align: right; }
+tr.gpl-matrix-use-type { border-top: 2px solid black; }
+
+/* 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: 85%; font-weight: normal; }
+
+span.anchor-reference-id a {
+ color: #333 !important;
+ text-shadow: none;
+}
+span.anchor-reference-id a:hover { color: #777 !important; }
+
+/* For license-list.html (not implemented yet) */
+#content div.toc {
+ float: left;
+ width: auto; max-width: 100%;
+ padding: 0 2% 1em 1%;
+ margin: 1.4em 1.5em 1em 0;
+ background: #f0f2f4;
+ border: 1px solid #c9cccf;
+}
+#content div.toc h3 { text-align: center; }
+
+#content blockquote#legend {
+ float: right;
+ width: auto; max-width: 100%;
+ font-style: normal;
+ margin: .3em 0 1em 1em;
+ background: #f0f2f4;
+ border: 1px solid #c9cccf;
+}
+#content blockquote#legend p { text-align: center }
+
+#content h3.big-section {
+ display: inline-block;
+ font-size: 1.8em;
+ padding: .2em 0;
+ margin: .8em .3em .4em 0;
+ color: black;
+ border-top: .2em solid #6989b6;
+ border-bottom: .2em solid #6989b6;
+}
+#content h3.big-section span { font-size: .8em; }
+#content h4.big-subsection {
+ display: inline-block;
+ font-size: 1.5em;
+ margin: .3em .3em .4em 0;
+ color: black;
+}
+hr.separator {
+ display: block;
+ height: .3em;
+ margin-bottom: 1.2em;
+ color: #999;
+ background-color: #999;
+ border: none;
+}
+
+#content dl.green, #content dl.orange,
+ #content dl.red, #content dl.blue {
+ padding-left: 1.5em;
+ margin-left: 0;
+ margin-top: 1.5em;
+}
+#content dl.green { border-left: .4em solid #40c040; }
+#content dl.orange { border-left: .4em solid #a86020; }
+#content dl.red { border-left: .4em solid #800000; }
+#content dl.blue { border-left: .4em solid #6989b6; }
+
+
+/* End license-list definitions */
+
+
+/*** 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 #e7e9eb;
+ margin-left: 2em; margin-right: 2em;
+}
+
+
+/*** IMAGES ***/
+
+/* 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;
+}
+
+
+/* UNUSED? */
+
+.pad { margin-bottom: 1em; }
+.pad td { padding-left: 1em; padding-right: 1em; }
+div.spacer { height: .1em; width: 100%; background-color: transparent; }
+
[Prev in Thread] |
Current Thread |
[Next in Thread] |
- www/server/staging/nav-bar/test9 license-list.h...,
Therese Godefroy <=