catalogue/static/catalogue/css/section_list.scss

   1 $px: 0.0625em;
   2
   3 .section-level {
   4     width: 640*$px;
   5     border-radius: 15*$px;
   6     margin: 1em 0;
   7     a:hover {
   8         text-decoration: underline;
   9     }
  10 }
  11
  12 .section-type {
  13     display: inline-block;
  14     vertical-align: top;
  15     padding: 20*$px;
  16
  17     h1 {
  18         text-transform: uppercase;
  19         margin: 0 0 1em 0;
  20         font-size: 1em;
  21     }
  22
  23     .section-lessons {
  24         padding: 0 0 0 1em;
  25     }
  26 }
  27 .section-type-synthetic {
  28     width: 300*$px - 2 * 20*$px;
  29 }
  30 .section-type-course {
  31     border-radius: 0 15*$px 15*$px 0;
  32     width: 340*$px - 2 * 20*$px;
  33 }
  34
  35 .section-level-gimnazjum {
  36     background: #f4ae83;
  37     color: #67584f;
  38     a, a:hover {
  39         color: #67584f;
  40     }
  41
  42     .section-type-synthetic {
  43     }
  44     .section-type-course {
  45         background: #ed7831;
  46         color: #fff;
  47         a {
  48             color: #fff;
  49         }
  50     }
  51 }
  52
  53
  54 .section-level-liceum {
  55     background: #44b69f;
  56     color: #363a3e;
  57     a, a:hover {
  58         color: #363a3e;
  59     }
  60
  61     .section-type-synthetic {
  62     }
  63     .section-type-course {
  64         background: #16a487;
  65         color: #fff;
  66         a {
  67             color: #fff;
  68         }
  69     }
  70 }
  71
  72
  73 .section-links {
  74     float: right;
  75 }
  76
  77 h2.section-header {
  78     margin: 0;
  79 }