prawokultury/static/css/promobox.css

   1 #promobox {
   2   position: relative; }
   3   #promobox a:hover {
   4     text-decoration: none; }
   5
   6 ul.promobox {
   7   list-style: none;
   8   padding: 0;
   9   margin: 0;
  10   height: 32.3em;
  11   overflow: hidden;
  12   position: relative; }
  13
  14 .promobox-item {
  15   border-radius: 0 0 2em 0;
  16   list-style: none;
  17   padding: 0;
  18   margin: 0;
  19   position: absolute;
  20   width: 100%; }
  21
  22 .promobox-link {
  23   background-image: url("/static/img/rog.png");
  24   display: block;
  25   position: relative;
  26   height: 32.3em;
  27   background-position: 100% 100%;
  28   background-repeat: no-repeat; }
  29
  30 #promobox-switcher {
  31   position: absolute;
  32   top: 1.6em;
  33   list-style: none;
  34   margin: 0;
  35   padding: 0;
  36   z-index: 100; }
  37   #promobox-switcher a {
  38     display: block;
  39     background: black;
  40     font-size: 1.1em;
  41     width: 1.1em;
  42     padding: .45em .5em;
  43     border-radius: 0 1em 1em 0;
  44     color: white; }
  45   #promobox-switcher .active a {
  46     background: #02529b; }
  47
  48 .promobox-info {
  49   position: absolute;
  50   top: 15.4em;
  51   background-color: #64c0bd;
  52   color: white;
  53   width: 20em;
  54   padding: 1.5em 4.8em 1.2em 2em;
  55   border-radius: 0 6em 6em 0; }
  56   .promobox-info .clip {
  57     height: 9.7em;
  58     overflow: hidden; }
  59   .promobox-info h2 {
  60     margin-top: 0;
  61     font-size: 1.5em; }
  62   .promobox-info .lead {
  63     font-size: 1.2em;
  64     line-height: 1.1em; }