Widget:Mainpage

From EngageWiki
Revision as of 15:29, 20 July 2022 by WikiVisor (talk | contribs)

<style>

.mw-body.firstHeading,  .mw-body.h1, #content { margin: 0 !important } 
.mw-body { padding: 0 }
.contentHeader, .navbar-more-tools, #ca-edit { display: none !important }
.wmax-1920 { max-width: 1920px !important }
.row { 
   margin-right: 0;
   margin-left: 0;
}
#p-search { box-shadow: 3px 3px 5px rgba(0,0,0,.2); }

#dew-banner,
#dew-heading,
#dew-tagline {
   font-family: Roboto, sans-serif;
   font-size: 155%;
}
#dew-banner {
   background: url(images/0/04/Wiki-home-banner.jpg);
   background-size: cover;
   background-color: #75979d;
   background-blend-mode: luminosity;
   background-position: 50%;
   filter: contrast(.68) brightness(1.4);
   margin: 0 -30px;
   margin-bottom: 3rem;
   padding: 3rem 0;
}
#dew-banner-content {
   color: #000;
   margin: auto;
   min-height: 340px;
   width: 80% !important;
}
#dew-heading {
   font-size: 3.8rem;
   font-weight: bold;
}
#dew-features-heading, #dew-education-learning, #dew-research-repository, #dew-learn-about {
   text-align: center;
   font-size: 230%;
   font-weight: bold;
}
#dew-features-heading {
   color: #2F84A8;
   margin-bottom: 3rem;
}
#dew-education-learning, #dew-research-repository, #dew-learn-about {
   padding: 1.5rem 0 0;
}
#dew-button-row-1 {
   display: flex;
}
#dew-button-row-2 {
   background: #b5d3e0;
   padding-bottom: 2rem;
   margin: 0 -30px;
}
#dew-button-row-3 {
   background: #f4f3f3;
   padding-bottom: 2rem;
   margin: 0 -30px;
}
#dew-button-row-4 {
   background: #81a7b4;
   padding-bottom: 2rem;
   margin: 0 -30px;
}
#dew-button-row-4 .lead {
   font-size: 1.15rem;
   line-height: 1.35rem;
}
.dew-button-heading, .dew-button-square {
   color:#004D68;
   font-weight: bold;
}
.dew-button-heading {
   font-size: 1.45rem;
}
.dew-button-square {
   font-size: 1.25rem;
}
.dew-button-square {
  background: #fff;
  padding: 1.5rem;
  margin: 1.2rem .5rem;
  text-align: left;
  height: 100%;
  display: flex;
  align-items: center;
   transition: all .3s ease-in;
}
.dew-button-square a {
  color:#004D68 !important;
}
.py-4.mt-4.bg-light.container-fluid {
  margin-top: 0 !important;
}
#dew-button-row-1 a img {
   border-radius: 50%;
   transition: all .3s ease-in; 
}
#dew-button-row-1 a img:hover {
   cursor: pointer;
   border-radius: 50%;
   box-shadow: 0 0 20px rgba(27, 89, 155,.4);
   transform: scale(1.025); 
   transition: all .5s ease-in-out; 
} 
.dew-button-square:hover {
   box-shadow: 0 0 20px rgba(27, 89, 155,.4); 
   transform: scale(1.025); 
   transition: all .5s ease-in-out;
}
@media all and ( max-width: 768px ) {
   #dew-tagline {
        margin: 1.5rem 0;
   }
}

</style> <script>

var x = document.getElementsByClassName("flex-fill");
var i;
for (i = 0; i < x.length; i++) {
  x[i].className = 'flex-fill container-fluid wmax-1920';
} 

</script>

This project has received funding from the SESAR Joint Undertaking under the European Union’s Horizon 2020 research and innovation programme under grant agreement No 783287.