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: #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: 48em;
  40     float: left;
  41 }
  42 .right-column {
  43     float:right;
  44     width: 48em;
  45 }
  46
  47 h2 {
  48     margin: 0;
  49     font-size: 1em;
  50     font-weight: normal;
  51 }
  52
  53
  54 .mono {
  55     font-family: "Lucida Sans Typewriter", courier;
  56 }
  57
  58
  59 .clearboth {
  60     clear: both;
  61 }
  62
  63 #header-content, div#main-content, div#half-header-content {
  64     width: 97.5em;
  65     margin: auto;
  66 }
  67
  68
  69 .page-desc {
  70     margin-left: 1.5em;
  71 }
  72
  73 .inline-tag-lists {
  74     font-size: 1.1em;
  75 }
  76
  77 #themes-list-toggle:after {
  78     padding-left: 1em;
  79     content: "↓";
  80     font-family: WL-Nav;
  81     vertical-align: middle;
  82 }
  83 #themes-list-wrapper {
  84     position: relative;
  85 }
  86 #themes-list {
  87     position: absolute;
  88     display: none;
  89     border: 1px solid #ddd;
  90     padding: 1em;
  91     background: #fff;
  92     -moz-box-shadow: 2px 2px 2px #ddd;
  93     -webkit-box-shadow: 2px 2px 2px #ddd;
  94     box-shadow: 2px 2px 2px #ddd;
  95     z-index: 2;
  96 }
  97 #themes-list ul {
  98     list-style: none;
  99     padding: 0;
 100     margin: 0;
 101     font-size: 1.1em;
 102     -moz-column-width: 12em;
 103     width: 48em;
 104 }
 105
 106
 107 a.cite {
 108     display: block;
 109     color: black;
 110     background: white;
 111     padding: 3em 2em .1em 8em;
 112 }
 113 .cite-body {
 114     font-size: 1.8em;
 115     line-height: 1.3em;
 116 }
 117 .cite p {
 118     color: #444;
 119     font-size: 1.1em;
 120     margin-top: 1.6em;
 121 }
 122
 123 .see-also {
 124     margin-left: 8em;
 125     float: left;
 126     width: 14.3em;
 127 }
 128 .download {
 129     margin-left: 2em;
 130     float: left;
 131 }
 132
 133 .see-also, .download {
 134     margin-top: 2em;
 135     margin-bottom: 2em;
 136 }
 137 .see-also h2, .download h2 {
 138     font-size: 1.1em;
 139 }
 140 .see-also ul, .download ul {
 141     list-style: none;
 142     padding: 0;
 143     margin: 0;
 144     font-size: 1.1em;
 145 }
 146
 147
 148 #footer {
 149     color: #777;
 150     border-top: 1px solid #ddd;
 151     margin-top: 2.5em;
 152 }