Project

General

Profile

1 8188 walker
2
/* Import font families */
3 8392 leinfelder
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
4 8188 walker
/* Oswald weights:
5
Light 300
6
Normal 400
7
Bold 700
8
*/
9 8392 leinfelder
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,400italic);
10 8188 walker
/* Source Sans Pro weights:
11
Light 300
12
Normal 400
13
Normal italic 400
14
Semi-bold 600
15
Bold 700
16
*/
17
18
/* BANNER/HEADER CSS
19
---------------------------------------------------- */
20
.banner{
21
	width: 100%;
22
	height: 100px;
23
}
24
25
.banner > img{
26
	float: left;
27
	width: auto;
28
	margin: 20px 10px;
29
	max-height: 100%;
30 8222 walker
	height: 80px;
31 8188 walker
}
32
33
.banner > .title{
34
	font: 300 18px/18px Oswald;
35
	color: #CCCCCC;
36
	float: left;
37
	margin: 38px 10px;
38
}
39
40
/* RELATED/NAVIGATION CSS
41
---------------------------------------------------- */
42 8222 walker
#metacatDocs > .related {
43 8188 walker
	width: 100%;
44
	position: relative;
45
	top: -80px;
46
	left: -20px;
47
}
48
49
 .related > h3{
50
	display: none;
51
}
52
53 8222 walker
 .related > ul,
54
 .header > ul {
55 8188 walker
	list-style: none;
56
	float: right;
57
}
58
59 8222 walker
.related > ul > li.right > a
60
.header > ul > li > a{
61 8188 walker
	color: #FFFFFF;
62
	font: 400 30px/30px Oswald;
63
	text-decoration: none;
64
	text-transform: uppercase;
65
}
66
67 8222 walker
.related > ul > li.right,
68
.header > ul > li{
69 8188 walker
	margin-right: 20px;
70
	float:left;
71
}
72
73
74
.related > ul > li > a:hover,
75 8222 walker
.related > ul > li > a:focus
76
.header > ul > li > a:hover,
77
.header > ul > li > a:focus{
78 8188 walker
      color: #FFFFFF;
79
      text-decoration: none;
80
      opacity: 0.7;
81
}
82
83
.related > ul input[type="submit"]{	/*"Go" button on navigation search bar */
84
	position: relative;
85 8231 walker
	left: -30px;
86 8240 walker
	top: 0px;
87 8188 walker
	height: 27px;
88 8231 walker
	background: none;
89 8188 walker
	border-radius: 0 4px 4px 0;
90
	-webkit-border-radius: 0 4px 4px 0;
91
	-moz-border-radius: 0 4px 4px 0;
92
	font: 300 16px/16px "Oswald", sans-serif;
93
}
94
95
.related > ul input[type="submit"]:hover{	/*"Go" button on navigation search bar */
96 8231 walker
	color: #166194;
97 8188 walker
	cursor: pointer;
98
}
99
100 8222 walker
.related > ul > li > a{
101
	color: #FFFFFF;
102
	font: 400 2em/1em Oswald, Arial;
103
	text-transform: uppercase;
104 8231 walker
	line-height: 25px;
105 8222 walker
}
106
107 8188 walker
.related > ul > li > span#searchbox{
108
	display: block;
109
	margin-right: 0px;
110
}
111
112
.related > ul > li > span#searchbox > form{
113
	display: inline;
114
	vertical-align: top;
115
}
116
117
118
.related .breadcrumb{
119 8222 walker
	display: none;
120 8188 walker
}
121
122
123
124
125
126
/* DOCUMENT / MAIN CONTENT AREA
127
------------------------------------------------------*/
128
.document{
129 8627 walker
	background: rgba(244, 244, 244, 0.9);
130 8188 walker
	margin: 20px auto;
131 8627 walker
	padding: 5px 2%;
132
	width: 85%;
133 8188 walker
	padding-bottom: 360px;
134 8627 walker
			border-radius: 10px;
135
	   -moz-border-radius: 10px;
136
	-webkit-border-radius: 10px;
137 8188 walker
}
138
139
/* Permalink icons */
140
.document .headerlink{
141
	display: none;
142
	margin-left: 10px;
143
}
144
145
.document h1:hover > .headerlink,
146
.document h2:hover > .headerlink,
147
.document h3:hover > .headerlink{
148
	display: inline;
149
	color: #166194;
150
}
151
152 8627 walker
h1 a{
153
	color: #333;
154
	font-weight: 400;
155
	display: inline-block;
156
}
157
h2 a{
158
	color: #333;
159
	font-weight: 400;
160
	display: inline-block;
161
}
162 8188 walker
163 8627 walker
h3 a{
164
	color: #333;
165
	font-weight: 400;
166
	display: inline-block;
167
}
168
169
h4 a{
170
	color: #333;
171
	font-weight: 500;
172
	display: inline-block;
173
}
174 8188 walker
/* SIDEBAR
175
---------------------------------------------------- */
176
.sidebar{
177
	float: right;
178
	margin: 20px 0px 30px 20px;
179
	background: rgba(255,255,255, 0.5);
180 8245 walker
	border-radius: 10px;
181
	-moz-border-radius: 10px;
182
	-webkit-border-radius: 10px;
183 8240 walker
	padding: 10px;
184 8188 walker
	max-width:60%;
185
}
186
187
.sidebar .sidebar-title{
188 8627 walker
	font-size: 1.2em;
189 8188 walker
	margin-top: 0;
190
}
191
192
.sidebar img{
193
	margin: 0;
194
}
195
196
/* FOOTER
197
---------------------------------------------------- */
198
.footer{
199
	height: 100px;
200
	color: #fdfdfd;
201
	bottom: 0;
202
	width: 100%;
203
	margin: 50px auto 0 auto;
204
}
205
206
.footer > .small-print{
207 8222 walker
	width: 600px;
208 8188 walker
	display: block;
209
	float: none;
210
	margin: 0 auto;
211 8222 walker
	color: #FFFFFF;
212
	font: 400 14px/14px Source Sans Pro;
213 8188 walker
}
214
215
.footer > .footerNav{
216
	width: 100%;
217
	display: block;
218
	height: 40px;
219
	margin-bottom: 10px;
220
}
221
222
223
/* Body CSS
224
-------------------------------------------------- */
225
    html, body {
226
    	margin: 0;
227
    	padding: 0;
228
    	height: 100%;
229
    }
230
231
    body {
232 8627 walker
      background: #166194;
233 8188 walker
      background: url(bg.jpg) no-repeat center center fixed;
234 8627 walker
      background-size: cover;
235 8188 walker
    }
236
237
/* TABLES
238
 -----------------------------------------------*/
239
    table, tr, th, td, thead, tbody{
240
    	border: 0px;
241
    	border-collapse: collapse;
242
    	padding: 8px;
243
    }
244
245
    table{
246
    	background: rgba(255,255,255, 0.8);
247
    	margin: 40px auto;
248
249
    }
250
251
    thead, th{
252
    	background-color: #555555;
253
    	color: #FFFFFF;
254
    	font: 300 16px/20px Source Sans Pro;
255
    }
256
257
    td{
258
    	font: 400 15px/20px Source Sans Pro;
259
    }
260
261
    tr.row-odd{
262
    	background: rgba(103, 184, 229, 0.2);
263
    }
264
265
266
/* TAG STYLING
267
-------------------------------------------------------- */
268
269
270
271
    article, aside, figure, footer, header, hgroup, menu, nav, section {
272
      display:block;
273
    }
274
275
    img{
276
       	max-width: 100%;
277
    	display: block;
278
    }
279
280
    input {
281
		-webkit-appearance: none;
282
		background-color: white;
283
		border-radius: 4px;
284
		height: 25px;
285
		width: 200px;
286
		box-shadow: none;
287
		border: 0;
288
    }
289
290
    input[type="submit"]{
291
    	width: auto;
292
    }
293
294
    a{
295
    	color: #166194;
296
    	text-decoration: none;
297
    }
298
299
    a:hover{
300
    	color: #3399CC;
301
    	text-decoration: none;
302
    }
303
304
305
    ul, ol{
306
    	margin: 0px;
307
    }
308
309 8240 walker
    li{
310
    	margin-left: 10px;
311
    }
312 8188 walker
313
314
315
316 8627 walker
317 8188 walker
/* HIGHLIGHTING
318
 -----------------------------------------------*/
319
  .highlight{
320
 	padding-left: 10px;
321
 	padding-right: 10px;
322
 	word-wrap: break-word;
323
 	color: #FFFFFF;
324
 	background: none;
325
 	clear: right;
326
 }
327
328
 .highlight-python{
329
 	word-wrap: break-word;
330
 	color: #FFFFFF;
331
 	clear: right;
332
 }
333
334
 pre{
335
	 padding: 10px;
336
	background: rgba(22,97,148,0.7);
337
	color: #FFFFFF;
338
	font-size: 15px;
339
	border-radius: 5px;
340
	-moz-border-radius: 5px;
341
	-webkit-border-radius: 5px;
342
	margin: 20px auto;
343
 }
344
345
346
 /* MISC
347
 -----------------------------------------------*/
348
 .align-center{
349
 	margin-left: auto;
350
 	margin-right: auto;
351
 }
352
353
 .figure{
354
 	max-width: 80%;
355
 	background-color: #FFFFFF;
356
 	padding: 10px;
357
 	display: block;
358
 	border: 1px solid #666666;
359 8245 walker
 	margin: 20px auto;
360 8188 walker
 }
361
362
 .figure > img{
363 8245 walker
 	max-width: 95%;
364 8188 walker
 	margin: 10px auto;
365
 }
366
367
 .figure > .caption{
368
	 margin-bottom: 0px;
369
	text-align: center;
370
	font: 400 14px/14px Source Sans Pro;
371
	color: #666;
372
	padding-top: 10px;
373
 }
374
375
376
 .topic{
377 8627 walker
 	background: #FFF;
378 8263 walker
 	padding: 20px;
379 8627 walker
 	border-radius: 5px;
380
 	-webkit-border-radius: 5px;
381
 	-moz-border-radius: 5px;
382 8263 walker
 	margin-bottom: 20px;
383 8188 walker
 }
384
385
 .topic-title{
386 8627 walker
 	font-size: 1.7em;
387 8188 walker
	margin-top: 0;
388
 }
389
390 8627 walker
 .topic ul{
391
 	list-style: none;
392
 }
393
394
 .topic > ul > li > a{
395
 	font-weight: 500;
396
 }
397
398 8188 walker
 #license pre{
399
 	width: 700px;
400
 	margin: 0 auto;
401
 }
402
403
 #installing-the-registry .sidebar{
404
 	max-width: 100%;
405
 }
406
407 8196 walker
 .note{
408
 margin-left: 20px;
409
 color: #555555;
410
 }
411 8188 walker
412 8263 walker
 .deprecated{
413
 	color: #b94A48;
414
 	background-color: #F2DEDE;
415
 	padding: 8px 35px 8px 14px;
416
 	margin-bottom: 20px;
417
 	text-shadow: 0 1px 0 rga(255, 255, 255, 0.5);
418
 	border:1px solid #EED3D7;
419
 	border-radius: 4px;
420
 	-moz-border-radius: 4px;
421
 	-webkit-border-radius: 4px;
422
 }
423
424
 #content > div > ul{
425
 	font-weight: 700;
426
 }
427
428
 #content > div > ul > li{
429
 	margin-top:7px;
430
 }
431
432
 #content > div > ul ul{
433
 	font-weight: 400;
434
 }
435
436 8627 walker
437
.toctree-wrapper ul{
438
	list-style: none;
439
}
440
.toctree-l1 {
441
	margin-bottom: 20px;
442
}
443
.toctree-l1 > a{
444
	font-weight: 500;
445
}
446
.first ul{
447
	list-style: none;
448
}