catalogue/static/catalogue/css/section_list.scss

   1 $px: 0.0625em;
   2
   3 #level-chooser-place {
   4     min-height: 95*$px;
   5     margin-top: 2em;
   6
   7     ul#level-chooser {
   8         margin: 0;
   9         padding: 16*$px 0 16*$px 140*$px;
  10         background-color: white;
  11         width: 500*$px;
  12         z-index: 300;
  13         position: relative;
  14         text-transform: uppercase;
  15         text-align: right;
  16
  17         .home {
  18             display: none;
  19             position: absolute;
  20             top: 1.5em;
  21             left: 0;
  22
  23             a {
  24                 background: none;
  25                 padding: 0;
  26                 img {
  27                     width: 120*$px;
  28                 }
  29             }
  30         }
  31
  32         &.fixed {
  33             position: fixed;
  34             top: 0;
  35             border-bottom: 1px solid #c9ccce;
  36
  37             .home {
  38                 display: block;
  39             }
  40         }
  41
  42         li {
  43             display: inline-block;
  44             list-style: none;
  45             max-width: 175px;
  46
  47             a {
  48                 display: table-cell;
  49                 padding: .5em 1em;
  50                 border-radius: 5*$px;
  51                 background: #eee;
  52                 height: 42*$px;
  53                 vertical-align: middle;
  54
  55                 &.active {
  56                     color: white;
  57                     background: #ED7831;
  58                 }
  59             }
  60         }
  61     }
  62 }
  63
  64 .level {
  65     .link-list {
  66         margin-left: 1em;
  67     }
  68
  69     .level-toc {
  70         overflow: hidden; /* Because we're changing bg color lower. */
  71
  72         &.fixed {
  73             position: fixed;
  74         }
  75
  76         .link-list {
  77             margin-left: 1em;
  78
  79             li {
  80                 margin-bottom: 0;
  81
  82                 &.curriculumcourses {
  83                     margin: 10px -17px -17px;
  84                     padding: 10px 16px 16px;
  85                     background-color: #eee;
  86                 }
  87             }
  88         }
  89     }
  90 }