Changes

1,170 bytes added ,  18:38, 5 October 2021
back to top button desktop
Line 126: Line 126:  
.card-img{
 
.card-img{
 
   align:center;  
 
   align:center;  
 +
}
 +
.btn-backtotop {
 +
  border: 1px solid #CECECE;
 +
  border-radius: 1.5rem;
 +
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
 +
  color: #666666;
 +
  font-weight: 600; }
 +
  .btn-backtotop .icon {
 +
    margin-right: 5px; }
 +
 +
.btn-backtotop:hover {
 +
  color: white;
 +
  background-color: #002D42; }
 +
.btn-backtotop a:hover{
 +
  color: white;
 +
  text-decoration: none;
 +
}
 +
.btn-backtotop.mobile {
 +
  font-size: 1.45rem; }
 +
  .btn-backtotop.mobile .icon {
 +
    margin: 0; }
 +
.btn {
 +
  display: inline-block;
 +
  font-weight: 400;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  user-select: none;
 +
  border: 1px solid transparent;
 +
  padding: 0.375rem 0.75rem;
 +
  font-size: 1rem;
 +
  line-height: 1.5;
 +
  border-radius: 0.35rem;
 +
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
 +
.fixed{
 +
  position:fixed;
 +
  bottom:5px;
 +
  right:5px;
 
}
 
}
 
}}
 
}}
<div class="floatR primary-btn">  [[Accueil_et_intégration_EDSC|FR]] </div>  
+
<div class="floatR primary-btn" id="top">  [[Accueil_et_intégration_EDSC|FR]] </div>  
 
<div role="navigation" class="navContainer">
 
<div role="navigation" class="navContainer">
 
   <ul class="navMenu">
 
   <ul class="navMenu">
Line 389: Line 427:  
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<!-- Back to top buttons (desktop vs mobile) -->
 +
<div class="btn btn-backtotop fixed">[[ESDC_Onboarding#top|Back to top]]</div>
 +
<a href="#main-content" class="btn btn-backtotop fixed d-none d-md-block"><i class="fa fa-arrow-up icon"></i>Back to top</a>
    
[[fr:Accueil_et_intégration_EDSC]]
 
[[fr:Accueil_et_intégration_EDSC]]
233

edits