Images and sources

diff --git a/css/main.css b/css/main.css
index ff5cc0e0225cf73edc67064d57b093452b4e2934..9497ff158bf4cbb8564ce2372df76db600500847 100644 (file)
--- a/css/main.css
+++ b/css/main.css
@@ -126,7 +126,7 @@ body {
                line-height: 1.4;
 }
 
-h1 {  font-size: 2.75em;  font-family: 'Dosis'; margin-bottom: .5em;  }
+h1 {  font-size: 2.75em;  font-family: 'Dosis'; }
 h2 {  font-size: 2.75em;  font-family: 'Dosis';        }
 h3 {  font-size: 1.625em; font-family: 'Dosis';        }
 h4 {  font-size: 1.375em; font-family: 'Dosis EBold'; color: #4d4d4d;  }
@@ -139,8 +139,7 @@ h1, h2, h3, h4, h5, h6 {
                letter-spacing: 1px;
 }
 
-.nav .os a.current,
-.main p.highlight,
+ul.os a.current,
 .main dt,
 .troubleshooting dt,
 strong {
@@ -163,6 +162,7 @@ input[type='reset'] {
 .nav,
 #footer,
 .troubleshooting h4,
+.main p.highlight,
 small {
                font-size: 0.75em;
 }
@@ -274,6 +274,23 @@ a:focus > img + strong {
                line-height: 1;
 }
 
+#header ul.os {
+               line-height: 1;
+               margin: .5em 0 2em;
+               padding: 0 0 .25em;
+               border-bottom: 1px solid #94b3e2;
+}
+
+#header ul.os li {
+               text-transform: uppercase;
+               display: inline-block;
+}
+
+#header ul.os li a {
+               display: block;
+               padding: .25em;
+}
+
 #header #infographic {
                background: #fff;
                border-radius: 3px;
@@ -285,19 +302,11 @@ a:focus > img + strong {
                margin: .5em;
 }
 
-#header #infographic a.img-link {
-               padding-top: .5em;
-}
-
 #header #infographic img {
                display: block;
                width: 100%;
 }
 
-#header #infographic a.text-link {
-               padding-bottom: .5em;
-}
-
 #header > div > .intro p {
                margin: 0 0 0.75em;
 }
@@ -611,7 +620,7 @@ input[type='reset']:hover {
                                margin-bottom: 1.5em;
                }
 
-               #header #infographic a.img-link {
+               #header #infographic a {
                                height: 200px;
                                overflow: hidden;
                }
@@ -656,19 +665,17 @@ input[type='reset']:hover {
                        padding: 0.35em 0 0;
                }
 
-               .nav ul.os {
-                               display: inline-block;
-                               margin: 0 2em 0 0;
-               }
-
                .nav ul.lang {
-                               display: inline-block;
                                margin: 0 0 0 0.5em;
-                               float: right;
                }
 
                #header h1 {
                                font-size: 6em;
+                               text-align: center;
+               }
+
+               #header ul.os {
+                               text-align: center;
                }
 
                #header .intro {
@@ -717,8 +724,21 @@ input[type='reset']:hover {
                                margin: 0 3% 0 0;
                }
 
-               .sidebar ul.images li > img,
-               .row .sidebar > p img {
+               .sidebar ul.images li:nth-child(n) {
+                               clear: left;
+                               margin: 0 3% 0 0;
+               }
+
+               .sidebar ul.images li:nth-child(2n+1) {
+                               margin: 0 0 0 3%;
+               }
+
+               .sidebar ul.images li > img {
+                               width: 100%;
+                               height: auto;
+               }
+
+               .row .sidebar > p > img {
                                width: 80%;
                                height: auto;
                }

diff --git a/img/jplusplus.png b/img/jplusplus.png
index 93118cfd69612ffe19ac8592fc1ccb6ab247a4b9..39f4565c6a87d6488bb3e56c53da0ba67c515758 100644 (file)
Binary files a/img/jplusplus.png and b/img/jplusplus.png differ