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         h1.realisation:before {
  20             content: url(/static/img/icons/time.png);
  21             vertical-align: middle;
  22             margin-right: 10*$px;
  23         }
  24     }
  25
  26     .box {
  27         background-color: #16a487;
  28         border-radius: 15*$px;
  29         padding: 17*$px 12*$px 17*$px 12*$px;
  30
  31         .dl-button {
  32             color: white;
  33         }
  34     }
  35     .dl-button {
  36         color: $new_black;
  37         display: block;
  38         font-weight: bold;
  39         text-align: center;
  40         text-transform: uppercase;
  41         font-size: .9em;
  42     }
  43     .dl-button:after {
  44         content: " ↓";
  45     }
  46     .section {
  47         border-top: 1px solid #c9ccce;
  48         padding-top: 17*$px;
  49     }
  50     .section-minor {
  51         border-top: 1px solid #c9ccce;
  52         padding-top: 17*$px;
  53         h1 {
  54             font-weight: normal;
  55             font-size: 1em;
  56         }
  57     }
  58 }
  59 #main-bar {
  60     width: 640*$px;
  61 }