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