wolnelektury/static/css/base.css

   1 /* Logo font */
   2 @font-face {
   3     /* IE version */
   4     font-family: WL-Logo;
   5     src: url(/static/fonts/WL.eot);
   6 }
   7 @font-face {
   8   font-family: WL-Nav;
   9   src: url(/static/fonts/WL-Nav.ttf) format("truetype");
  10 }
  11
  12
  13 html {
  14     margin: 0;
  15     padding: 0;
  16 }
  17
  18 body {
  19     margin: 0;
  20     background: #f7f7f7;
  21     font-size: .625em;
  22     font-family: Georgia;
  23     /*line-height: 1.4em;*/
  24 }
  25
  26
  27 a {
  28     color: #1199a2; /* #01adba; */
  29     text-decoration: none;
  30 }
  31
  32 h1 {
  33     font-size: 3.5em;
  34     font-weight: normal;
  35     margin-top: .4em
  36 }
  37
  38 .left-column {
  39     width: 47em;
  40     float: left;
  41 }
  42 .right-column {
  43     float:right;
  44     width: 47em;
  45 }
  46 .normal-text {
  47     font-size: 1.3em;
  48     line-height: 1.3em;
  49 }
  50
  51 h2 {
  52     margin: 0;
  53     font-size: 1em;
  54     font-weight: normal;
  55 }
  56
  57
  58 .mono {
  59     font-family: "Andale Mono", "Lucida Sans Typewriter", "Courier New";
  60 /*    font-weight: bold; */
  61 }
  62
  63 .accent1 {
  64     color: #191919;
  65 }
  66
  67 .accent2 {
  68     color: #242424;
  69 }
  70
  71 .accent3 {
  72     color: #575c63;
  73 }
  74
  75
  76 .accent4 {
  77     color: #707b7a;
  78 }
  79
  80 .contrast {
  81     #1199a2;
  82 }
  83
  84 /* #281d1c */
  85
  86 .clearboth {
  87     clear: both;
  88 }
  89
  90 #header-content, div#main-content, div#half-header-content, #footer-content {
  91     width: 97.5em;
  92     margin: auto;
  93 }
  94
  95
  96 .page-desc {
  97     margin-left: 1.5em;
  98 }
  99
 100 .inline-tag-lists p span:first-child {
 101     color: #281d1c;
 102 }
 103
 104 .inline-tag-lists {
 105     font-size: 1.1em;
 106 }
 107
 108 #themes-list-toggle:after {
 109     padding-left: 1em;
 110     content: "↓";
 111     font-family: WL-Nav;
 112     vertical-align: middle;
 113 }
 114 #themes-list-wrapper {
 115     position: relative;
 116     font-size: 1.1em;
 117 }
 118 #themes-list {
 119     position: absolute;
 120     display: none;
 121     border: 1px solid #ddd;
 122     padding: 1em;
 123     background: #fff;
 124     -moz-box-shadow: 2px 2px 2px #ddd;
 125     -webkit-box-shadow: 2px 2px 2px #ddd;
 126     box-shadow: 2px 2px 2px #ddd;
 127     z-index: 500;
 128 }
 129 #themes-list ul {
 130     list-style: none;
 131     padding: 0;
 132     margin: 0;
 133     font-size: 1.1em;
 134     -moz-column-width: 12em;
 135     width: 48em;
 136 }
 137
 138
 139 .see-also {
 140     margin-left: 8em;
 141     float: left;
 142     width: 14.3em;
 143 }
 144 .download {
 145     margin-left: 2em;
 146     float: left;
 147 }
 148
 149 .see-also, .download {
 150     margin-top: 2em;
 151     margin-bottom: 2em;
 152 }
 153 .see-also h2, .download h2 {
 154     font-size: 1.1em;
 155 }
 156 .see-also ul, .download ul {
 157     list-style: none;
 158     padding: 0;
 159     margin: 0;
 160     font-size: 1.1em;
 161 }
 162
 163
 164 #footer {
 165     color: #777;
 166     eborder-top: 1px solid #ddd;
 167     margin-top: 5em;
 168     padding-top:3em;
 169     background: #fff;
 170 }