WCAG 2.0 1.4.3: contrast
[wolnelektury.git] / 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 }