prawokultury/static/css/promobox.scss

   1 #promobox {
   2     position: relative;
   3     a:hover {
   4         text-decoration: none;
   5     }
   6 }
   7 ul.promobox {
   8     list-style: none;
   9     padding: 0;
  10     margin: 0;
  11     height: 32.3em;
  12     overflow: hidden;
  13
  14 }
  15 .promobox-item {
  16     border-radius: 0 0 2em 0;
  17     list-style:none;
  18     padding:0;
  19     margin: 0;
  20 }
  21 .promobox-link {
  22     background-image: url('/static/img/rog.png');
  23     display:block;
  24     position: relative;
  25     height: 32.3em;
  26     background-position: 100% 100%;
  27     background-repeat: no-repeat;
  28 }
  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
  38     a {
  39         display: block;
  40         background:black;
  41         font-size: 1.1em;
  42         width: 1.1em;
  43         padding: .45em .5em;
  44         border-radius: 0 1em 1em 0;
  45         color: white;
  46     }
  47     a.active {
  48         background: #02529b;
  49     }
  50 }
  51
  52 .promobox-info {
  53     position: absolute;
  54     top: 15.4em;
  55     background-color: #64c0bd;
  56     color: white;
  57     width: 20em;
  58     padding: 1.5em 4.8em 1.2em 2em;
  59     border-radius: 0 6em 6em 0;
  60
  61     .clip {
  62         height: 9.7em;
  63         overflow:hidden;
  64     }
  65
  66     h2 {
  67         margin-top: 0;
  68         font-size: 1.5em;
  69     }
  70     .lead {
  71         font-size: 1.2em;
  72         line-height: 1.1em;
  73     }
  74
  75 }