Compare commits

...

3 Commits

Author SHA1 Message Date
c0fe77bc37 css header-top-middle 2025-03-10 13:15:11 +01:00
dfbe191195 css new header-right 2025-03-10 12:52:50 +01:00
cce83ae238 css new header-bottom 2025-03-10 12:45:17 +01:00
4 changed files with 28 additions and 11 deletions

File diff suppressed because one or more lines are too long

View File

@ -93,7 +93,7 @@
} }
} }
.last-news{ .last-news{
margin-top: 2rem; margin-top: 0.5rem;
height: auto; height: auto;
.slick-track{ .slick-track{
height: 40vw; height: 40vw;

View File

@ -1,5 +1,6 @@
//header //header
.header_top_middle_container{
.header_bottom_container{
.programme-1{ .programme-1{
.views-field-field-programme{ .views-field-field-programme{
.field-content{ .field-content{
@ -167,9 +168,9 @@
#header-top{ #header-top{
height: 5rem; height: 5rem;
background: white; background: white;
padding-bottom: 1rem; border-bottom: solid black 0.5px;
padding-top: 1rem;
} }
.header_top_left_container{ .header_top_left_container{
height: 100%; height: 100%;
display: grid; display: grid;
@ -196,8 +197,18 @@
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
} }
#header-top-middle{
display: flex;
align-items: center;
justify-content: end;
.header_top_middle_container{
.header_top_middle_container{ img{
max-width: 5rem;
}
}
}
.header_bottom_container{
height: 100%; height: 100%;
// solution to access views container // solution to access views container
.views-element-container{ .views-element-container{
@ -209,8 +220,10 @@
// display: grid; // display: grid;
// grid-template-columns: repeat(4, 1fr); // grid-template-columns: repeat(4, 1fr);
display: flex; display: flex;
justify-content: end; justify-content: space-evenly;
align-items: center; align-items: center;
padding: 1rem 15%;
&>div:first-child{ &>div:first-child{
grid-column-start: 2; grid-column-start: 2;
} }
@ -258,7 +271,7 @@
cursor:pointer; cursor:pointer;
span{ span{
display: block; display: block;
width: 33px; width: 56px;
height: 2px; height: 2px;
position: relative; position: relative;
background: black; background: black;
@ -290,13 +303,17 @@
height: 100%; height: 100%;
display: grid; display: grid;
align-items: center; align-items: center;
justify-content: center;
span{ span{
margin-bottom: 5px; margin-bottom: 12px;
transform-origin: 4px 0px; transform-origin: 4px 0px;
} }
} }
#header-top-right{ #header-top-right{
border-left: solid black 0.5px;
.header_top_right_container{ .header_top_right_container{
position: absolute; position: absolute;
top: 0; top: 0;

View File

@ -21,8 +21,8 @@
<img src="{{ site_logo }}" alt="{{ 'Home'|t }}" /> <img src="{{ site_logo }}" alt="{{ 'Home'|t }}" />
</a> </a>
{% endif %} {% endif %}
{% if site_name %} {# {% if site_name %}
<a href="{{ path('<front>') }}" rel="home"><h1>{{ site_name }}</h1></a> <a href="{{ path('<front>') }}" rel="home"><h1>{{ site_name }}</h1></a>
{% endif %} {% endif %}
<h2>{{ site_slogan }}</h2> <h2>{{ site_slogan }}</h2> #}
{% endblock %} {% endblock %}