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-type-synthetic {
  24     width: 300*$px - 2 * 20*$px;
  25 }
  26 .section-type-course {
  27     border-radius: 0 15*$px 15*$px 0;
  28     width: 340*$px - 2 * 20*$px;
  29 }
  30
  31 .section-level-gimnazjum {
  32     background: #f4ae83;
  33     color: #67584f;
  34     a, a:hover {
  35         color: #67584f;
  36     }
  37
  38     .section-type-synthetic {
  39     }
  40     .section-type-course {
  41         background: #ed7831;
  42         color: #fff;
  43         a {
  44             color: #fff;
  45         }
  46     }
  47 }
  48
  49
  50 .section-level-liceum {
  51     background: #44b69f;
  52     color: #363a3e;
  53     a, a:hover {
  54         color: #363a3e;
  55     }
  56
  57     .section-type-synthetic {
  58     }
  59     .section-type-course {
  60         background: #16a487;
  61         color: #fff;
  62         a {
  63             color: #fff;
  64         }
  65     }
  66 }
  67
  68
  69 .course-boxes {
  70     h1 {
  71         color: #363a3e;
  72     }
  73     .section-level {
  74         background: white;
  75         border: 1px solid #777;
  76         a, a:hover {
  77             color: #363a3e;
  78         }
  79         .section-type-course {
  80             background: white;
  81             bborder-left: 1px solid #363a3e;
  82         }
  83     }
  84 }
  85
  86
  87 .section-links {
  88     float: right;
  89 }
  90
  91 h2.section-header {
  92     margin: 0;
  93 }
  94
  95
  96 .section-list-toc {
  97     display: inline-block;
  98     vertical-align: top;
  99     width: 300*$px;
 100 }