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     overflow: hidden;
   8
   9     a:hover {
  10         text-decoration: underline;
  11     }
  12 }
  13
  14 .sections-row {
  15     display: table;
  16 }
  17
  18 .section-type {
  19     display: table-cell;
  20     vertical-align: top;
  21     padding: 20*$px;
  22
  23     h1 {
  24         text-transform: uppercase;
  25         margin: 0 0 1em 0;
  26         font-size: 1em;
  27     }
  28
  29     img {
  30         float: left;
  31         margin-right: 16*$px;
  32         margin-bottom: 16*$px;
  33     }
  34 }
  35 .section-type-synthetic {
  36     width: 340*$px - 2 * 20*$px;
  37 }
  38 .section-type-course {
  39     width: 300*$px - 2 * 20*$px;
  40 }
  41
  42 .section-type-project {
  43     width: 640*$px - 2 * 20*$px;
  44 }
  45
  46 .section-level-gimnazjum {
  47     background: #f4ae83;
  48     color: #67584f;
  49     a, a:hover {
  50         color: #67584f;
  51     }
  52
  53     .section-type-synthetic {
  54     }
  55     .section-type-course {
  56         background: #ed7831;
  57         color: #fff;
  58         a {
  59             color: #fff;
  60         }
  61     }
  62     .section-type-project {
  63         background-color: lighten(#f4ae83, 10);
  64     }
  65 }
  66
  67
  68 .section-level-liceum {
  69     background: #44b69f;
  70     color: #363a3e;
  71     a, a:hover {
  72         color: #363a3e;
  73     }
  74
  75     .section-type-synthetic {
  76     }
  77     .section-type-course {
  78         background: #16a487;
  79         color: #fff;
  80         a {
  81             color: #fff;
  82         }
  83     }
  84     .section-type-project {
  85         background-color: lighten(#44b69f, 25);
  86     }
  87 }
  88
  89
  90 .course-boxes {
  91     h1 {
  92         color: #363a3e;
  93     }
  94     .section-level {
  95         background: white;
  96         border: 1px solid #777;
  97         a, a:hover {
  98             color: #363a3e;
  99         }
 100         .section-type {
 101             background: white;
 102         }
 103     }
 104     .section-type-synthetic {
 105         width: 300*$px - 2 * 20*$px;
 106     }
 107     .section-type-course {
 108         width: 340*$px - 2 * 20*$px;
 109     }
 110 }
 111
 112
 113 .section-links {
 114     float: right;
 115 }
 116
 117 h2.section-header {
 118     margin: 0;
 119 }
 120
 121
 122 .section-list-toc {
 123     display: inline-block;
 124     vertical-align: top;
 125     width: 300*$px;
 126 }