/* .box { width: 200px; height: 300px; position: relative; border: 1px solid #BBB; background: #EEE; } */ /* .ribbon { position: absolute; left: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; } .ribbon span { font-size: 10px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 100px; display: block; background: #79A70A; background: linear-gradient(#9BC90D 0%, #79A70A 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 19px; left: -21px; } .ribbon span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #79A70A; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #79A70A; } .ribbon span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #79A70A; border-bottom: 3px solid transparent; border-top: 3px solid #79A70A; } */ /* right position */ .ribbon { position: absolute; top: 5px; right: -5px; padding: 2px; } .ribbon.red { background: #e91b23; color: #fff; border-right: 5px solid #f2787d; } .ribbon.yellow { background: #ffd800; top: 40px; color: #fff; border-right: 5px solid #ffe866; } .ribbon:before, .ribbon:after { content: ''; position: absolute; left: -9px; border-left: 10px solid transparent; } .ribbon:before { top: 0; } .ribbon:after { bottom: 0; } .ribbon.red:before { border-top: 27px solid #e91b23; } .ribbon.red:after { border-bottom: 27px solid #e91b23; } .ribbon.yellow:before { border-top: 27px solid #ffd800; } .ribbon.yellow:after { border-bottom: 27px solid #ffd800; } .ribbon span { display: block; font-size: 16px; font-weight: 600; }

Used Cars for Sale | Chris Hall Motorcycles

Reset Filters