Draft Forbes Group Website (Build by Nikola). The official site is hosted at:

https://labs.wsu.edu/forbes

1
@charset "UTF-8";
2

3
/*
4
	Copyright © 2014-2022 Daniel Aleksandersen and others.
5

6
	Permission is hereby granted, free of charge, to any
7
	person obtaining a copy of this software and associated
8
	documentation files (the "Software"), to deal in the
9
	Software without restriction, including without limitation
10
	the rights to use, copy, modify, merge, publish,
11
	distribute, sublicense, and/or sell copies of the
12
	Software, and to permit persons to whom the Software is
13
	furnished to do so, subject to the following conditions:
14

15
	The above copyright notice and this permission notice
16
	shall be included in all copies or substantial portions of
17
	the Software.
18

19
	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY
20
	KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
21
	WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR
22
	PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS
23
	OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR
24
	OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
25
	OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
26
	SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
27
*/
28

29
body {
30
	color: #4F5151;
31
	font-family: Helvetica, Arial, sans-serif;
32
	font-size: 17px;
33
	line-height: 1.4;
34
	padding: 1em;
35
}
36

37
#container {
38
	margin: 1em auto;
39
	max-width: 770px;
40
}
41
#menu ul,
42
#menu ul li,
43
.postpromonav .tags,
44
.postpromonav .tags li,
45
.pager,
46
.pager li,
47
#toptranslations ul,
48
#toptranslations ul li {
49
	list-style: none;
50
	padding-left: 0;
51
	padding-right: 0;
52
}
53

54
#toptranslations ul {
55
	display: inline;
56
}
57

58
#menu ul li,
59
#toptranslations ul li {
60
	display: inline-block;
61
	margin-right: 1.5em;
62
}
63

64
#toptranslations h2 {
65
	display: inline;
66
	font-size: 1em;
67
	margin-right: 1.5em;
68
}
69

70
html[dir="rtl"] #menu ul li,
71
html[dir="rtl"] #toptranslations ul li,
72
html[dir="rtl"] #toptranslations h2 {
73
	margin-left: 1.5em;
74
	margin-right: 0;
75
}
76

77
#toptranslations {
78
	text-align: right;
79
	float: right;
80
}
81

82
html[dir="rtl"] #toptranslations {
83
	text-align: left;
84
	float: left;
85
}
86

87
.posttranslations h3, .translationslist h3 {
88
	display: inline;
89
	font-size: 1em;
90
}
91

92
.entry-title {
93
	font-size: 2em;
94
}
95

96
.posttranslations h3:last-child, .translationslist h3:last-child {
97
	display: none;
98
}
99

100
.postindex article {
101
	border-bottom: 1px solid #4F5151;
102
	padding-bottom: 1em;
103
}
104
#header {
105
	border-bottom: 1px solid #4F5151;
106
}
107
#footer {
108
	border-top: 1px solid #4F5151;
109
}
110

111
/* Tags */
112
.postpromonav {
113
	border-bottom: 1px solid #4F5151;
114
	border-top: 1px solid #4F5151;
115
	margin-top: 1em;
116
	padding: .5em 0;
117
}
118
.postpromonav .tags {
119
	text-align: center;
120
}
121
.metadata p:before,
122
.postpromonav .tags li:before,
123
.postlist .listdate:after,
124
.translationslist p:before {
125
	content: " — ";
126
}
127
.postlist li {
128
	margin-bottom: .33em;
129
}
130
.byline a:not(:last-child):after {
131
	content: ",";
132
}
133

134
/* Post and archive pagers */
135
.postindexpager .pager .next:before {
136
	content: "↓ ";
137
}
138
.postindexpager .pager .previous:before,
139
.archivenav .pager .up:before {
140
	content: "↑ ";
141
}
142
.postpromonav .pager .next:after,
143
.archivenav .pager .next:after {
144
	content: " →";
145
}
146
html[dir="rtl"] .postpromonav .pager .previous:after,
147
html[dir="rtl"] .archivenav .pager .previous:after {
148
	content: " →";
149
}
150
.postpromonav .pager .previous:before,
151
.archivenav .pager .previous:before {
152
	content: "← ";
153
}
154
html[dir="rtl"] .postpromonav .pager .next:before,
155
html[dir="rtl"] .archivenav .pager .next:before {
156
	content: "← ";
157
}
158
html[dir="rtl"] .postpromonav .pager .next:after,
159
html[dir="rtl"] .archivenav .pager .next:after,
160
html[dir="rtl"] .postpromonav .pager .previous:before,
161
html[dir="rtl"] .archivenav .pager .previous:before {
162
	content: "";
163
}
164
.metadata p:first-of-type:before,
165
.postpromonav .tags li:first-of-type:before,
166
.translationslist p:first-of-type:before {
167
	content: "";
168
}
169
.postpromonav .pager {
170
	clear: both;
171
	height: 1em;
172
}
173
.postpromonav .tags li,
174
.postpromonav .pager li,
175
.archivenav .pager li {
176
	display: inline-block;
177
}
178
.archivenav .pager {
179
	text-align: center
180
}
181
.postpromonav .pager .next,
182
.archivenav .pager .next {
183
	float: right;
184
}
185
html[dir="rtl"] .postpromonav .pager .next,
186
html[dir="rtl"] .archivenav .pager .next {
187
	float: left;
188
}
189

190
.postpromonav .pager .previous,
191
.archivenav .pager .previous {
192
	float: left;
193
}
194
html[dir="rtl"] .postpromonav .pager .previous,
195
html[dir="rtl"] .archivenav .pager .previous {
196
	float: right;
197
}
198

199
.archivenav .pager .disabled,
200
.archivenav .pager .disabled a,
201
.archivenav .pager .disabled:link {
202
	color: #888;
203
	cursor: not-allowed;
204
}
205

206
.metadata p,
207
.translationslist p {
208
	display: inline;
209
}
210

211
#brand {
212
	font-size: 3em;
213
	line-height: 1;
214
}
215

216
/* Links */
217
:link {
218
	color: #1168CC;
219
	text-decoration: none;
220
}
221
:visited {
222
	color: #6830BB;
223
}
224
:link:hover, :visited:hover {
225
	color: #0d53a3;
226
}
227

228
#brand :link,
229
#brand :visited {
230
	color: inherit;
231
}
232

233
/* Images */
234
img {
235
	border: none;
236
	line-height: 1;
237
}
238

239
.postpage img,
240
.postpage object,
241
.postindex article img,
242
.postindex article object {
243
	height: auto;
244
	max-width: 100%;
245
}
246

247
/* Comment helpers */
248
#disqus_thread {
249
	min-height: 325px;
250
}
251

252
.breadcrumb {
253
	padding: 8px 15px;
254
	margin-bottom: 20px;
255
	list-style: none;
256
}
257

258
.breadcrumb > li {
259
	display: inline-block;
260
	margin-right: 0;
261
	margin-left: 0;
262
}
263

264
.breadcrumb > li:after {
265
	content: ' / ';
266
	color: #888;
267
}
268

269
.breadcrumb > li:last-of-type:after {
270
	content: '';
271
	margin-left: 0;
272
}
273

274
.thumbnails {
275
	list-style: none;
276
	padding: 0;
277
}
278

279
.thumbnails > li {
280
	display: inline-block;
281
	margin-right: 10px;
282
}
283

284
.thumbnails > li:last-of-type {
285
	margin-right: 0;
286
}
287

288
.sr-only {
289
	position: absolute;
290
	width: 1px;
291
	height: 1px;
292
	padding: 0;
293
	margin: -1px;
294
	overflow: hidden;
295
	clip: rect(0, 0, 0, 0);
296
	border: 0;
297
}
298

299
.sr-only-focusable:active,
300
.sr-only-focusable:focus {
301
	position: static;
302
	width: auto;
303
	height: auto;
304
	margin: 0;
305
	overflow: visible;
306
	clip: auto;
307
}
308

309
pre.code, code {
310
	white-space: pre-wrap;
311
	word-wrap: normal;
312
	overflow: auto;
313
}
314

315
/* Set a minimum logo height to ensure .svg are displayed if there is no brand text (#3493) */
316
#logo {
317
	min-height: 25px;
318
}
319

320
/* SOURCE: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
321
@media print {
322
	*,
323
	*:before,
324
	*:after {
325
		background: transparent !important;
326
		color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */
327
		box-shadow: none !important;
328
		text-shadow: none !important;
329
		font-family: Garamond, Junicode, serif;
330
	}
331

332
	body {
333
		font-size: 12pt;
334
	}
335

336
	a,
337
	a:visited {
338
		text-decoration: underline;
339
	}
340

341
	a[href]:after {
342
		content: " (" attr(href) ")";
343
	}
344

345
	abbr[title]:after {
346
		content: " (" attr(title) ")";
347
	}
348

349
	/*
350
	 * Don't show links that are fragment identifiers,
351
	 * or use the `javascript:` pseudo protocol
352
	 */
353

354
	a[href^="#"]:after,
355
	a[href^="data:"]:after,
356
	a[href^="javascript:"]:after {
357
		content: "";
358
	}
359

360
	pre,
361
	blockquote {
362
		border: 1px solid #999;
363
		page-break-inside: avoid;
364
	}
365

366
	/*
367
	 * Printing Tables:
368
	 * http://css-discuss.incutio.com/wiki/Printing_Tables
369
	 */
370

371
	thead {
372
		display: table-header-group;
373
	}
374

375
	tr,
376
	img {
377
		page-break-inside: avoid;
378
	}
379

380
	img {
381
		max-width: 100% !important;
382
	}
383

384
	p,
385
	h2,
386
	h3 {
387
		orphans: 3;
388
		widows: 3;
389
	}
390

391
	h2,
392
	h3 {
393
		page-break-after: avoid;
394
	}
395

396
	.hidden-print {
397
		display: none !important;
398
	}
399

400
	article .entry-title a[href]:after,
401
	article .metadata a[href]:after,
402
	article .tags a[href]:after {
403
		content: "";
404
	}
405

406
	article .metadata .sourceline {
407
		display: none;
408
	}
409

410
	article .metadata .linkline a[href]:after {
411
		content: " (" attr(href) ")";
412
	}
413

414
	#header {
415
		display: none;
416
	}
417

418
	.postpromonav {
419
		padding: 0;
420
	}
421
}
422

423