#3208 + raphael.js
[wolnelektury.git] / apps / wolnelektury_core / static / css / base.css
1 html {
2     margin: 0;
3     padding: 0;
4 }
5
6 body {
7     margin: 0;
8     background: #f7f7f7;
9     font-size: .625em;
10     font-family: Georgia;
11     /*line-height: 1.4em;*/
12 }
13
14 a img {
15         border: 0;
16 }
17
18 a {
19     color: #0d7e85; /*#1199a2;*/ /* #01adba; */
20     text-decoration: none;
21 }
22
23 /* jquery UI overrides us */
24 .ui-menu .ui-menu-item a {
25     color: #0d7e85 !important;
26     line-height: 1.636em !important;
27 }
28
29 .ui-widget {
30     font-family: Georgia !important;
31     font-size: 1em !important;
32 }
33
34 .ui-widget-content {
35     background: #EEEEEE !important; /* #E2E2E2 ? */
36     border-radius: 0px !important;
37 }
38
39
40 h1 {
41     font-size: 3.5em;
42     font-weight: normal;
43     margin-top: .4em
44 }
45 h1 a {
46         color: inherit;
47 }
48
49 ul.plain {
50     list-style:none;
51     margin: 0;
52     padding: 0;
53 }
54
55 .normal-text {
56     font-size: 1.3em;
57     line-height: 1.3em;
58 }
59
60 h2 {
61     font-size: 2em;
62     font-weight: normal;
63 }
64
65 h2.plain {
66     margin: 0;
67     font-size: 1em;
68 }
69
70 h3 {
71     font-size: 1.5em;
72     font-weight: normal;
73 }
74
75 .mono {
76     font-family: "Andale Mono", "Lucida Sans Typewriter", "Courier New";
77 /*    font-weight: bold; */
78 }
79
80 .accent1 {
81     color: #191919;
82 }
83
84 .accent2 {
85     color: #242424;
86 }
87
88 .accent3 {
89     color: #575c63;
90 }
91
92
93 .accent4 {
94     color: #707b7a;
95 }
96
97 .contrast {
98     #1199a2;
99 }
100
101 /* #281d1c */
102
103 .clearboth {
104     clear: both;
105 }
106
107 .white-box {
108     border: 1px solid #ddd;
109     padding: 1em;
110     background: #fff;
111     -moz-box-shadow: 2px 2px 2px #ddd;
112     -webkit-box-shadow: 2px 2px 2px #ddd;
113     box-shadow: 2px 2px 2px #ddd;
114 }
115
116 .page-desc {
117     margin-left: 1.5em;
118 }
119
120 .inline-tag-lists p span:first-child {
121     color: #281d1c;
122 }
123
124 .inline-tag-lists {
125     font-size: 1.1em;
126 }
127
128 .theme-list-link:after {
129     padding-left: 1em;
130     content: url("/static/img/arrow-teal.png");
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     left: 0;
142     display: none;
143     border: 1px solid #ddd;
144     padding: 1em 1em .5em 1em;
145     background: #fff;
146     -moz-box-shadow: 2px 2px 2px #ddd;
147     -webkit-box-shadow: 2px 2px 2px #ddd;
148     box-shadow: 2px 2px 2px #ddd;
149     z-index: 500;
150 }
151 .hidden-box ul {
152     list-style: none;
153     padding: 0;
154     margin: 0;
155     font-size: 1.1em;
156 }
157 .hidden-box li {
158         margin-bottom: .5em;
159 }
160
161
162 .pagination {
163         display: block;
164         font-size: 1.2em;
165         padding: .5em;
166         text-align:center;
167 }
168
169 #footer {
170     color: #767676;
171     margin-top: 5em;
172     padding-top:3em;
173     background: #fff;
174     border-top: 1px solid #ddd;
175 }
176 #footer p {
177         margin: .25em 0;
178 }
179
180 /* just on search page */
181 .top-tag-list {
182     margin-top: 2.2em;
183     margin-bottom: 1.6em;
184 }