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