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

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