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
127
/* DOCUMENT / MAIN CONTENT AREA
128
------------------------------------------------------*/
129
.document{
130
	background: rgba(255, 255, 255, 0.8);
131
	margin: 20px auto;
132
	padding: 20px 30px;
133
	width: 1170px;
134
	padding-bottom: 360px;
135
	border-radius: 20px;
136
	-webkit-border-radius: 20px;
137
	-moz-border-radius: 20px;
138
}
139
140
/* Permalink icons */
141
.document .headerlink{
142
	display: none;
143
	margin-left: 10px;
144
}
145
146
.document h1:hover > .headerlink,
147
.document h2:hover > .headerlink,
148
.document h3:hover > .headerlink{
149
	display: inline;
150
	color: #166194;
151
}
152
153
154
/* SIDEBAR
155
---------------------------------------------------- */
156
.sidebar{
157
	float: right;
158
	margin: 20px 0px 30px 20px;
159
	background: rgba(255,255,255, 0.5);
160 8245 walker
	border-radius: 10px;
161
	-moz-border-radius: 10px;
162
	-webkit-border-radius: 10px;
163 8240 walker
	padding: 10px;
164 8188 walker
	max-width:60%;
165
}
166
167
.sidebar .sidebar-title{
168
	font: 300 24px/24px Oswald;
169
	margin-top: 0;
170
}
171
172
.sidebar img{
173
	margin: 0;
174
}
175
176
/* FOOTER
177
---------------------------------------------------- */
178
.footer{
179
	height: 100px;
180
	color: #fdfdfd;
181
	bottom: 0;
182
	width: 100%;
183
	margin: 50px auto 0 auto;
184
}
185
186
.footer > .small-print{
187 8222 walker
	width: 600px;
188 8188 walker
	display: block;
189
	float: none;
190
	margin: 0 auto;
191 8222 walker
	color: #FFFFFF;
192
	font: 400 14px/14px Source Sans Pro;
193 8188 walker
}
194
195
.footer > .footerNav{
196
	width: 100%;
197
	display: block;
198
	height: 40px;
199
	margin-bottom: 10px;
200
}
201
202
203
/* Body CSS
204
-------------------------------------------------- */
205
    html, body {
206
    	margin: 0;
207
    	padding: 0;
208
    	height: 100%;
209
    }
210
211
    body {
212
      color: #333333;
213
      font: 400 15px/20px "Source Sans Pro", "Helvetica Nueue", "Helvetica", "sans serif";
214
      background: #FFFFFF;
215
      background: url(bg.jpg) no-repeat center center fixed;
216
      -webkit-background-size: cover;
217
	  -moz-background-size: cover;
218
	  -o-background-size: cover;
219
	  background-size: cover;
220
    }
221
222
/* TABLES
223
 -----------------------------------------------*/
224
    table, tr, th, td, thead, tbody{
225
    	border: 0px;
226
    	border-collapse: collapse;
227
    	padding: 8px;
228
    }
229
230
    table{
231
    	background: rgba(255,255,255, 0.8);
232
    	margin: 40px auto;
233
234
    }
235
236
    thead, th{
237
    	background-color: #555555;
238
    	color: #FFFFFF;
239
    	font: 300 16px/20px Source Sans Pro;
240
    }
241
242
    td{
243
    	font: 400 15px/20px Source Sans Pro;
244
    }
245
246
    tr.row-odd{
247
    	background: rgba(103, 184, 229, 0.2);
248
    }
249
250
251
/* TAG STYLING
252
-------------------------------------------------------- */
253
254
	h3 {
255 8245 walker
		font: 400 24.5px/40px "Source Sans Pro", Arial, sans-serif;
256 8188 walker
	}
257
258
	h2{
259 8245 walker
		font: 400 27.5px/40px "Oswald", Arial, sans-serif;
260 8188 walker
	}
261
262 8245 walker
	h1{
263
		font: 400 32px/40px "Oswald" sans-serif;
264
	}
265
266 8188 walker
	h1 > a,
267
	h2 > a,
268
	h3 > a,
269
	h4 > a{
270
		color: #333333;
271
	}
272
273
274
    article, aside, figure, footer, header, hgroup, menu, nav, section {
275
      display:block;
276
    }
277
278
    img{
279
       	max-width: 100%;
280
    	display: block;
281
    }
282
283
    input {
284
		-webkit-appearance: none;
285
		background-color: white;
286
		border-radius: 4px;
287
		height: 25px;
288
		width: 200px;
289
		box-shadow: none;
290
		border: 0;
291
    }
292
293
    input[type="submit"]{
294
    	width: auto;
295
    }
296
297
    a{
298
    	color: #166194;
299
    	text-decoration: none;
300
    }
301
302
    a:hover{
303
    	color: #3399CC;
304
    	text-decoration: none;
305
    }
306
307
308
    ul, ol{
309
    	margin: 0px;
310
    }
311
312 8240 walker
    li{
313
    	margin-left: 10px;
314
    }
315
316 8188 walker
    select{
317
    	font: 300 16px/16px "Oswald" Arial sans-serif;
318
    }
319
320
   dt{
321
   		font: 300 18px/40px Oswald;
322
   }
323
324
325
326
327
/* HIGHLIGHTING
328
 -----------------------------------------------*/
329
  .highlight{
330
 	padding-left: 10px;
331
 	padding-right: 10px;
332
 	word-wrap: break-word;
333
 	color: #FFFFFF;
334
 	background: none;
335
 	clear: right;
336
 }
337
338
 .highlight-python{
339
 	word-wrap: break-word;
340
 	color: #FFFFFF;
341
 	clear: right;
342
 }
343
344
 pre{
345
	 padding: 10px;
346
	background: rgba(22,97,148,0.7);
347
	color: #FFFFFF;
348
	font-size: 15px;
349
	border-radius: 5px;
350
	-moz-border-radius: 5px;
351
	-webkit-border-radius: 5px;
352
	margin: 20px auto;
353
 }
354
355
356
 /* MISC
357
 -----------------------------------------------*/
358
 .align-center{
359
 	margin-left: auto;
360
 	margin-right: auto;
361
 }
362
363
 .figure{
364
 	max-width: 80%;
365
 	background-color: #FFFFFF;
366
 	padding: 10px;
367
 	display: block;
368
 	border: 1px solid #666666;
369 8245 walker
 	margin: 20px auto;
370 8188 walker
 }
371
372
 .figure > img{
373 8245 walker
 	max-width: 95%;
374 8188 walker
 	margin: 10px auto;
375
 }
376
377
 .figure > .caption{
378
	 margin-bottom: 0px;
379
	text-align: center;
380
	font: 400 14px/14px Source Sans Pro;
381
	color: #666;
382
	padding-top: 10px;
383
 }
384
385
386
 .topic{
387
 	background: rgba(255,255,255,0.5);
388 8263 walker
 	padding: 20px;
389 8188 walker
 	border-radius: 20px;
390
 	-webkit-border-radius: 20px;
391
 	-moz-border-radius: 20px;
392 8263 walker
 	margin-bottom: 20px;
393 8188 walker
 }
394
395
 .topic-title{
396
 	font: 300 24px/24px Oswald;
397
	margin-top: 0;
398
 }
399
400
 #license pre{
401
 	width: 700px;
402
 	margin: 0 auto;
403
 }
404
405
 #installing-the-registry .sidebar{
406
 	max-width: 100%;
407
 }
408
409 8196 walker
 .note{
410
 margin-left: 20px;
411
 color: #555555;
412
 }
413 8188 walker
414 8263 walker
 .deprecated{
415
 	color: #b94A48;
416
 	background-color: #F2DEDE;
417
 	padding: 8px 35px 8px 14px;
418
 	margin-bottom: 20px;
419
 	text-shadow: 0 1px 0 rga(255, 255, 255, 0.5);
420
 	border:1px solid #EED3D7;
421
 	border-radius: 4px;
422
 	-moz-border-radius: 4px;
423
 	-webkit-border-radius: 4px;
424
 }
425
426
 #content > div > ul{
427
 	font-weight: 700;
428
 }
429
430
 #content > div > ul > li{
431
 	margin-top:7px;
432
 }
433
434
 #content > div > ul ul{
435
 	font-weight: 400;
436
 }
437