nitdoc: Add shared files (imgs, styles and scripts)
[nit.git] / share / nitdoc / styles / main.css
1 /* General */
2
3 body {
4 margin: 0;
5 font: 14px "Helvetica Neue", Helvetica, Tahoma, sans-serif;
6 }
7
8 a {
9 color: #333;
10 text-decoration: none;
11 }
12
13 a:hover {
14 color: #0D8921;
15 }
16
17 ul {
18 list-style-type: square;
19 }
20
21 pre, code {
22 white-space: pre;
23 font-family: monospace;
24 font-size: 1em;
25 }
26
27 pre {
28 background: #EEE;
29 padding: 5px;
30 color: black;
31 overflow: auto;
32 }
33
34 hr {
35 background-color: #DDD;
36 height: 1px;
37 border: 0;
38 }
39
40 div.clear {
41 clear: both;
42 }
43
44 /* Titles */
45
46 h1, h2, h3, h4, h5 {
47 font-family: Verdana, Geneva, sans-serif;
48 color: #6C6C6C;
49 font-weight: normal;
50 }
51
52 h1 {
53 font-size: 300%;
54 margin: 0 0 10px 0;
55 }
56
57 h3 {
58 font-weight: bold;
59 }
60
61 /* Header, Footer */
62
63 header nav ul {
64 padding: 0;
65 list-style-type: none;
66 width: 900px;
67 margin: auto;
68 }
69
70 header nav ul li {
71 display: inline;
72 padding: 3px 6px;
73 margin: auto 5px;
74 color: #999;
75 }
76
77 header nav ul li a {
78 color: black;
79 }
80
81 header nav ul li a:hover {
82 color: #0D8921;
83 }
84
85 /* Main menu */
86
87 header nav.main {
88 background: #E0E0E0 url(../resources/top_back.gif) repeat-x top left;
89 padding: 7px 0;
90 }
91
92 header nav.main ul li.current {
93 background: #0D8921;
94 color: white;
95 }
96
97 /* Page content */
98
99 .page {
100 width: 940px;
101 margin: auto;
102 }
103
104 /* Latteral Menu */
105
106 .menu {
107 width: 250px;
108 float: left;
109 }
110
111 .menu nav {
112 margin: 20px;
113 border: 1px solid #CCC;
114 }
115
116 .menu nav:first-child {
117 margin-top: 0;
118 }
119
120 .menu nav h3 {
121 margin: 0;
122 padding: 5px;
123 background: #CCC;
124 font-size: 1em;
125 }
126
127 .menu nav h4 {
128 font-weight: bold;
129 color: #555555;
130 margin: 10px 0 0 10px;
131 font-size: 12px;
132 }
133
134 .menu nav h4:last-child {
135 margin-bottom: 5px;
136 }
137
138 .menu nav ul {
139 margin: 10px;
140 padding: 0;
141 list-style-type: none;
142 }
143
144 .menu nav ul li {
145 overflow: hidden;
146 color: #CCC;
147 }
148
149 /* Content */
150
151 .content {
152 margin: 20px 20px 20px 260px;
153 }
154
155 .content.fullpage {
156 margin: 20px;
157 }
158
159 .content section {
160 margin: 20px 0;
161 }
162
163 .content article {
164 color: #6C6C6C;
165 background-repeat: no-repeat;
166 background-position: left 7px;
167 margin: 20px 0;
168 padding: 5px 20px;
169 }
170
171 .content article h3 {
172 margin: 0;
173 font-weight: normal;
174 color: #333;
175 }
176
177 .content article.graph {
178 text-align: center;
179 }
180
181 .content article.modules,
182 .content article.classes,
183 .content article.properties {
184 float: left;
185 width: 250px;
186 overflow: hidden;
187 }
188
189 .content article.overview ul,
190 .content article.modules ul,
191 .content article.classes ul,
192 .content article.properties ul {
193 list-style-type: none;
194 padding: 0;
195 }
196
197 .content article.properties ul ul {
198 padding-left: 10px;
199 }
200
201 nav ul li span,
202 .content article ul li span {
203 color: #CCC;
204 text-align: center;
205 font-family: monospace;
206 margin-right: 5px;
207 }
208
209 .content article.modules ul code,
210 .content article.classes ul code,
211 .content article.properties ul code {
212 font-weight: normal;
213 }
214
215 .content section.summary h2, .content section.summary article{
216 color: #000000;
217 }
218
219 .content section.summary article h3{
220 font-weight: bold;
221 color: #555;
222 }
223
224 .content article.highlighted {
225 background-color: #FFF3C2;
226 color: black;
227 }
228
229 .content .subtitle {
230 color: #6C6C6C;
231 }
232
233 .content a:hover {
234 color: #333;
235 }
236
237 .content a {
238 color: #0D8921;
239 }
240
241 article .info .code {
242 float: right;
243 }
244
245
246
247 /* JS facilities */
248
249 input[type=text] {
250 width: 150px;
251 border: 1px solid #CCC;
252 border-radius: 5px;
253 margin-right: 5px;
254 padding: 1px 2px;
255 }
256
257 input[type=text].notUsed {
258 color: #999;
259 font-style: italic;
260 }
261
262 nav .filter {
263 text-align: center;
264 padding: 5px;
265 }
266
267 nav.main input[type=text] {
268 margin: -2px 10px;
269 color: black;
270 font-style: normal;
271 }
272
273 nav.main form {
274 float: right;
275 }
276
277 .filter a {
278 color: #0D8921;
279 cursor: pointer;
280 font-family: monospace;
281 margin-right: 5px;
282 font-weight: bold;
283 }
284
285 .filter a.hidden {
286 color: #999;
287 font-weight: normal;
288 }
289
290 .filter a:hover {
291 text-decoration: underline;
292 }
293
294 nav h3 a.fold {
295 margin: 0 5px;
296 color: #999;
297 font-family: monospace;
298 font-weight: bold;
299 font-size: 120%;
300 cursor: pointer;
301 }
302
303 .hide {
304 overflow-y: hidden;
305 height: 0;
306 }
307
308 /* Icons */
309 .vtype.public { background-image: url('../resources/icons/vtype_public.png')}
310 .vtype.protected { background-image: url('../resources/icons/vtype_protected.png')}
311 .vtype.private { background-image: url('../resources/icons/vtype_private.png')}
312 .init.public { background-image: url('../resources/icons/const_public.png')}
313 .init.protected { background-image: url('../resources/icons/const_protected.png')}
314 .init.private { background-image: url('../resources/icons/const_private.png')}
315 .fun.public { background-image: url('../resources/icons/meth_public.png')}
316 .fun.protected { background-image: url('../resources/icons/meth_protected.png')}
317 .fun.private { background-image: url('../resources/icons/meth_private.png')}