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