catalogue/static/catalogue/css/section_list.scss

   1 $px: 0.0625em;
   2
   3 #level-chooser-place {
   4     min-height: 4em;
   5     margin-top: 2em;
   6
   7     ul#level-chooser {
   8         margin: 0;
   9         padding: 1em 0 1em 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: .5em;
  21             left: 0;
  22
  23             a {
  24                 background: none;
  25                 padding: 0;
  26                 img {
  27                     width: 100*$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
  46             a {
  47                 padding: .5em 1em;
  48                 border-radius: 5*$px;
  49                 background: #eee;
  50
  51                 &.active {
  52                     color: white;
  53                     background: #ED7831;
  54                 }
  55             }
  56         }
  57     }
  58 }
  59
  60 .level {
  61     .link-list {
  62         margin-left: 1em;
  63     }
  64
  65     .level-toc {
  66         overflow: hidden; /* Because we're changing bg color lower. */
  67
  68         &.fixed {
  69             position: fixed;
  70         }
  71
  72         .link-list {
  73             margin-left: 1em;
  74
  75             li {
  76                 margin-bottom: 0;
  77
  78                 &.curriculumcourses {
  79                     margin: 10px -17px -17px;
  80                     padding: 10px 16px 16px;
  81                     background-color: #eee;
  82                 }
  83             }
  84         }
  85     }
  86 }