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