Fixing Powder Product Ranking
Fixing Powder Product Ranking
Best viewed on Desktop
/* Here you can add custom CSS for the current table */
/* Lean more about CSS: https://en.wikipedia.org/wiki/Cascading_Style_Sheets */
#supsystic-table-126 { border-left: black 1px solid;
}
#supsystic-table-126 tbody { border-top: black 1px solid;
}
#supsystic-table-126 tbody tr { border-bottom: black 1px solid;
}
#supsystic-table-126_wrapper {
}
/*.supsystic-table-5_wrap {
border-style: solid;
position: relative;
width: 250px;
overflow: hidden;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
}*/
#supsystic-table-126 tbody td {
border-right: black 1px solid;
}
#rcorners1 {
border-radius: 20px;
background: #bfbfbf;
padding: 10px;
width: 65px;
height: 10px;
text-align: center;
padding-bottom:10px;
color: #ffffff;
}
.step {
background: #d5519d;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
color: #ffffff;
display: inline-block;
/*font-weight: bold;*/
line-height: 2.1em;
margin-right: 1px;
text-align: center;
width: 2.1em;
}
#step {
background: #d5519d;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
color: #ffffff;
display: inline-block;
/*font-weight: bold;*/
line-height: 2.1em;
margin-right: 1px;
text-align: center;
width: 2.1em;
}
#rcorners2 {
border-radius: 20px;
background: #bfbfbf;
padding: 10px;
width: 1055px;
height: 10px;
text-align: center;
padding-bottom:10px;
color: #ffffff;
}
#circle-text {
display: table-cell;
height: 200px; /*change this and the width
for the size of your initial circle*/
width: 200px;
text-align: center;
vertical-align: middle;
border-radius: 50%;
/*make it pretty*/
background: #d34298;
color: #fff;
font: 18px "josefin sans", arial; /*change this
for font-size and font-family*/
}
.solid {
border-style: solid;
}
Rank | Brand | 2019 | 2020 | Previous Rank | ||
1 | MAC | 43% | 41% | 1 | - | |
2 | Laura Mercier | 20% | 17% | 2 | - | |
3 | Make Up Forever | 10% | 9% | 3 | - | |
4 | NYX | 0% | 4% | 21 | ||
5 | Anastasia Beverly Hills | 2% | 4% | 9 | ||
6 | Benefit Cosmetics | 5% | 4% | 5 | ||
7 | L'Oreal | 6% | 2% | 4 | ||
8 | Nars | 3% | 2% | 7 | ||
9 | Samer Khouzami | 2% | 2% | 8 | ||
10 | Inglot | 3% | 2% | 6 | ||
11 | Maybelline | 1% | 2% | 12 | ||
12 | Chanel | 1% | 1% | 11 | ||
13 | #N/A | Flormar | 0% | 1% | 96 | |
14 | Ben Nye | 1% | 1% | 10 | ||
15 | Bassam Fattouh Cosmetics | 0% | 1% | 43 | ||
16 | HourGlass | 0% | 1% | 22 | ||
17 | #N/A | Pastel | 0% | 1% | 165 | |
/* Here you can add custom CSS for the current table */
/* Lean more about CSS: https://en.wikipedia.org/wiki/Cascading_Style_Sheets */
#supsystic-table-94 {
border-left: black 1px solid;
}
.step {
background: #d5519d;
border-radius: 0.8em;
-moz-border-radius: 0.8em;
-webkit-border-radius: 0.8em;
color: #ffffff;
display: inline-block;
font-weight: bold;
line-height: 1.6em;
margin-right: 5px;
text-align: center;
width: 1.6em;
}
#step {
background: #d5519d;
border-radius: 0.8em;
-moz-border-radius: 0.8em;
-webkit-border-radius: 0.8em;
color: #ffffff;
display: inline-block;
font-weight: bold;
line-height: 1.6em;
margin-right: 5px;
text-align: center;
width: 1.6em;
}
#supsystic-table-94 tbody { border-top: black 1px solid;
}
#supsystic-table-94 tbody tr { border-bottom: black 1px solid;
}
/*.supsystic-table-5_wrap {
border-style: solid;
position: relative;
width: 250px;
overflow: hidden;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
}*/
#supsystic-table-94 tbody td {
border-right: black 1px solid;
}
/*.solid {
border-style: solid;
}*/
Rank | Brand | 2020 | Previous Rank |
1 | MAC | 41% | 1 |
2 | Laura Mercier | 17% | 2 |
3 | Make Up Forever | 9% | 3 |
4 | NYX | 4% | 21 |
5 | Anastasia Beverly Hills | 4% | 9 |
6 | Benefit Cosmetics | 4% | 5 |
7 | L'Oreal | 2% | 4 |
8 | Nars | 2% | 7 |
9 | Samer Khouzami | 2% | 8 |
10 | Inglot | 2% | 6 |
11 | Maybelline | 2% | 12 |
12 | Chanel | 1% | 11 |
13 | Flormar | 1% | 96 |
14 | Ben Nye | 1% | 10 |
15 | Bassam Fattouh Cosmetics | 1% | 43 |
16 | HourGlass | 1% | 22 |
17 | Pastel | 1% | 165 |