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 .section-type {
  15     display: inline-block;
  16     vertical-align: top;
  17     padding: 20*$px;
  18
  19     h1 {
  20         text-transform: uppercase;
  21         margin: 0 0 1em 0;
  22         font-size: 1em;
  23     }
  24 }
  25 .section-type-synthetic {
  26     width: 300*$px - 2 * 20*$px;
  27 }
  28 .section-type-course {
  29     width: 340*$px - 2 * 20*$px;
  30 }
  31 .section-type-project {
  32     width: 640*$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     .section-type-project {
  52         background-color: lighten(#f4ae83, 10);
  53     }
  54 }
  55
  56
  57 .section-level-liceum {
  58     background: #44b69f;
  59     color: #363a3e;
  60     a, a:hover {
  61         color: #363a3e;
  62     }
  63
  64     .section-type-synthetic {
  65     }
  66     .section-type-course {
  67         background: #16a487;
  68         color: #fff;
  69         a {
  70             color: #fff;
  71         }
  72     }
  73     .section-type-project {
  74         background-color: lighten(#44b69f, 25);
  75     }
  76 }
  77
  78
  79 .course-boxes {
  80     h1 {
  81         color: #363a3e;
  82     }
  83     .section-level {
  84         background: white;
  85         border: 1px solid #777;
  86         a, a:hover {
  87             color: #363a3e;
  88         }
  89         .section-type {
  90             background: white;
  91         }
  92     }
  93 }
  94
  95
  96 .section-links {
  97     float: right;
  98 }
  99
 100 h2.section-header {
 101     margin: 0;
 102 }
 103
 104
 105 .section-list-toc {
 106     display: inline-block;
 107     vertical-align: top;
 108     width: 300*$px;
 109 }