Changes
Jump to navigation
Jump to search
← Older edit
Newer edit →
Sandbox
(view source)
Revision as of 15:51, 1 February 2023
916 bytes added
,
15:51, 1 February 2023
no edit summary
Line 1:
Line 1:
{{#css:
{{#css:
−
.container-horizontal{ display: flex;
+
.container-horizontal{
+
display: flex;
flex-direction: row;
flex-direction: row;
align-items: center;
align-items: center;
Line 18:
Line 19:
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{
Line 23:
Line 56:
flex-direction: column-reverse;
flex-direction: column-reverse;
align-items: center;
align-items: center;
−
+
color: white!important;
}
}
.imagelink a:before{
.imagelink a:before{
Line 32:
Line 65:
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;
Line 54:
Line 86:
−
+
<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>
Stephane.jomphe
60
edits
Navigation menu
GC
wiki
Personal tools
English
Log in
Namespaces
Page
Discussion
Variants
Views
Read
View source
View history
More
Search
Navigation
Main Page
Browse categories
Random page
Help
Actions/Tools
Special pages
Tools
Printable version
GCaccount
GCcollab
GCmessage