Eyes General Ranking

EYES PRODUCT RANKING
Best viewed on Desktop

EYES PRODUCT RANKING

/* Here you can add custom CSS for the current table */ /* Lean more about CSS: https://en.wikipedia.org/wiki/Cascading_Style_Sheets */ #supsystic-table-82 { border-left: black 1px solid; } #supsystic-table-82 tbody { border-top: black 1px solid; } #supsystic-table-82 tbody tr { border-bottom: black 1px solid; } #supsystic-table-82_wrapper { } /*.supsystic-table-5_wrap { border-style: solid; position: relative; width: 250px; overflow: hidden; box-sizing: border-box; -webkit-overflow-scrolling: touch; }*/ #supsystic-table-82 tbody td { border-right: black 1px solid; } #rcorners1 { border-radius: 20px; background: #bfbfbf; padding: 8px; width: 65px; height: 20px; 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: 20px; 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; }
/* Here you can add custom CSS for the current table */ /* Lean more about CSS: https://en.wikipedia.org/wiki/Cascading_Style_Sheets */ #supsystic-table-144 { border-left: black 1px solid; } #supsystic-table-144 tbody { border-top: black 1px solid; } #supsystic-table-144 tbody tr { border-bottom: black 1px solid; } #supsystic-table-144_wrapper { } /*.supsystic-table-5_wrap { border-style: solid; position: relative; width: 250px; overflow: hidden; box-sizing: border-box; -webkit-overflow-scrolling: touch; }*/ #supsystic-table-144 tbody td { border-right: black 1px solid; } #rcorners1 { border-radius: 20px; background: #bfbfbf; padding: 8px; width: 65px; height: 20px; 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: 20px; 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; }