apps/wolnelektury_core/static/scss/main/base.scss

   1 /* Basic layout */
   2 html, body {
   3     margin: 0;
   4     padding: 0;
   5 }
   6
   7
   8 .clearboth {
   9     clear: both;
  10 }
  11
  12
  13
  14 /* Basic colors and fonts */
  15 body {
  16     font-family: Georgia;
  17     background: #f7f7f7;
  18     color: black;
  19
  20     @include size(font-size, 13px);
  21 }
  22
  23 a {
  24     color: #0d7e85;
  25     text-decoration: none;
  26
  27     img {
  28         border: 0;
  29     }
  30 }
  31
  32 h1 {
  33     @include size(font-size, 35px);
  34     font-weight: normal;
  35     @include size(margin-top, 14px);
  36
  37     a {
  38         color: inherit;
  39     }
  40 }
  41
  42 h2 {
  43     @include size(font-size, 20px);
  44     font-weight: normal;
  45 }
  46
  47 h3 {
  48     @include size(font-size, 15px);
  49     font-weight: normal;
  50 }
  51
  52
  53 .normal-text {
  54     line-height: 1.3em;
  55 }
  56
  57 .white-box {
  58     @include size(padding, 10px);
  59     @include white-box;
  60 }
  61
  62
  63 ul.plain {
  64     list-style:none;
  65     margin: 0;
  66     padding: 0;
  67 }
  68
  69
  70 .theme-list-link {
  71     @include mono;
  72     @include size(font-size, 11px);
  73
  74     &:after {
  75         @include size(padding-left, 11px);
  76         content: url("/static/img/arrow-teal.png");
  77         vertical-align: middle;
  78     }
  79 }
  80
  81
  82 .left-column, .right-column {
  83     @include size(max-width, 600px);
  84 }
  85 @media screen and (min-width: 62.5em) {
  86     .left-column {
  87         @include size(width, 470px);
  88         float: left;
  89     }
  90     .right-column {
  91         @include size(width, 470px);
  92         float:right;
  93     }
  94 }
  95
  96 .pagination {
  97     display: block;
  98     @include size(font-size, 12px);
  99     @include size(padding, 6px);
 100     text-align:center;
 101 }