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 .ribbon a {
  20   border: 1px solid #faa;
  21   color: #fff;
  22   display: block;
  23   font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
  24   margin: 1px 0;
  25   padding: 10px 50px;
  26   text-align: center;
  27   text-decoration: none;
  28   text-shadow: 0 0 5px #444;
  29   transition: 0.5s;
  30 }
  31
  32 .ribbon a:hover {
  33   background: #c11;
  34   color: #fff;
  35 }
  36
  37 /* override table width restrictions */
  38 @media screen and (min-width: 767px) {
  39   .wy-table-responsive table td,
  40   .wy-table-responsive table th {
  41     /* !important prevents the common CSS stylesheets from overriding
  42            this as on RTD they are loaded after this stylesheet */
  43     white-space: normal !important;
  44   }
  45
  46   .wy-table-responsive {
  47     overflow: visible !important;
  48   }
  49 }
  50
  51 @media screen and (max-width: 767px) {
  52   .wy-table-responsive table td {
  53     white-space: nowrap;
  54   }
  55 }
  56
  57 /* fix width of the screen */
  58
  59 .wy-nav-content {
  60   max-width: none;
  61 }