131 lines
2.3 KiB
SCSS
131 lines
2.3 KiB
SCSS
@charset "UTF-8";
|
|
/* logo adjustments */
|
|
h1#logo a img {
|
|
max-height: 154px;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
h1#logo a img {
|
|
max-height: 140px;
|
|
}
|
|
h1#logo a {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
/* Custom selection color because that can be done and it's cool */
|
|
::selection {
|
|
color: white;
|
|
background-color: #4aa7bb;
|
|
}
|
|
|
|
/* don't display 'abandonner' button if keyword pdf */
|
|
[data-keywords~="pdf"] div.cancel-button button {
|
|
display: none;
|
|
}
|
|
|
|
/* MTELEVERA-12 - Tuiles comme sur Liège */
|
|
.gru-content div.cell {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
div#main-content-wrapper {
|
|
max-width: 950px;
|
|
}
|
|
div#content div.wcsformsofcategorycell picture img {
|
|
object-fit: cover;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
div#content div.wcsformsofcategorycell {
|
|
position: relative;
|
|
margin-bottom: 25px;
|
|
@media screen and ($max-mobile-viewport) {
|
|
margin: 0px;
|
|
border-bottom: 3px solid white;
|
|
}
|
|
h2 {
|
|
position: relative;
|
|
z-index: 10;
|
|
background: rgba(0, 0, 0, 0.5) !important;
|
|
color: white !important;
|
|
padding-top: 50px;
|
|
height: 130px;
|
|
}
|
|
&.foldable {
|
|
@media screen and ($max-mobile-viewport) {
|
|
h2 {
|
|
padding-right: 50px; // for folding arrow
|
|
}
|
|
}
|
|
h2::after {
|
|
font-size: 30px;
|
|
}
|
|
}
|
|
&.folded picture,
|
|
picture {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 130px;
|
|
overflow: hidden;
|
|
img {
|
|
padding: 0;
|
|
}
|
|
}
|
|
div.intro,
|
|
div.description {
|
|
display: none;
|
|
}
|
|
ul {
|
|
background: white;
|
|
}
|
|
ul > li {
|
|
background: url(images/form_puce.png) 10px 50% no-repeat;
|
|
background-size: 10px 10px;
|
|
a {
|
|
padding-left: 30px;
|
|
}
|
|
&.add-more-items {
|
|
background: none;
|
|
}
|
|
&.required-authentication a,
|
|
&.required-fedict-authentication a {
|
|
// Add a lock next to required authentication forms
|
|
background: url(images/form_lock.svg) right 10px top 50% no-repeat;
|
|
background-size: 15px;
|
|
padding-right: 30px;
|
|
}
|
|
&.required-fedict-authentication a {
|
|
background-image: url(images/beid_image_mini.png);
|
|
background-size: 30px;
|
|
padding-right: 45px;
|
|
}
|
|
}
|
|
ul > li.add-more-items a {
|
|
padding-left: 0;
|
|
}
|
|
border: none;
|
|
& > div > div {
|
|
position: relative;
|
|
z-index: 10;
|
|
margin: -10px 1rem 0 1rem;
|
|
li {
|
|
margin-bottom: 0px;
|
|
a {
|
|
border: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#nav-wrapper {
|
|
background-color: #276577;
|
|
}
|
|
|
|
#toplinks {
|
|
margin-top: 1.8em;
|
|
}
|