233
edits
Changes
Jump to navigation
Jump to search
mLine 26:
Line 26: + + + Line 62:
Line 65: − + − + + Line 71:
Line 75: − float:left; + − + + − display: block; − padding: 8px; − + − + − + + + + + − +
ESDC Onboarding/Dev2 (view source)
Revision as of 17:18, 28 September 2021
, 17:18, 28 September 2021FR button styling
flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
max-width: 100%; }
.primary-btn{
display:none;
}
}
}
@media screen and (min-width: 576px) {
@media screen and (min-width: 576px) {
.navContainer{
.navContainer{
width: 100%;
width: 100%;
height: 100px;
height: 60px;
overflow: scroll;
overflow: auto;
white-space:nowrap;
background-color: #F5F5F5;
background-color: #F5F5F5;
}
}
.navMenu li{
.navMenu li{
border: solid 1px #002D42;
border: solid 1px #002D42;
display: inline-block;
margin: 8px;
margin: 8px;
border-radius:10px;
border-radius: 10px;
padding: 8px;
}
}
.navMenu li a{
.navMenu li a{
text-decoration: none;
text-decoration: none;
}
}
.navMenu li a:hover:not(.active) {
.navMenu li:hover:not(.active) {
background-color: #CECECE;
background-color: #CECECE;
border-radius:10px;
border-radius:10px;
}
}
.active {
.navMenu .active, .primary-btn {
background-color: #002D42;
background-color: #002D42;
}
}
.active a{
.navMenu .active a, .primary-btn a{
color: white;
color: white;
}
.primary-btn{
padding:8px 24px;
border-radius: 10px;
}
}
}}
}}
<div class="floatR"> [https://wiki.gccollab.ca/L%E2%80%99accueil_et_l%E2%80%99int%C3%A9gration_pour_cadres FR] </div>
<div class="floatR primary-btn"> [[L%E2%80%99accueil_et_l%E2%80%99int%C3%A9gration_pour_cadres|FR]] </div>
<div role="navigation" class="navContainer">
<div role="navigation" class="navContainer">
<ul class="navMenu">
<ul class="navMenu">
