@@ -254,8 +254,8 @@ img {
254254/* Clearfix */
255255
256256.cf : before , .cf : after {
257- content : "" ;
258- display : table;
257+ content : "" ;
258+ display : table;
259259}
260260
261261.cf : after {
@@ -322,21 +322,25 @@ footer {
322322 margin : 20px 10px 40px 10px ;
323323}
324324
325- .main-nav {
325+ .main-nav ,
326+ .social-nav {
326327 position : relative;
327328}
328- .main-nav ul {
329+ .main-nav ul ,
330+ .social-nav ul {
329331 list-style : none;
330332}
331- .main-nav li {
333+ .main-nav li ,
334+ .social-nav li {
332335 float : left;
333336 text-align : center;
334337 margin : 0 ;
335338}
336339.main-nav li : first-child a {
337340 padding-left : 0 ;
338341}
339- .main-nav a {
342+ .main-nav a ,
343+ .social-nav a {
340344 display : block;
341345 padding : 8px 18px ;
342346 color : # 7AD03A ;
@@ -365,11 +369,11 @@ footer {
365369}
366370
367371/* Secondary main-nav */
368- .main -nav . align-right {
372+ .social -nav li {
369373 float : right;
370374 margin-left : .5em ;
371375}
372- .main -nav .rounded {
376+ .social -nav .rounded {
373377 padding : 0 ;
374378 width : 1.8em ;
375379 height : 1.8em ;
@@ -379,10 +383,24 @@ footer {
379383 background : # 585858 ;
380384 color : # 292929 ;
381385}
382- .main -nav .rounded : hover {
386+ .social -nav .rounded : hover {
383387 color : # 7AD03A ;
384388}
385389
390+ @media (max-width : 770px ) {
391+ .social-nav {
392+ display : table;
393+ margin : 0 auto;
394+ padding-top : 5px ;
395+ min-width : 100px ;
396+ }
397+
398+ .social-nav li {
399+ float : none;
400+ margin : 0 5px ;
401+ }
402+ }
403+
386404/* Search in header */
387405.main-nav .search {
388406 border-radius : 3em ;
@@ -516,7 +534,7 @@ body.display-global-parameters #main_content {
516534 margin-bottom : 5px ;
517535}
518536
519- // Adjust visibility per page
537+ /* Adjust visibility per page */
520538body .command-line-interface-for-wordpress .global-parameters ,
521539body .configuration .global-parameters {
522540 display : none;
@@ -691,36 +709,38 @@ hr:after,
691709}
692710
693711/* i18n menu */
694- .cf .container
695- {
712+ .cf .container {
696713 position : relative;
697714}
698715
699- .cf .container .languages
700- {
716+ .cf .container .languages {
701717 position : absolute;
702718 top : 0px ;
703719 right : 0px ;
720+ margin-right : 20px ;
704721}
705722
723+
706724@media screen and (-webkit-min-device-pixel-ratio : 0 ) {
707725 header h2 ,
708726 .main-nav a {
709727 font-weight : 400 ;
710728 }
711729}
712730
713- @media (max-width : 800 px ) {
731+ @media (max-width : 970 px ) {
714732 header h1 {
715733 margin-left : 0 ;
716734 }
717-
718- .main-nav .align-right {
719- float : none;
720- }
721735}
736+
722737@media (max-width : 690px ) {
723738 .main-nav li a {
724739 padding-left : 0 ;
725740 }
741+
742+ .main-nav li : nth-child (6 ) a {
743+ padding-left : 9px ;
744+ padding-right : 9px ;
745+ }
726746}
0 commit comments