catalogue/static/catalogue/css/layout.css

   1 @charset "UTF-8";
   2 #sidebar {
   3   position: absolute;
   4   right: 0;
   5   top: 0;
   6   width: 13.75em;
   7   color: #363a3e; }
   8   #sidebar section {
   9     margin-bottom: 1.063em; }
  10     #sidebar section h1 {
  11       margin: 0; }
  12     #sidebar section h1.realisation {
  13       font-weight: normal; }
  14   #sidebar .box {
  15     background-color: #d4d6d8;
  16     border-radius: 0.938em;
  17     padding: 1.063em 0.75em 1.063em 0.75em; }
  18     #sidebar .box h1 {
  19       font-size: 1em;
  20       text-transform: uppercase; }
  21   #sidebar .box-button {
  22     background-color: #ed7831;
  23     border-radius: 0.938em; }
  24     #sidebar .box-button .dl-button {
  25       color: white;
  26       padding: 1.063em 0.75em 1.063em 0.75em; }
  27   #sidebar .dl-button {
  28     color: #363a3e;
  29     display: block;
  30     font-weight: bold;
  31     text-align: center;
  32     text-transform: uppercase;
  33     font-size: .9em; }
  34   #sidebar .dl-button:after {
  35     content: " ↓"; }
  36   #sidebar .section {
  37     border-top: 1px solid #c9ccce;
  38     padding-top: 1.063em; }
  39   #sidebar .section-minor {
  40     border-top: 1px solid #c9ccce;
  41     padding-top: 1.063em; }
  42     #sidebar .section-minor h1 {
  43       font-weight: normal;
  44       font-size: 1em; }
  45   #sidebar .section-micro {
  46     font-size: .8em;
  47     color: #888;
  48     border-top: 1px solid #c9ccce;
  49     padding-top: 1.063em; }
  50     #sidebar .section-micro h1 {
  51       font-weight: normal;
  52       font-size: 1em; }
  53     #sidebar .section-micro .link-list a {
  54       color: #888; }
  55
  56 #main-bar {
  57   width: 40em; }
  58   #main-bar .top-link {
  59     float: right; }
  60
  61 .lesson-footer {
  62   clear: both;
  63   border-top: 1px solid #777;
  64   margin-top: 2em;
  65   padding-top: 1em; }
  66   .lesson-footer .section-info {
  67     text-align: center; }
  68   .lesson-footer .previous-lesson {
  69     float: left; }
  70   .lesson-footer .next-lesson {
  71     float: right; }