Div | ||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||
|
Div | |||||||
---|---|---|---|---|---|---|---|
| |||||||
|
CSS Stylesheet |
---|
/*--------------------------------------------------*/ /*---OOH PROJECTATONS OVERVIEW PAGE - 16-02-2023---*/ /*------------------------------------------------*/ #main-content p:empty { display: none;} /*#main-content p span:empty { display: none;}*/ .mb-0 { margin-bottom:0;} /*---TEAMS AND ACTORS---*/ #teams-actors {} #teams-actors-box { padding:1rem; background: #F3F4F7; border-radius: 60px;} #teams-actors-box ul { margin-bottom:0; padding:0; list-style:none; } #teams-actors-box ul li { margin-top:1rem; padding:1rem 0 1.5rem 0; border-bottom: 1px solid #E3E6EB;} #teams-actors-box ul li:last-child { border-bottom: none;} #teams-actors-box ul li h4 { color:#3D597A !important;} #teams-actors-box ul li p { margin-bottom:0;} @media screen and (min-width: 1366px) { #teams-actors-box { padding:5rem;} } #teams-actors-box ul.cols p:first-child { display: flex; flex-wrap: wrap;none;} #teams-actors-box ul li { flex-shrinkmargin: 2;.5rem padding:0 30px; width: 25%0 0; border-leftpadding:1px solid #E3E6EB0; borderlist-bottomstyle: none;} #teams-actors-box ul li:first-child { padding-left:0; border-left:none;} } /*---ACTORS---*/ #actors { margin-top:7.5rem;} #actors ul { margin-top:2.5rem !important; margin-bottom:3rem; padding:0; list-style:none; } #actors> div { display:flex; align-items: baseline; gap:10px;} #teams-actors-box ul li { padding:1rem;} #actors ul li:last-child> div > span { border-bottomdisplay: noneflex;} #actors ul li h4 { margin-bottom:12px; color:#3D597A !important;} @media screen and (min-width: 1366px) { #actors ul { display: flex; flex-wrap: wrap;} #actors ul li { flex-shrink: 2; padding:0 30px; width: 50%; border-left:1px solid #E3E6EB; border-bottom: none;} #actors ul li:first-child { padding-left:0; border-left:none;} } align-items: center; justify-content: center; background: #E3E6EB; width: 24px; height: 24px; min-width: 24px; border-radius: 24px; color: #3D597A; font-size: 12px;} #teams-actors-box h3 { margin-bottom:2.5rem;} /*---BOX CTA PROJECTATHON---*/ #box-cta-projectathon { position:relative;} #box-cta-projectathon .projectathon-box { padding:1.5rem; background-color: #00284A; border-radius:20px;} #box-cta-projectathon .container .cols { margin-bottom:-1rem;} #box-cta-projectathon .projectathon-box-col-illu { margin-bottom:1rem;} #box-cta-projectathon .projectathon-box-col-illu img { width: 120px; height:auto;} #box-cta-projectathon h3, #box-cta-projectathon p { color: white;} #box-cta-projectathon p.p-opacity { opacity: 0.75} #box-cta-projectathon p:last-of-type { margin-bottom:0;} /*hack - remove empty p from confluence*/ #box-cta-projectathon .container > p:first-child, #box-cta-events .container > p:last-child { display: none; border:1px solid green;} @media screen and (min-width: 769px) { #box-cta-projectathon .projectathon-box { padding:2.5rem;} #box-cta-projectathon .projectathon-box-cols { display: flex; align-items: center;} #box-cta-projectathon .projectathon-box-col-illu { margin-bottom:0; padding:0 3rem 0 0} } @media screen and (min-width: 1366px) { #box-cta-projectathon .projectathon-box { padding:5rem;} } |