mirror of
https://github.com/adulau/brouilleursdeblanc.git
synced 2024-11-07 12:06:26 +00:00
Make nav button links and feed icon clickable. Fixes #15
This commit is contained in:
parent
8d2441c6c1
commit
a03b50d88c
2 changed files with 9 additions and 9 deletions
|
@ -567,12 +567,12 @@ body{margin:0;padding:0;width:100%;background-color:#ffffff;border-top:5px solid
|
||||||
.navigation-wrapper:after{clear:both;}
|
.navigation-wrapper:after{clear:both;}
|
||||||
.navigation-wrapper ul{display:inline-block;vertical-align:top;margin:0 0 50px;padding:4px 20px;background-color:#000000;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;*zoom:1;}.navigation-wrapper ul:before,.navigation-wrapper ul:after{display:table;content:"";line-height:0;}
|
.navigation-wrapper ul{display:inline-block;vertical-align:top;margin:0 0 50px;padding:4px 20px;background-color:#000000;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;*zoom:1;}.navigation-wrapper ul:before,.navigation-wrapper ul:after{display:table;content:"";line-height:0;}
|
||||||
.navigation-wrapper ul:after{clear:both;}
|
.navigation-wrapper ul:after{clear:both;}
|
||||||
.navigation-wrapper li{display:block;float:left;list-style:none;padding:6px 10px;text-align:center;font-size:14px;font-size:0.875rem;text-transform:uppercase;color:#ffffff;border:1px solid #000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.navigation-wrapper li:hover{border:1px solid #ffffff;border-bottom:1px solid #808080;border:1px solid rgba(255, 255, 255, 0.5);}
|
.navigation-wrapper li{display:block;float:left;list-style:none;text-align:center;font-size:14px;font-size:0.875rem;text-transform:uppercase;color:#ffffff;}
|
||||||
.navigation-wrapper a{color:#ffffff;}
|
.navigation-wrapper a{display:block;padding:6px 10px;color:#ffffff;border:1px solid #000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.navigation-wrapper a:hover{border:1px solid #ffffff;border-bottom:1px solid #808080;border:1px solid rgba(255, 255, 255, 0.5);}
|
||||||
#site-nav{z-index:9999;display:none;}@media only screen and (min-width: 48em){#site-nav{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.05s;-moz-animation-delay:.05s;-o-animation-delay:.05s;animation-delay:.05s;}}@media only screen and (min-width: 48em){#site-nav.closed{display:block;}}
|
#site-nav{z-index:9999;display:none;}@media only screen and (min-width: 48em){#site-nav{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.05s;-moz-animation-delay:.05s;-o-animation-delay:.05s;animation-delay:.05s;}}@media only screen and (min-width: 48em){#site-nav.closed{display:block;}}
|
||||||
#site-nav.opened{display:block;max-height:100%;}#site-nav.opened li{float:none;}
|
#site-nav.opened{display:block;max-height:100%;}#site-nav.opened li{float:none;}
|
||||||
.no-js #site-nav{display:block;}
|
.no-js #site-nav{display:block;}
|
||||||
#nav-toggle{display:block;vertical-align:top;margin:0;padding:4px 20px;background-color:#000000;}@media only screen and (min-width: 48em){#nav-toggle{display:none;}}
|
#nav-toggle{display:block;vertical-align:top;margin:0;padding:4px 20px;background-color:#000000;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}@media only screen and (min-width: 48em){#nav-toggle{display:none;}}
|
||||||
.masthead{margin-top:40px;*zoom:1;}.masthead:before,.masthead:after{display:table;content:"";line-height:0;}
|
.masthead{margin-top:40px;*zoom:1;}.masthead:before,.masthead:after{display:table;content:"";line-height:0;}
|
||||||
.masthead:after{clear:both;}
|
.masthead:after{clear:both;}
|
||||||
@media only screen and (min-width: 48em){.masthead{margin-top:0;}}.masthead .wrap{text-align:center;max-width:27.5em;padding-right:20px;padding-left:20px;}@media only screen and (min-width: 48em){.masthead .wrap{max-width:45.5em;padding-right:60px;padding-left:60px;}}@media only screen and (min-width: 62.5em){.masthead .wrap{max-width:60em;}}
|
@media only screen and (min-width: 48em){.masthead{margin-top:0;}}.masthead .wrap{text-align:center;max-width:27.5em;padding-right:20px;padding-left:20px;}@media only screen and (min-width: 48em){.masthead .wrap{max-width:45.5em;padding-right:60px;padding-left:60px;}}@media only screen and (min-width: 62.5em){.masthead .wrap{max-width:60em;}}
|
||||||
|
|
|
@ -27,11 +27,15 @@ body {
|
||||||
display: block;
|
display: block;
|
||||||
float: left;
|
float: left;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 6px 10px;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
.font-rem(14);
|
.font-rem(14);
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
color: @white;
|
color: @white;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
padding: 6px 10px;
|
||||||
|
color: @white;
|
||||||
border: 1px solid @black;
|
border: 1px solid @black;
|
||||||
.rounded(4px);
|
.rounded(4px);
|
||||||
&:hover {
|
&:hover {
|
||||||
|
@ -40,9 +44,6 @@ body {
|
||||||
border: 1px solid fade(@white,50);
|
border: 1px solid fade(@white,50);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
a {
|
|
||||||
color: @white;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
// Responsive nav toggle stuff
|
// Responsive nav toggle stuff
|
||||||
#site-nav {
|
#site-nav {
|
||||||
|
@ -81,6 +82,7 @@ body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 4px 20px;
|
padding: 4px 20px;
|
||||||
background-color: @black;
|
background-color: @black;
|
||||||
|
.rounded(0 0 4px 4px);
|
||||||
@media @medium {
|
@media @medium {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
@ -391,7 +393,6 @@ span + .entry-title {
|
||||||
|
|
||||||
// Chrome Frame
|
// Chrome Frame
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
.upgrade {
|
.upgrade {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -399,7 +400,6 @@ span + .entry-title {
|
||||||
|
|
||||||
// Google Search
|
// Google Search
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
#goog-fixurl {
|
#goog-fixurl {
|
||||||
ul {
|
ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|
Loading…
Reference in a new issue