catalogue/static/catalogue/css/layout.css

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