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