number on top of picture
This commit is contained in:
parent
65d1c50b44
commit
d11b2d7a64
1 changed files with 14 additions and 0 deletions
|
@ -42,10 +42,20 @@ a.box {
|
||||||
#gamification-coders {
|
#gamification-coders {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
img{
|
||||||
|
height:40px;
|
||||||
|
width:40px !important;
|
||||||
|
border-radius:5px;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
z-index:1;
|
||||||
|
}
|
||||||
ol{
|
ol{
|
||||||
list-style-type: decimal-leading-zero;
|
list-style-type: decimal-leading-zero;
|
||||||
counter-reset:li;
|
counter-reset:li;
|
||||||
> li{
|
> li{
|
||||||
|
position: relative;
|
||||||
float:left;
|
float:left;
|
||||||
padding:5px;
|
padding:5px;
|
||||||
margin:20px;
|
margin:20px;
|
||||||
|
@ -53,6 +63,10 @@ a.box {
|
||||||
margin-top:3px;
|
margin-top:3px;
|
||||||
display:inline;
|
display:inline;
|
||||||
&:before{
|
&:before{
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
z-index:2;
|
||||||
content:counter(li); /* Use the counter as content */
|
content:counter(li); /* Use the counter as content */
|
||||||
counter-increment:li;
|
counter-increment:li;
|
||||||
color:gray;//$tile-orange;
|
color:gray;//$tile-orange;
|
||||||
|
|
Loading…
Reference in a new issue