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