kevin/Popsu-coloque
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change layout home

Browse Source
This commit is contained in:
ouidade
2024-04-25 14:38:20 +02:00
parent b4ae46ee84
commit 232e91ce04
6 changed files with 95 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/colloque2024/css-compiled/index.css
+69 -54
View File
@@ -519,7 +519,7 @@ body #content-ontop {
body #background-animated {
z-index: -1;
position: relative;
left: -350px; }
left: -400px; }
article.publications, article.interviews {
margin-top: 1rem; }
@@ -668,6 +668,15 @@ header #block-colloque2024-mainnavigation ul li {
vertical-align: middle;
margin-left: 20px; }
#mainHome {
max-width: 100vw;
margin: 0;
display: flex; }
#mainHome .layout-content {
margin: auto;
height: 1500px;
max-width: 1140px; }
#txt_present .medias {
display: none; }
@@ -937,7 +946,8 @@ header {
header .row #block-colloque2024-renderedsitesettingsblock-2 {
width: 35%;
border-left: 1px solid #b9a47eff;
padding: 0; }
padding: 0;
display: none; }
header .row #block-colloque2024-renderedsitesettingsblock-2 a {
display: flex; }
@media screen and (min-width: 1200px) {
@@ -979,59 +989,61 @@ header {
header .row #block-colloque2024-mainnavigation .burger {
padding-top: 0.25rem;
z-index: 9999; }
@media screen and (min-width: 1200px) {
header .row #block-colloque2024-mainnavigation .nav-main {
display: flex; }
header .row #block-colloque2024-mainnavigation .nav-main ul {
margin-bottom: 0;
flex-wrap: wrap; }
header .row #block-colloque2024-mainnavigation .nav-main ul li {
margin: 0 0.5rem; }
header .row #block-colloque2024-mainnavigation .nav-main ul li:not(:last-child):after {
display: inline-block;
content: "|";
margin-left: 0.5rem; } }
header .row #block-colloque2024-mainnavigation .nav-main.is-active {
display: block;
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
background: white;
z-index: 9999; }
@media screen and (min-width: 576px) {
header .row #block-colloque2024-mainnavigation .nav-main.is-active {
height: auto; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul {
margin: 130px 0 50px 0; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active li {
font-size: 1.7rem;
line-height: 3rem;
padding: 0 15px; } }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul {
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
align-items: center; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li {
font-size: 1.5rem;
line-height: 3rem;
padding: 0 15px; }
@media screen and (min-width: 360px) {
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li {
width: 100%; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li::before {
header .row #block-colloque2024-mainnavigation .nav-main {
display: none; }
@media screen and (min-width: 1200px) {
header .row #block-colloque2024-mainnavigation .nav-main {
display: block; }
header .row #block-colloque2024-mainnavigation .nav-main ul {
margin-bottom: 0;
flex-wrap: wrap; }
header .row #block-colloque2024-mainnavigation .nav-main ul li {
margin: 0 0.5rem; }
header .row #block-colloque2024-mainnavigation .nav-main ul li:not(:last-child):after {
display: inline-block;
content: " ";
width: 0%;
transition: width 1s ease;
height: 1px;
background: #038788; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li:hover::before {
width: 10%;
transition: all 1s ease; } }
content: "|";
margin-left: 0.5rem; } }
header .row #block-colloque2024-mainnavigation .nav-main.is-active {
display: block;
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
background: white;
z-index: 9999; }
@media screen and (min-width: 576px) {
header .row #block-colloque2024-mainnavigation .nav-main.is-active {
height: auto; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul {
margin: 130px 0 50px 0; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active li {
font-size: 1.7rem;
line-height: 3rem;
padding: 0 15px; } }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul {
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
align-items: center; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li {
font-size: 1.5rem;
line-height: 3rem;
padding: 0 15px; }
@media screen and (min-width: 360px) {
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li {
width: 100%; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li::before {
display: inline-block;
content: " ";
width: 0%;
transition: width 1s ease;
height: 1px;
background: #038788; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li:hover::before {
width: 10%;
transition: all 1s ease; } }
#block-colloque2024-mainnavigation {
border-left: 1px solid black;
@@ -1064,6 +1076,9 @@ header.front #block-colloque2024-branding {
header.front #block-colloque2024-branding.is-active > div {
max-height: 115px; }
header.front #block-renderedsitesettingsblock-2 {
display: none; }
#block-colloque2024-submenu {
margin: 1rem auto; }
#block-colloque2024-submenu ul {
web/themes/custom/colloque2024/css-compiled/pages/layout.css
+1 -1
View File
@@ -13,7 +13,7 @@ body #content-ontop {
body #background-animated {
z-index: -1;
position: relative;
left: -350px; }
left: -400px; }
article.publications, article.interviews {
margin-top: 1rem; }