docs/_static/css/ribbon.css

   1 .ribbon {
   2   z-index: 1000;
   3   background-color: #a00;
   4   overflow: hidden;
   5   white-space: nowrap;
   6   position: fixed;
   7   top: 25px;
   8   right: -50px;
   9   -webkit-transform: rotate(45deg);
  10      -moz-transform: rotate(45deg);
  11       -ms-transform: rotate(45deg);
  12        -o-transform: rotate(45deg);
  13           transform: rotate(45deg);
  14   -webkit-box-shadow: 0 0 10px #888;
  15      -moz-box-shadow: 0 0 10px #888;
  16           box-shadow: 0 0 10px #888;
  17
  18 }
  19
  20 .ribbon a {
  21   border: 1px solid #faa;
  22   color: #fff;
  23   display: block;
  24   font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
  25   margin: 1px 0;
  26   padding: 10px 50px;
  27   text-align: center;
  28   text-decoration: none;
  29   text-shadow: 0 0 5px #444;
  30   transition: 0.5s;
  31 }
  32
  33 .ribbon a:hover {
  34   background: #c11;
  35   color: #fff;
  36 }