page-ribbon.scss 852B

1234567891011121314151617181920212223242526272829303132
  1. /* ==========================================================================
  2. Developement Ribbon
  3. ========================================================================== */
  4. .ribbon {
  5. background-color: rgba(170, 0, 0, 0.5);
  6. left: -3.5em;
  7. -moz-transform: rotate(-45deg);
  8. -ms-transform: rotate(-45deg);
  9. -o-transform: rotate(-45deg);
  10. -webkit-transform: rotate(-45deg);
  11. transform: rotate(-45deg);
  12. overflow: hidden;
  13. position: absolute;
  14. top: 40px;
  15. white-space: nowrap;
  16. width: 15em;
  17. z-index: 9999;
  18. pointer-events: none;
  19. opacity: 0.75;
  20. a {
  21. color: #fff;
  22. display: block;
  23. font-weight: 400;
  24. margin: 1px 0;
  25. padding: 10px 50px;
  26. text-align: center;
  27. text-decoration: none;
  28. text-shadow: 0 0 5px #444;
  29. pointer-events: none;
  30. }
  31. }