Commit 163cfb31 authored by numahell's avatar numahell
Browse files

Navigation top and content

parent 9e045403
......@@ -4,9 +4,9 @@
}
.menu .menu-item {
padding: 2rem 0;
padding: 1rem 0;
a{
padding: 0rem 3rem;
padding: 0rem 3rem;
border-right : 1px solid black;
}
}
......@@ -14,8 +14,7 @@
.menu .menu-item:last-child {
a {
border-right : 0;
padding-left: 6rem;
padding-right: 0;
padding-right: 0;
}
}
......@@ -35,7 +34,7 @@
//display: block;
text-indent: -9999px;
width : 125px;
height : 27px;
height : 27px;
background: url('../images/commons-menu/lien_assemblee.png') no-repeat center center;
}
......@@ -43,7 +42,7 @@
//display: block;
text-indent: -9999px;
width : 125px;
height : 27px;
height : 27px;
background: url('../images/commons-menu/lien_chambre.png') no-repeat center center;
}
......@@ -51,6 +50,6 @@
//display: block;
text-indent: -9999px;
width : 129px;
height : 27px;
height : 27px;
background: url('../images/commons-menu/lien_agenda.png') no-repeat center center;
}
\ No newline at end of file
}
......@@ -25,41 +25,84 @@
}
/* Tablet and desktop menu */
.content-bar,
.top-bar {
@include grid-row();
}
/* .menu a {
height: 45px;
line-height: 45px;
color: #e6e6e6;
padding-top: 0;
padding-bottom: 0;
font-weight: bold;
font-size: 0.8rem;
line-height: 1;
&:hover:not(.button) {
background-color: #2a2a2a;
// Portail nav on top
.top-bar {
text-transform: uppercase;
font-family: $header-font-family;
.navbar-nav > li {
margin-left: 15px;
margin-bottom: 10px;
> a {
// @include text-hide();
}
}
.menu>li:not(.menu-text)>a { padding: 1rem; }
.menu li:not(:last-child) { border-right: 1px solid #4e4e4e; }
.dropdown.menu .submenu {
background-color: #121212;
color: #e6e6e6;
border: 0;
.nav-portail > a {
// @include text-hide();
background: url('../images/lien_portail_active.png') no-repeat left top;
width: 81px;
height: 27px;
&:hover {
background-image: url('../images/lien_portail_active.png');
}
}
.nav-assemblees > a {
background: url('../images/lien_assemblee.png') no-repeat left top;
width: 125px;
height: 27px;
&:hover {
background-image: url('../images/lien_assemblee_active.png');
}
}
.nav-chambres > a {
background: url('../images/lien_chambre.png') no-repeat left top;
width: 125px;
height: 27px;
&:hover {
background-image: url('../images/lien_chambre_active.png');
}
}
.nav-agenda > a {
background: url('../images/lien_agenda.png') no-repeat left top;
width: 129px;
height: 27px;
&:hover {
background-image: url('../images/lien_agenda_active.png');
}
}
}
.dropdown.menu .has-submenu.is-down-arrow a { padding-right: 1rem; }
.dropdown.menu .has-submenu.is-down-arrow > a::after { border: 0; }
.dropdown.menu:first-child >
li.is-dropdown-submenu-parent >
a::after {
display: none;
/* Main nav */
.content-bar {
border-top: 2px dashed $light-gray;
border-bottom: 2px dashed $light-gray;
text-transform: uppercase;
font-family: $header-font-family;
margin-top: 40px;
margin-bottom: 50px;
.menu {
float: right;
}
.menu .menu-item {
padding: 0;
a {
padding: 15px;
color: $darker-gray;
border-right: none;
font-size: 18px;
text-decoration: none;
&:hover {
color: $c-orange;
background-color: $light-gray;
}
&::after {
content: " »";
}
}
*/
}
}
......@@ -35,7 +35,7 @@
</div>
</div>
<nav id="site-navigation" class="main-navigation top-bar" role="navigation">
<nav id="top-navigation" class="portail-navigation top-bar" role="navigation">
<div class="top-bar-left">
<!-- <ul class="menu">
<li class="home"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></li>
......
......@@ -9,7 +9,7 @@
register_nav_menus(array(
'top-bar-r' => 'Right Top Bar',
'top-content-r' => 'Right Content Bar',
'top-content' => 'Content Bar',
'mobile-nav' => 'Mobile',
));
......@@ -25,7 +25,7 @@ if ( ! function_exists( 'foundationpress_content_bar_r' ) ) {
'container' => false,
'menu_class' => 'dropdown menu',
'items_wrap' => '<ul id="%1$s" class="%2$s desktop-menu" data-dropdown-menu>%3$s</ul>',
'theme_location' => 'top-content-r',
'theme_location' => 'top-content',
'depth' => 3,
'fallback_cb' => false,
'walker' => new Foundationpress_Top_Bar_Walker(),
......
......@@ -10,11 +10,12 @@
<header class="header">
<h1 class="hide">Les biens communs
<h1 class="hide"><?php bloginfo( 'name' ); ?>
<small>Une introduction à la notion de Communs</small></h1>
<img class="logo" src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/logo_portail.png" alt="Le portail des communs">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
<img class="logo" src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/logo_portail.png" alt="Le portail des communs"></a>
</header>
<nav id="site-navigation" class="main-navigation content-bar" role="navigation">
<nav id="main-navigation" class="main-navigation content-bar" role="navigation">
<div class="content-bar-right">
<?php foundationpress_content_bar_r(); ?>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment