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         border: 6*$px solid white;
  34     }
  35 }
  36 .section-type-synthetic {
  37     width: 340*$px - 2 * 20*$px;
  38 }
  39 .section-type-course {
  40     width: 300*$px - 2 * 20*$px;
  41 }
  42
  43 .section-type-project {
  44     width: 640*$px - 2 * 20*$px;
  45 }
  46
  47 .section-level-gimnazjum {
  48     background: #f4ae83;
  49     color: #67584f;
  50     a, a:hover {
  51         color: #67584f;
  52     }
  53
  54     .section-type-synthetic {
  55     }
  56     .section-type-course {
  57         background: #ed7831;
  58         color: #fff;
  59         a {
  60             color: #fff;
  61         }
  62     }
  63     .section-type-project {
  64         background-color: lighten(#f4ae83, 10);
  65     }
  66 }
  67
  68
  69 .section-level-liceum {
  70     background: #44b69f;
  71     color: #363a3e;
  72     a, a:hover {
  73         color: #363a3e;
  74     }
  75
  76     .section-type-synthetic {
  77     }
  78     .section-type-course {
  79         background: #16a487;
  80         color: #fff;
  81         a {
  82             color: #fff;
  83         }
  84     }
  85     .section-type-project {
  86         background-color: lighten(#44b69f, 25);
  87     }
  88 }
  89
  90
  91 .course-boxes {
  92     h1 {
  93         color: #363a3e;
  94     }
  95     .section-level {
  96         background: white;
  97         border: 1px solid #777;
  98         a, a:hover {
  99             color: #363a3e;
 100         }
 101         .section-type {
 102             background: white;
 103         }
 104     }
 105     .section-type-synthetic {
 106         width: 300*$px - 2 * 20*$px;
 107     }
 108     .section-type-course {
 109         width: 340*$px - 2 * 20*$px;
 110     }
 111 }
 112
 113
 114 .section-links {
 115     float: right;
 116 }
 117
 118 h2.section-header {
 119     margin: 0;
 120 }
 121
 122
 123 .section-list-toc {
 124     display: inline-block;
 125     vertical-align: top;
 126     width: 300*$px;
 127 }