.ribbon{background-color:#a00;overflow:hidden;white-space:nowrap;position:absolute;left:-300px;top:10px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:0 0 10px #888;-moz-box-shadow:0 0 10px #888;box-shadow:0 0 10px #888}.ribbon span{border:1px solid #faa;color:#fff;display:block;font:700 60% helvetica neue,Helvetica,Arial,sans-serif;margin:1px 0;padding:10px 50px;text-align:center;text-decoration:none;text-shadow:0 0 5px #444}.wrapper{}.wrapper-ribbon{position:absolute;z-index:999;left:0;top:0}.ribbon-wrapper-green{width:250px;height:200px;overflow:hidden;position:absolute;z-index:999}.wrapper-red{position:absolute;z-index:99999}.ribbon-wrapper-red{width:300px;height:200px;overflow:hidden;margin-left:-3px;margin-top:25px}.ribbon-red{font-size:.5em;color:#fff;text-align:center;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);position:relative;padding:3px 0;left:-56px;top:28px;width:200px;background-color:#f33434;background-image:-webkit-gradient(linear,left top,left bottom,from(#f33434),to(#f52323));background-image:-webkit-linear-gradient(top,#f33434,#f52323);background-image:-moz-linear-gradient(top,#f33434,#f52323);background-image:-ms-linear-gradient(top,#f33434,#f52323);background-image:-o-linear-gradient(top,#f33434,#f52323);border:1px solid #f33434;-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);-moz-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)}.ribbon-red:before,.ribbon-red:after{content:"";border-top:3px solid #6e8900;border-left:3px solid transparent;border-right:3px solid transparent;position:absolute;bottom:-3px}.ribbon-red:before{left:0}.ribbon-red:after{right:0}​ .ribbon-wrapper-large{width:250px;height:200px;left:41px;overflow:hidden;position:absolute}.ribbon-red-large{font:.8em tahoma normal;color:#fff;text-align:center;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);position:relative;padding:7px 0;left:-63px;top:56px;width:269px;background-color:#f33434;background-image:-webkit-gradient(linear,left top,left bottom,from(#f33434),to(#f52323));background-image:-webkit-linear-gradient(top,#f33434,#f52323);background-image:-moz-linear-gradient(top,#f33434,#f52323);background-image:-ms-linear-gradient(top,#f33434,#f52323);background-image:-o-linear-gradient(top,#f33434,#f52323);border:1px solid #f33434;-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);-moz-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)}