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 }