www/server/staging/nav-bar/test9 audio-video.ht...

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 15/11/01 13:06:04

Modified files:
        server/staging/nav-bar/test9: audio-video.html home5.html 
                                      layout7.css style.rtl.css 
                                      style.css 

Log message:
        Various fixes.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test9/audio-video.html?cvsroot=www&r1=1.4&r2=1.5
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test9/home5.html?cvsroot=www&r1=1.52&r2=1.53
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test9/layout7.css?cvsroot=www&r1=1.111&r2=1.112
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test9/style.rtl.css?cvsroot=www&r1=1.8&r2=1.9
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test9/style.css?cvsroot=www&r1=1.12&r2=1.13

Patches:
Index: audio-video.html
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/audio-video.html,v
retrieving revision 1.4
retrieving revision 1.5
diff -u -b -r1.4 -r1.5
--- audio-video.html    31 Oct 2015 08:28:40 -0000      1.4
+++ audio-video.html    1 Nov 2015 13:06:02 -0000       1.5
@@ -22,7 +22,6 @@
 #video-list dt, #video-list dd{margin: 0; padding: 0; font-size: 80%;}
 #listen img { width: 30em; max-width: 100%; }
 #content div.summary p { font-weight: normal }
-#content p.emph-box { padding: 1em; }
 #footer { margin-top: 2em; }
 </style>
 <style type="text/css" media="print">
@@ -257,7 +256,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2015/10/31 08:28:40 $
+$Date: 2015/11/01 13:06:02 $
 <!-- timestamp end -->
 </p>
 </div>

Index: home5.html
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/home5.html,v
retrieving revision 1.52
retrieving revision 1.53
diff -u -b -r1.52 -r1.53
--- home5.html  31 Oct 2015 08:28:40 -0000      1.52
+++ home5.html  1 Nov 2015 13:06:03 -0000       1.53
@@ -27,7 +27,7 @@
 }
 #home .first-column img {
    width: 100%; max-width: 35em;
-   margin: .5em auto 1em auto;
+   margin: .5em auto 0 auto;
 }
 #home .first-column p.back { margin-bottom: 0; }
 #home .second-column h4 img { height: .75em; width: .75em; }
@@ -36,14 +36,15 @@
    text-align: center;
    font-size: 1.5em;
 }
-.emph-box p, #home .emph-box small { font-size: .9em; }
+.emph-box p { font-size: .9em; }
 #software { font-family: "FreeSans", sans-serif; } 
-#home .button { text-align: center; margin: 2em 0; }
-#home .button a, #home .button a:visited {
+#software .button { text-align: center; margin: 2em 0; }
+#software .button a, #software .button a:visited {
    font-size: 1.8em;
    color: #971611; background-color: white;
 }
-#home .button a:hover { color: #777; }
+#software .button a:hover { color: #777; }
+#software small { font-size: 1em; }
 #Action {
    text-align: left;
    padding: 0 1em;
@@ -56,7 +57,7 @@
 }
 #Action li { margin-bottom: .7em; }
 #backtotop { float: right; margin-top: 2.5em; }
-#sisters { font-size: .9em; margin: 0 3% 1.5em 3%; }
+#sisters { font-size: .9em; margin: 0 3% 2em 3%; }
 -->
 <!--#if expr="$LANGUAGE_SUFFIX = /[.](ar|fa|he)/" -->
 <!--
@@ -322,7 +323,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2015/10/31 08:28:40 $
+$Date: 2015/11/01 13:06:03 $
 <!-- timestamp end -->
 </p>
 </div>

Index: layout7.css
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/layout7.css,v
retrieving revision 1.111
retrieving revision 1.112
diff -u -b -r1.111 -r1.112
--- layout7.css 31 Oct 2015 08:19:36 -0000      1.111
+++ layout7.css 1 Nov 2015 13:06:03 -0000       1.112
@@ -39,7 +39,7 @@
 Text
    black    normal text, hover on #555 and nav-bars
    white    #navigation
-   #999     light gray: text shadow
+   #999     light gray: text shadow,  hr.separator
    #222, #333, #404040, #555: special items
    #777     medium gray: normal hover
    #334683  blue from GNU banner: h2, special links
@@ -53,21 +53,23 @@
    #f0f2f4  light bluish gray: #translations p, .emph-box, #outdated,
             .listing, #footer, .toc, .summary
    #e7e9eb  html, .button, .lyrics, #join-fsf, submit
-   #d1d4d7  #edu-navbar, #fsf-links, #searcher + #translations
-   #ffc     very pale yellow: .highlight-para, highlight
-   #fff898  pale yellow: table headers
+   #d1d4d7  #edu-navbar, #fsf-links, #searcher
+   #ffc     very pale yellow: .highlight-para, p.highlight
+   #fff898  pale yellow: table headers, .highlight
    #ff3     yellow: #urgent
    #a50606  intermediate red from #fs-gang gradient: #navigation
+   #999     light gray: hr.separator
 
 Borders
    black, #111, #333, #666: tables
-   #b9bcbf  bluish gray: body, .highlight-para, .announcement
-   #c9cccf  bluish gray: .button, .toc, submit
-   #d1d4d7  bluish gray: #translations, #outdated
+   #b9bcbf  bluish gray: body, .highlight-para, .announcement, outdated
+   #c9cccf  bluish gray: .emph-box, footer
+   #d1d4d7  bluish gray: #translations
    #3465a4  blue (slightly lighter than GNU banner): edu-cases ridges, .note
    #171d33  dark blue from screenshot in home.html: box-shadow behind
             buttons, focused inputs
    #6989b6  light blue: border for h3 (license-list.html)
+   #999     light gray: .button, #join-fsf, input, submit, .active
 */
 
 /*** Luminosity contrast ratio and color difference ***
@@ -271,8 +273,7 @@
 hr.separator {
    display: block;
    height: .3em;
-   margin-top: 2em;
-   margin-bottom: 2em;
+   margin: 2em 0;
    color: #999;
    background-color: #999;
    border: none;
@@ -288,10 +289,10 @@
 /*** BUTTON ***/
 
 /* Display the button link as block in CSS1-only
-   browsers: they don't support inline-block. */
+   browsers (they don't support inline-block), */
 .button a, #join-fsf a { display: block; }
 
-/* Display it as inline-block in CSS2+ browsers. */
+/* and as inline-block in CSS2+ browsers. */
 @media print,screen {
    .button a, #join-fsf a { display: inline-block; }
 }
@@ -393,27 +394,17 @@
 
 /*** NON-FLOATING INSETS AND HIGHLIGHTED STUFF ***/
 
-.highlight, .highlight-para {
-   color: black;
-}
-.highlight {
-/* Please do not add borders. This style can be applied to in-line
-   elements or next to .summary. */
-   padding: .2em .5em;
-   background-color: #ffc;
-   border: 0;
-}
-/* These can be applied to a single p or a div/blockquote. In the latter
-   case, the top/bottom margins of the contained elements will increase
-   background height. In general, .highlight-para and .emph-box can't be
-   used next to a floating element. */
-.highlight-para, .emph-box {
-   padding: .2em 1.1em .3em 1.1em;
-}
-.highlight-para {
-   background-color: #ffc;
-   border: 2px solid #b9bcbf;
-}
+/* .highlight doesn't have a border. It can applied to in-line elements,
+   or next to .summary.
+   .highlight-para and .emph-box have borders. They are used for block
+   elements which are not adjacent to floating stuff. */
+
+.highlight-para, .emph-box { clear: both; }
+.highlight-para, p.highlight, .emph-box { padding: .3em 1.2em }
+
+.highlight { background-color: #fff898; }
+.highlight-para, p.highlight { background-color: #ffc; }
+.highlight-para { border: 2px solid #b9bcbf; }
 .emph-box {
    background-color: #f0f2f4;
    border: 1px solid #c9cccf;
@@ -472,7 +463,6 @@
 
 /*** FLOATING NOTES ***/
 
-/* Notes about mailing lists, etc. */
 .note {
    clear: right;
    float: right;
@@ -557,6 +547,7 @@
    float: right; max-width: 100%;
    margin: .3em 0 1em 1.5em;
 }
+.portrait p, .landscape p { font-style: italic; }
 .portrait img, .landscape img { width: 100%; }
 .portrait { width: 22em; }
 @media (max-width: 46em) {

Index: style.rtl.css
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/style.rtl.css,v
retrieving revision 1.8
retrieving revision 1.9
diff -u -b -r1.8 -r1.9
--- style.rtl.css       11 Oct 2015 20:34:23 -0000      1.8
+++ style.rtl.css       1 Nov 2015 13:06:03 -0000       1.9
@@ -15,14 +15,14 @@
 The above copyright notice and this permission notice shall be
 included in all copies or substantial portions of the Software.  */
 
-.nocenter, #fsf-support, #content, #Action, html, body,
+#fsf-support, #content, #Action, html, body,
 #content .edu-breadcrumb {
    text-align: right;
 }
 .imgright { float: left; margin: .3em 1.5em 1em 0; }
 .imgleft { float: right; margin: .3em 0 1em 1.5em; }
 
-#fsf-frame, #backtotop a {
+#fsf-frame {
    float: left;
 }
 @media (max-width: 57em) {
@@ -30,12 +30,12 @@
    #fsf-frame #join-fsf { float: right; margin-left: 2em; }
 }
 
-#searcher, #content p.back { text-align: left; }
+#searcher, .back, #backtotop { text-align: left; }
 .promo-banner {
     background-position: 1% 9%;
 }
 #toplinks, #mission-statement img, #gnu-banner img,
-#content div.big-section {
+div.big-section {
    float: right;
 }
 #toplinks a, #toplinks a:visited {
@@ -44,30 +44,22 @@
 #gnu-banner img {
    margin-left: .4em; margin-right: 0;
 }
-div#backtotop, th.gpl-matrix-license { text-align: left; }
-#home .first-column {
-   clear: right;
-   float: right;
-}
-#home .second-column { float: left; }
-#content .announcement {
+
+.announcement {
    border-left: 0;
    border-right: .5em solid #b9bcbf;
 }
-#content .note, #content .summary,
- #content .portrait, #content .landscape {
+.note, .summary, .portrait, .landscape {
    clear: left;
    float: left;
-   margin: .3em 1.5em 1em 0;
 }
+.note, .portrait, .landscape { margin: .3em 1.5em 1em 0; }
+.summary { border-right: 1.5em solid white; border-left: 0; }
+
 @media (max-width: 46em) {
-   #content .note, #content .portrait { float: none; margin: auto; }
-   #content .summary {
-      float: none; max-width: 25em;
-      margin: auto;  margin-top: 2.5em;
-   }
+   .note, .summary, .portrait { float: none; margin: auto; }
 }
 @media (max-width: 51em) {
-   #content .landscape { float: none; margin: auto; }
+   .landscape { float: none; margin: auto; }
 }
 

Index: style.css
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/style.css,v
retrieving revision 1.12
retrieving revision 1.13
diff -u -b -r1.12 -r1.13
--- style.css   16 Oct 2015 09:51:01 -0000      1.12
+++ style.css   1 Nov 2015 13:06:03 -0000       1.13
@@ -21,7 +21,7 @@
    padding-left: 0; padding-right: 0;
 }
 
-/* For audio-video.gnu.org and other old-style pages. */
+/* For old-style pages. */
 #logo {
    background:url(/graphics/topbanner.png) no-repeat;
    float: left;
@@ -36,16 +36,4 @@
    margin:0; border:0;
    cursor:pointer;
 }
-img { width: 30em; max-width: 100%; }
 
-/* No indentation of #content. Long lines because of the sitemap in 
audio-video. */
-#content { padding: 0 1.5% }
-
-/* Tweak for the last paragraph in audio-video (Check out other FSF campaigns) 
*/
-body div.inner h2 { margin-left: 1.5%; }
-#fsf-links { margin-top: 0; }
-body div.inner ul { margin-bottom: 1.5em; margin-left: 1.41%; }
-body div#content ul { margin-left: 0; }
-
-/* The translation list is at the bottom, usually empty. No need for a border. 
*/
-body div#translations { border: none; }