60
edits
Changes
no edit summary
{{#css:
{{#css:
.container-horizontal{ display: flex;
.container-horizontal{
display: flex;
flex-direction: row;
flex-direction: row;
align-items: center;
align-items: center;
font-weight: 600;
font-weight: 600;
}
}
.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 1em;
margin: 1em;
align-items: center;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
padding-top:2em;
margin-top: -3em;
}
.imagelink a{
.imagelink a{
flex-direction: column-reverse;
flex-direction: column-reverse;
align-items: center;
align-items: center;
color: white!important;
}
}
.imagelink a:before{
.imagelink a:before{
padding: 0.5em 1.3em!important;
padding: 0.5em 1.3em!important;
color: white!important;
color: white!important;
text-align: center;
text-align: center;
background-image: none!important;
background-image: none!important;
<div class="round-list">
# Provide the event branding look and feel to be incorporated
# Numbered list create thefinal stuff
# Provide the event branding look and feel to be incorporated
# Provide the event branding look and feel to be incorporated
</div>