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  }
  37
  38
  39  /* override table width restrictions */
  40  @media screen and (min-width: 767px) {
  41
  42     .wy-table-responsive table td, .wy-table-responsive table th {
  43        /* !important prevents the common CSS stylesheets from overriding
  44           this as on RTD they are loaded after this stylesheet */
  45        white-space: normal !important;
  46     }
  47
  48     .wy-table-responsive {
  49        overflow: visible !important;
  50     }
  51  }
  52
  53  @media screen and (max-width: 767px) {
  54      .wy-table-responsive table td {
  55          white-space: nowrap;
  56      }
  57  }
  58
  59  /* fix width of the screen */
  60
  61  .wy-nav-content {
  62      max-width: 800px;
  63  }