catalogue/static/catalogue/css/layout.scss

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