docs/_static/css/ribbon.css

   1
   2 .ribbon {
   3    z-index: 1000;
   4    background-color: #a00;
   5    overflow: hidden;
   6    white-space: nowrap;
   7    position: fixed;
   8    top: 25px;
   9    right: -50px;
  10    -webkit-transform: rotate(45deg);
  11       -moz-transform: rotate(45deg);
  12        -ms-transform: rotate(45deg);
  13         -o-transform: rotate(45deg);
  14            transform: rotate(45deg);
  15    -webkit-box-shadow: 0 0 10px #888;
  16       -moz-box-shadow: 0 0 10px #888;
  17            box-shadow: 0 0 10px #888;
  18
  19  }
  20
  21  .ribbon a {
  22    border: 1px solid #faa;
  23    color: #fff;
  24    display: block;
  25    font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
  26    margin: 1px 0;
  27    padding: 10px 50px;
  28    text-align: center;
  29    text-decoration: none;
  30    text-shadow: 0 0 5px #444;
  31    transition: 0.5s;
  32  }
  33
  34  .ribbon a:hover {
  35    background: #c11;
  36    color: #fff;
  37  }
  38
  39
  40  /* override table width restrictions */
  41  @media screen and (min-width: 767px) {
  42
  43     .wy-table-responsive table td, .wy-table-responsive table th {
  44        /* !important prevents the common CSS stylesheets from overriding
  45           this as on RTD they are loaded after this stylesheet */
  46        white-space: normal !important;
  47     }
  48
  49     .wy-table-responsive {
  50        overflow: visible !important;
  51     }
  52  }
  53
  54  @media screen and (max-width: 767px) {
  55      .wy-table-responsive table td {
  56          white-space: nowrap;
  57      }
  58  }
  59
  60  /* fix width of the screen */
  61
  62  .wy-nav-content {
  63      max-width: 800px;
  64  }