main.css: minor adjustments:
authorThérèse Godefroy <godef.th@free.fr>
Thu, 28 Sep 2017 13:26:09 +0000 (15:26 +0200)
committerThérèse Godefroy <godef.th@free.fr>
Thu, 28 Sep 2017 13:50:58 +0000 (15:50 +0200)
- make section-intro image shrinkable;
- slightly increase the contrast in notes;
- increase width of language picker to avoid too much wrapping;
- decrease h1 font size.

css/main.css

index 043b50d41e25a37806801f6a691c2ef7351cc156..459bff18f21a9dde168d8784a5491389e4a04c11 100644 (file)
@@ -335,8 +335,7 @@ a:focus > img + strong {
 
 .section-intro p.image { text-align: center; }
 
-/* optional css rule, if you want to set the image a bit smaller than its 800px width */
-/*.section-intro p.image > img { width: 80%; }*/
+.section-intro p.image > img { max-width: 100%; }
 
 
 .step {
@@ -351,7 +350,7 @@ a:focus > img + strong {
 .main p:first-child {  margin: 0 0 0.5em ;     }
 
 .main p.notes {
-    color: #999;
+    color: #808080;
 }
 
 .main h3 {
@@ -420,7 +419,7 @@ ul.images li > img {
 
 .dropdown > h4 {
     font-size: .85em;
-    width: 180px;
+    width: 200px;
     text-align: center;
     display: inline-block;
     cursor: pointer;
@@ -772,7 +771,7 @@ input[type='reset']:hover {
     }
 
     #header h1 {
-       font-size: 6em;
+       font-size: 5em;
        text-align: center;
     }