Page History

Div

id	teamshow-to-actorsregister
class	section

Div

class	container

Div

id	teamshow-to-actorsregister-box
class	cols

Html-bobswift

<div class="col-12">
<h3>How to register to the OOTS Projectathons</h3>
<ul>
<li><div><span>1</span><p>The Organising Team invites the National Coordinators who express an interest in participating in the April Projectathon event to register for this event via email.</p></div></li>
<li><div><span>2</span><p>National Coordinators register for the Projectathon event via an event registration form provided by the Organising Team (using EU Survey). They share the link to the event registration form with each person joining the Projectathon from their team. It is mandatory for every participant of a Member State to fill in the event registration form (it is a pre-condition for getting access to the Gazelle platform).</p></div></li>
<li><div><span>3</span><p>Once the event registration process is completed, the Organising Team invites National Coordinators to encode their organisation and users (team members) in the Gazelle platform (active participants only).</p></div></li>
<li><div><span>4</span><p>National Coordinators select the relevant test session (April 2023) and add your System(s) Under Test (SUT) in the Gazelle platform (active participants only).</p></div></li>
</ul>
</div>

...

CSS Stylesheet

/*--------------------------------------------------*/
/*---OOH PROJECTATONS OVERVIEWDETAIL PAGE - 1622-02-2023---*/
/*------------------------------------------------*/ 

#main-content p:empty { display: none;}
/*#main-content p span:empty { display: none;}*/

.mb-0 { margin-bottom:0;}   

/*---TEAMSHOW ANDTO ACTORSREGISTER---*/
#teams#how-to-actorsregister {} 
#teams#how-to-actorsregister-box { padding:1rem; background: #F3F4F7; border-radius: 60px;} 


@media screen and (min-width: 1366px) {   
	#teams-actors-box { padding:5rem;}
}    

#teams-actors-box 
#how-to-register-box .cols p:first-child { display: none;}
#teams#how-to-actorsregister-box ul { margin:2.5rem 0 0 0; padding: 0; list-style: none;}
#teams#how-to-actorsregister-box ul li > div { display:flex; align-items: baseline; gap:10px;}
#teams#how-to-actorsregister-box ul li > div > span { display: flex; align-items: center; justify-content: center; background: #E3E6EB; width: 24px; height: 24px; min-width: 24px; border-radius: 24px; color: #3D597A; font-size: 12px;}
#teams#how-to-actorsregister-box h3 { margin-bottom:2.5rem;}

@media screen and (min-width: 1366px) {   
	#how-to-register-box { padding: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;}
}

Page tree

Versions Compared

Old Version 6

New Version 7

Key