edumed/static/catalogue/css/layout.scss

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