.ruler{position:relative;width:115px;height:140px;line-height:100px;margin:auto;text-align:left;background-image:repeating-linear-gradient(90deg, #999 0, #999 1px, transparent 0, transparent 38px),repeating-linear-gradient(90deg, #999 0, #999 1px, transparent 0, transparent 19px),repeating-linear-gradient(90deg, #999 0, #999 1px, transparent 0, transparent 3.8px),repeating-linear-gradient(90deg, #999 0, #999 1px, transparent 0, transparent 38px),repeating-linear-gradient(90deg, #999 0, #999 1px, transparent 0, transparent 19px),repeating-linear-gradient(90deg, #999 0, #999 1px, transparent 0, transparent 3.8px);background-position:0px 30px,0px 30px,0px 30px,left 0px bottom 15px,left 0px bottom 15px,left 0px bottom 15px;background-size:100% 20px,100% 10px,100% 7px;background-repeat:no-repeat}.ruler.cm,.ruler.in{height:20px;line-height:20px}.ruler.cm{background-image:repeating-linear-gradient(90deg, #999 0, #999 1px, transparent 0, transparent 1cm),repeating-linear-gradient(90deg, #999 0, #999 1px, transparent 0, transparent 0.5cm),repeating-linear-gradient(90deg, #999 0, #999 1px, transparent 0, transparent 0.1cm);background-position:0px 100%,0px 100%,0px 100%}.ruler.in{background-image:repeating-linear-gradient(90deg, #999 0, #999 1px, transparent 0, transparent 1in),repeating-linear-gradient(90deg, #999 0, #999 1px, transparent 0, transparent 0.5in),repeating-linear-gradient(90deg, #999 0, #999 1px, transparent 0, transparent 0.1in);background-position:0px 100%,0px 100%,0px 100%}.ruler img{position:relative;z-index:1;margin-top:13px}.ruler ul{position:absolute;bottom:0;margin:0 -19px}.ruler ul li{width:38px;float:left;font-family:"Nunito Sans Light";font-size:8px;letter-spacing:.2px;line-height:1;text-align:center}.diamond-measurements{position:relative;display:inline-block;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:"Nunito Sans Light";font-size:12px;letter-spacing:.3px}.diamond-measurements_length{position:absolute;top:0;border:solid;border-width:1px 1px 0px;width:100%;height:105px;text-align:center;line-height:1}.diamond-measurements_length span{position:relative;top:-20px;margin:0 -10px}.diamond-measurements_length:after{content:"";position:absolute;top:-7px;left:50%;width:1px;height:7px;background:#000}.diamond-measurements img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-o-pixelated;image-rendering:pixelated;image-rendering:-webkit-optimize-contrast}.ruler.-small{width:77px;height:100px;line-height:70px;background-position:0px 30px,0px 30px,0px 30px}.ruler.-small ul{top:20px}.ruler.-small .diamond-measurements_length{top:15px;height:63px;border-width:0 1px 1px}.ruler.-small .diamond-measurements_length:after{top:63px}.ruler.-small .diamond-measurements_length span{top:70px;font-size:9px}