provisioning tool for building opinionated architecture
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

67 lines
1.4 KiB

10 months ago
  1. proxy_set_header Accept-Encoding "";
  2. subs_filter '</body>' '
  3. <div class="betabanner_box">
  4. <div class="betabanner_ribbon"><span>BETA</span></div>
  5. </div>
  6. <style>
  7. .betabanner_box {
  8. height: 100%;
  9. position: absolute;
  10. bottom: 0;
  11. pointer-events: none;
  12. opacity: 0.7;
  13. }
  14. .betabanner_ribbon {
  15. position: fixed;
  16. left: -5px;
  17. bottom : 0;
  18. z-index: 9999;
  19. overflow: hidden;
  20. width: 75px; height: 75px;
  21. text-align: right;
  22. }
  23. .betabanner_ribbon span {
  24. font-size: 10px;
  25. font-weight: bold;
  26. color: #FFF;
  27. text-transform: uppercase;
  28. text-align: center;
  29. line-height: 20px;
  30. transform: rotate(45deg);
  31. -webkit-transform: rotate(45deg);
  32. width: 100px;
  33. display: block;
  34. background: #79A70A;
  35. background: linear-gradient(#ABC900 30%, #79A70A 61%);
  36. box-shadow: 5px 9px 27px -4px rgba(0, 0, 0, 1);
  37. position: absolute;
  38. bottom: 16px;
  39. left: -21px;
  40. }
  41. .betabanner_ribbon span::before {
  42. content: "";
  43. position: absolute; left: 0px; top: 100%;
  44. z-index: -1;
  45. border-left: 3px solid #79A70A;
  46. border-right: 3px solid transparent;
  47. border-bottom: 3px solid transparent;
  48. border-top: 3px solid #79A70A;
  49. }
  50. .betabanner_ribbon span::after {
  51. content: "";
  52. position: absolute; right: 0px; top: 100%;
  53. z-index: -1;
  54. border-left: 3px solid transparent;
  55. border-right: 3px solid #79A70A;
  56. border-bottom: 3px solid transparent;
  57. border-top: 3px solid #79A70A;
  58. }
  59. </style>
  60. </body>
  61. ';