.ribbon{width:110px;height:110px;overflow:hidden;position:absolute}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:'';display:block;border:5px solid #00b006}.ribbon-bg-success span{background-color:#00b006}.ribbon-bg-info span{background-color:#009eb9}.ribbon-bg-danger span{background-color:#d12a00}.ribbon-bg-warning span{background-color:#c58001}.ribbon span{position:absolute;display:block;width:225px;padding:6px 0;box-shadow:5px 3px rgba(0,0,0,.3);color:#fff;text-transform:uppercase;text-align:center}.ribbon-top-left{top:0;left:0}.ribbon-top-left::after,.ribbon-top-left::before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left::before{top:0;right:0}.ribbon-top-left::after{bottom:0;left:0}.ribbon-top-left span{right:-30px;top:15px;transform:rotate(-45deg)}.ribbon-top-right{top:0;right:0}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-30px;top:15px;transform:rotate(45deg)}.ribbon-bottom-left{bottom:0;left:0}.ribbon-bottom-left::after,.ribbon-bottom-left::before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left::before{bottom:0;right:0}.ribbon-bottom-left::after{top:0;left:0}.ribbon-bottom-left span{right:-35px;bottom:15px;transform:rotate(45deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right::after,.ribbon-bottom-right::before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right::before{bottom:0;left:0}.ribbon-bottom-right::after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;transform:rotate(-225deg)}