catalogue/static/catalogue/css/layout.scss

   1 $px: .0625em;
   2 $new_black: #363a3e;
   3
   4 .box-button {
   5     background-color: #ed7831;
   6     border-radius: 15*$px;
   7     .dl-button {
   8         color: white;
   9         padding: 17*$px 12*$px 17*$px 12*$px;
  10     }
  11 }
  12 .dl-button {
  13     color: $new_black;
  14     display: block;
  15     font-weight: bold;
  16     text-align: center;
  17     text-transform: uppercase;
  18     font-size: .9em;
  19 }
  20 .dl-button:after {
  21     content: " ↓";
  22 }
  23
  24 #main-bar section.button {
  25     margin-bottom: 17*$px;
  26 }
  27
  28 #sidebar {
  29     position: absolute;
  30     right: 0;
  31     top: 0;
  32     width: 220*$px;
  33     color: $new_black;
  34
  35     section {
  36         margin-bottom: 17*$px;
  37         h1 {
  38             margin: 0;
  39         }
  40         h1.realisation {
  41             font-weight: normal;
  42         }
  43     }
  44
  45     .section {
  46         border-top: 1px solid #c9ccce;
  47         padding-top: 17*$px;
  48     }
  49     .section-minor {
  50         border-top: 1px solid #c9ccce;
  51         padding-top: 17*$px;
  52         h1 {
  53             font-weight: normal;
  54             font-size: 1em;
  55         }
  56     }
  57     .section-micro {
  58         font-size: .8em;
  59         color: #888;
  60         border-top: 1px solid #c9ccce;
  61         padding-top: 17*$px;
  62         h1 {
  63             font-weight: normal;
  64             font-size: 1em;
  65         }
  66         .link-list a {
  67             color: #888;
  68         }
  69     }
  70     section:first-child {
  71         border-top: 0;
  72         padding-top: 0;
  73     }
  74 }
  75 #main-bar {
  76     width: 640*$px;
  77
  78     .top-link {
  79         float:right;
  80     }
  81
  82     .box {
  83         background-color: #d4d6d8;
  84         border-radius: 15*$px;
  85         padding: 17*$px;
  86         h1 {
  87             font-size: 1em;
  88             text-transform: uppercase;
  89         }
  90         p {
  91             margin: 0;
  92         }
  93         .box-icon {
  94             margin: -.2em 0 -.2em 1em;
  95             float: right;
  96             text-align: center;
  97         }
  98     }
  99 }
 100
 101 .lesson-footer {
 102     clear: both;
 103     border-top: 1px solid #777;
 104     margin-top: 2em;
 105     padding-top: 1em;
 106
 107     .section-info {
 108         text-align: center;
 109     }
 110     .previous-lesson {float: left;}
 111     .next-lesson {float: right;}
 112 }