/* The ribbon - http://codepen.io/miroot/pen/wiKAp */
.corner-ribbon {
    width: 200px;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 20px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

/* Custom style */
.corner-ribbon.sticky {
    position: fixed;
}

.corner-ribbon.shadow {
    box-shadow: 0 0 1px rgba(0,0,0,.3);
}

/* Position */
.corner-ribbon.top-left {
    top: 8px;
    left: -82px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    z-index: 9999;
}

/* Color */
.corner-ribbon.red {
    background: rgba(238,68,51,.7);
}