wolnelektury/static/css/base.css

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