www-commits
[Top][All Lists]
Advanced

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

www/server/staging/layout layout.css encycloped...


From: Therese Godefroy
Subject: www/server/staging/layout layout.css encycloped...
Date: Thu, 10 Jan 2019 16:29:44 -0500 (EST)

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 19/01/10 16:29:44

Modified files:
        server/staging/layout: layout.css encyclopedia.html 

Log message:
        Several fixes.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout/layout.css?cvsroot=www&r1=1.8&r2=1.9
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout/encyclopedia.html?cvsroot=www&r1=1.6&r2=1.7

Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/server/staging/layout/layout.css,v
retrieving revision 1.8
retrieving revision 1.9
diff -u -b -r1.8 -r1.9
--- layout.css  7 Jan 2019 20:49:55 -0000       1.8
+++ layout.css  10 Jan 2019 21:29:44 -0000      1.9
@@ -40,7 +40,7 @@
 Text
    black    hover on #555
    #222     normal text
-   #333, #404040, #444, #555: special items
+   #333, #404040, #444: special items
    #777     medium gray: hover special links, buttons & submit
    white    #navigation
 
@@ -50,6 +50,7 @@
 
    #b02500  #join-fsf
    #a42e2b  red: GNU banner, #outdated
+   #850803  red: GNU links in bottom navbar  
 
 Backgrounds
    #999     hr
@@ -73,7 +74,7 @@
    black, #111, #333, #666: tables
    #777     hover buttons & submit
    #999     #outdated 
-   #bbb     body, .subheader
+   #bbb     body, .subheader, #backtotop
    #ccc     unfocused inputs, footer
    #d4d4d4  #translations
    #ddd     emph-box, lyrics
@@ -90,7 +91,7 @@
 */
 
 /*** Luminosity contrast ratio and color difference ***
-   source: http://springmeier.org/www/contrastcalculator/index.php
+   source: http://juicystudio.com/services/luminositycontrastratio.php
 
    Color1       Color 2       contrast       Color
                                ratio      difference
@@ -145,9 +146,6 @@
    #footer                           [<page>.html]
 */
 
-
-/***  PAGE LAYOUT  ***/
-
 html, body {
    font-size: 1em;
    text-align: left;
@@ -171,37 +169,32 @@
    -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%;
-}
-#education-content {
-   margin-left: -3.2%; margin-right: -3.2%;
-}
-
-/** Backgrounds **/
-
-#searcher, #fsf-links {
+#searcher {
+   font-family: "sans-serif", "FreeSans", sans-serif;
+   padding: .3em 3%;
    background-color: #d4d4d4;
 }
-#translations, #footer { background-color: #f5f5f5; }
-
-#education-content { background-color: #eee; }
-
-#navigation { background-color: #a42e2b; }
-
-/** Fonts **/
-
 #translations {
    font-family: "FreeSans", sans-serif;
+   padding: 0 3%;
+   background-color: #f5f5f5;
 }
-#searcher, #toplinks, #header {
+#header {
    font-family: "sans-serif", "FreeSans", sans-serif;
+   padding: 0 3%;
+}
+#content {
+   padding: 0 3%;
+   margin-bottom: 2.5em;
+}
+#mission-statement {
+   padding: 0 3%;
+}
+#footer {
+   padding: 1.5em 3%;
+   background-color: #f5f5f5;
 }
 
 
@@ -768,6 +761,8 @@
 
 #toplinks {
    float: left;
+   /* Matches #searcher. */
+   font-family: "sans-serif", "FreeSans", sans-serif;
    /* For NetSurf 1.2, and maybe a few other browsers. */
    padding: .5em 2em .3em;
 }
@@ -932,38 +927,51 @@
 
 /*** NAVIGATION BARS ***/
 
-#navigation ul, #education-content ul, #fsf-links ul, #backtotop {
-   font-size: .9em;
-   font-family: "sans-serif", sans-serif;
-   font-weight: bold;
+#navigation ul, #fsf-links ul {
+   margin: 0;
+}
+ul#edu-navigation {
+   margin: 0 -3.2%;
+}
+#navigation ul, ul#edu-navigation, #fsf-links ul {
+   padding: .2em 1.5%;
+}
+ul#edu-navigation {
+   padding: .2em 1.5%;
 }
-/* line-height is defined here for NetSurf 1.2.
+
+#navigation ul, ul#edu-navigation, #fsf-links ul, #backtotop {
+/* line-height of li element is defined here for NetSurf 1.2.
    No effect in NetSurf 2.9 or Firefox. */
-#navigation ul, #education-content ul, #fsf-links ul {
    line-height: 1.7em;
-   margin: 0 1.5%;
-   border-top: .2em solid transparent;
+   font-size: .9em;
+   font-family: "sans-serif", sans-serif;
+   font-weight: bold;
 }
-#navigation li, #education-content li, #fsf-links li {
+#navigation li, #edu-navigation li, #fsf-links li {
    list-style-type: none;
-   line-height: 1.5em;
-   margin: .1em .5em .2em;
+   white-space: nowrap;
+   display: inline;
+   display: inline-block;
+   line-height: 1.6em;
+   margin: .15em .5em 0em;
 /* Mock border to avoid size change when a link becomes active. */
    border-bottom: .15em solid transparent;
 }
-#navigation li#more-links, #backtotop {
-   float:right;
+li#more-links {
+   float: right;
+   margin-left: 1.5em;
 }
-#navigation li, #education-content li, #fsf-links li {
-   white-space: nowrap;
-   display: inline;
+
+#navigation a, #edu-navigation a, #fsf-links a {
+/* For Firefox (can't set line-height when "a" is displayed inline) */
    display: inline-block;
 }
 
 #backtotop {
-   line-height: 1.5em;
-   /* For NetSurf 1.2, and maybe a few other browsers. */
-   margin: .15em .5em 0;
+   float: right;
+/* For NetSurf 1.2, and maybe a few other browsers. */
+   margin: .25em 1em 0;
 }
 /* For standard browsers. */
 @media (min-width: 0) {
@@ -973,47 +981,52 @@
    position: relative;
    bottom: .1em;
 }
-
-/* For Firefox (can't set line-height when "a" is displayed inline) */
-#navigation a, #education-content a, #fsf-links a, #backtotop a {
-   display: inline-block;
-   padding-top: .1em;
-}
 #backtotop a {
-   padding: .1em .5em;
+   display: inline-block;
+   padding: 0 .5em;
    background: white;
    border: .1em solid #bbb;
 }  
 
+#navigation { background-color: #a42e2b; }
+#edu-navigation { background-color: #eee; }
+#fsf-links { background-color: #d4d4d4; }
+
 #navigation a { color: white; }
-#education-content a, #fsf-links a { color: #333; }
-#fsf-links .gnu a, #backtotop a { color: #850803; }
+#education-content a, #fsf-links a, #backtotop a { color: #333; }
+#fsf-links .gnu a { color: #850803; }
 #backtotop a:hover { color: #777; }
 
 #navigation li.active {
    font-style: italic;
    border-color: white;
 }
-ul#edu-navigation li.active,
- ul#edu-navigation li.current {
+#edu-navigation li.active,
+ #edu-navigation li.current {
    font-style: italic;
    border-color: #a42e2b;
 }
-#navigation li a, #education-content li a, #fsf-links li a,
+#navigation li a, #edu-navigation li a, #fsf-links li a,
  #navigation li.active a:hover, #backtotop a,
- #education-content li.active a:hover {
+ #edu-navigation li.active a:hover {
    text-decoration: none;
 }
-#navigation a:hover, #education-content a:hover,
+#navigation a:hover, #edu-navigation a:hover,
  #fsf-links a:hover {
    text-decoration: underline;
 }
address@hidden (min-width: 53em) {
+   #navigation ul, #edu-navigation, #fsf-links {
+      text-align: center;
+   }
+   li#more-links {
+      float: none;
+   }
+}
 
 
 /*** CONTENT ***/
 
-#content { margin-bottom: 2.5em; }
-
 p.byline {
    font-size: 1.1em;
    margin: 1.5em 0;
@@ -1082,7 +1095,6 @@
 
 #footer {
    font-size: .9em;
-   padding-top: 1.5em; padding-bottom: 1.5em;
    color: #333;
    border-top: 1px solid #ccc;
 }

Index: encyclopedia.html
===================================================================
RCS file: /webcvs/www/www/server/staging/layout/encyclopedia.html,v
retrieving revision 1.6
retrieving revision 1.7
diff -u -b -r1.6 -r1.7
--- encyclopedia.html   4 Jan 2019 15:56:02 -0000       1.6
+++ encyclopedia.html   10 Jan 2019 21:29:44 -0000      1.7
@@ -4,7 +4,7 @@
 - GNU Project - Free Software Foundation</title>
 <style type="text/css" media="print,screen"><!--
 @media (min-width: 25em) {
-   #more-links, #backtotop { display: none; }
+   #navigation li#more-links, #backtotop { display: none; }
 }
 --></style>
 <!--#include virtual="/encyclopedia/po/encyclopedia.translist" -->
@@ -81,7 +81,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2019/01/04 15:56:02 $
+$Date: 2019/01/10 21:29:44 $
 <!-- timestamp end -->
 </p>
 </div>



reply via email to

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