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 ul.plain {
  39     list-style:none;
  40     margin: 0;
  41     padding: 0;
  42 }
  43
  44 .left-column {
  45     width: 47em;
  46     float: left;
  47 }
  48 .right-column {
  49     float:right;
  50     width: 47em;
  51 }
  52 .normal-text {
  53     font-size: 1.3em;
  54     line-height: 1.3em;
  55 }
  56
  57 h2 {
  58     margin: 0;
  59     font-size: 1em;
  60     font-weight: normal;
  61 }
  62
  63
  64 .mono {
  65     font-family: "Andale Mono", "Lucida Sans Typewriter", "Courier New";
  66 /*    font-weight: bold; */
  67 }
  68
  69 .accent1 {
  70     color: #191919;
  71 }
  72
  73 .accent2 {
  74     color: #242424;
  75 }
  76
  77 .accent3 {
  78     color: #575c63;
  79 }
  80
  81
  82 .accent4 {
  83     color: #707b7a;
  84 }
  85
  86 .contrast {
  87     #1199a2;
  88 }
  89
  90 /* #281d1c */
  91
  92 .clearboth {
  93     clear: both;
  94 }
  95
  96 .white-box {
  97     border: 1px solid #ddd;
  98     padding: 1em;
  99     background: #fff;
 100     -moz-box-shadow: 2px 2px 2px #ddd;
 101     -webkit-box-shadow: 2px 2px 2px #ddd;
 102     box-shadow: 2px 2px 2px #ddd;
 103 }
 104
 105
 106 #header-content, div#main-content, div#half-header-content, #footer-content {
 107     width: 97.5em;
 108     margin: auto;
 109 }
 110
 111
 112 .page-desc {
 113     margin-left: 1.5em;
 114 }
 115
 116 .inline-tag-lists p span:first-child {
 117     color: #281d1c;
 118 }
 119
 120 .inline-tag-lists {
 121     font-size: 1.1em;
 122 }
 123
 124 #themes-list-toggle:after {
 125     padding-left: 1em;
 126     content: "↓";
 127     font-family: WL-Nav;
 128     vertical-align: middle;
 129 }
 130 #themes-list-wrapper {
 131     position: relative;
 132     font-size: 1.1em;
 133 }
 134 #themes-list {
 135     position: absolute;
 136     display: none;
 137     border: 1px solid #ddd;
 138     padding: 1em;
 139     background: #fff;
 140     -moz-box-shadow: 2px 2px 2px #ddd;
 141     -webkit-box-shadow: 2px 2px 2px #ddd;
 142     box-shadow: 2px 2px 2px #ddd;
 143     z-index: 500;
 144 }
 145 #themes-list ul {
 146     list-style: none;
 147     padding: 0;
 148     margin: 0;
 149     font-size: 1.1em;
 150     -moz-column-width: 12em;
 151     width: 48em;
 152 }
 153
 154
 155 .see-also {
 156     margin-left: 8em;
 157     float: left;
 158     width: 14.3em;
 159 }
 160 .download {
 161     margin-left: 2em;
 162     float: left;
 163 }
 164
 165 .see-also, .download {
 166     margin-top: 2em;
 167     margin-bottom: 2em;
 168 }
 169 .see-also h2, .download h2 {
 170     font-size: 1.1em;
 171 }
 172 .see-also ul, .download ul {
 173     list-style: none;
 174     padding: 0;
 175     margin: 0;
 176     font-size: 1.1em;
 177 }
 178
 179
 180 #footer {
 181     color: #777;
 182     eborder-top: 1px solid #ddd;
 183     margin-top: 5em;
 184     padding-top:3em;
 185     background: #fff;
 186 }