www-commits
[Top][All Lists]
Advanced

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

www/server/staging layout.css


From: Therese Godefroy
Subject: www/server/staging layout.css
Date: Mon, 24 Feb 2020 08:46:41 -0500 (EST)

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 20/02/24 08:46:41

Modified files:
        server/staging : layout.css 

Log message:
        Optimize gnu banner for css3-unaware browsers.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/layout.css?cvsroot=www&r1=1.28&r2=1.29

Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/server/staging/layout.css,v
retrieving revision 1.28
retrieving revision 1.29
diff -u -b -r1.28 -r1.29
--- layout.css  24 Feb 2020 11:26:11 -0000      1.28
+++ layout.css  24 Feb 2020 13:46:39 -0000      1.29
@@ -256,18 +256,14 @@
 /*** BANNER ***/
 
 #header {
-   display: table;
-   width: 94%;
    padding: 0 3%;
    text-align: center;
 }
 p#gnu-banner {
-   display: table-cell;
-   vertical-align: middle;
+   display: inline-block;
    font-size: 1.875em;      /* 30px */
-   text-align: center;
    line-height: 1em;
-   padding: .25em 0 .3em 1em;
+   padding: .25em 0 .3em;
    margin: 0;
 }
 #gnu-banner img {
@@ -283,10 +279,9 @@
 /*** SEARCHER, LANGUAGES & MENU ICONS ***/
 
 #switches {
-   display: table-cell;
-   vertical-align: middle;
+   display: inline-block;
    line-height: 2em;
-   padding: .3em 0 0;
+   padding: .3em 0;
 }
 .switch {
    display: inline-block;
@@ -301,17 +296,15 @@
    padding: .1em;
    margin: 0;
 }
-
+#language-link {
+   display: inline-block;
+   vertical-align: middle;
+}
 #navbar-input,  #outdated-input, #language-input,
 #navbar-button, #outdated-button, #language-button {
    display: none;
 }
 
-#language-link {
-   display: table-cell;
-   vertical-align: middle;
-}
-
 
 /***************/
 /*  LANGUAGES  */
@@ -366,7 +359,6 @@
 
    #gnu-banner .hide, p#fsf-support { display: none; }
    p#gnu-banner {
-      display: block;
       font-size: 2em;
       padding-left: 0;
       margin: 0;
@@ -431,19 +423,16 @@
 }
 
 @media (min-width: 19.5em) {                         /* 312px */
-   #header { display: table; }
-   p#gnu-banner {
-      display: table-cell;
-      font-size: 2.2em;
+   #header {
+      display: table;
+      width: 94%;
    }
-   #switches { display: table-cell;
+   p#gnu-banner, #switches {
+      display: table-cell;
       vertical-align: middle;
-      max-width: 4em;
-      padding-top: .3em;
    }
-}
-@media (min-width: 25em) {
-   #switches { max-width: none; }
+   p#gnu-banner { font-size: 2.2em; }
+   #switches { padding-top: .3em; padding-left: 1.5em; }
 }
 
 @media (min-width: 30em) {



reply via email to

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