Project

General

Profile

Support #6728 » style.css

Ben Miller, 2016-11-21 05:04 PM

 
1
/* line 19, ../sass/_grids.scss */
2
.widescreen-img, .pull-img {
3
  display: none;
4
}
5
@media (min-width: 437px) {
6
  /* line 19, ../sass/_grids.scss */
7
  .widescreen-img, .pull-img {
8
    display: block;
9
  }
10
}
11

    
12
/* line 27, ../sass/_grids.scss */
13
.mobile-img, .mobile-pull-img {
14
  display: block;
15
}
16
@media (min-width: 437px) {
17
  /* line 27, ../sass/_grids.scss */
18
  .mobile-img, .mobile-pull-img {
19
    display: none;
20
  }
21
}
22

    
23
/* line 35, ../sass/_grids.scss */
24
.wrapper {
25
  max-width: 80%;
26
  margin-left: auto;
27
  margin-right: auto;
28
  height: 100%;
29
  max-width: 750px;
30
  padding: 0 10px;
31
}
32
/* line 12, ../../../../../Downloads/compass.app.windows.1.29/compass.app/lib/ruby/compass_extensions/susy-2.1.3/sass/susy/output/support/_clearfix.scss */
33
.wrapper:after {
34
  content: " ";
35
  display: block;
36
  clear: both;
37
}
38

    
39
/* line 42, ../sass/_grids.scss */
40
header h1 {
41
  font-size: 1.5em;
42
  margin-top: 24px;
43
  margin-bottom: 24px;
44
}
45
@media (min-width: 545px) {
46
  /* line 42, ../sass/_grids.scss */
47
  header h1 {
48
    font-size: 2em;
49
    margin-top: 21px;
50
    margin-bottom: 21px;
51
  }
52
}
53

    
54
/* line 54, ../sass/_grids.scss */
55
.banner {
56
  height: 300px;
57
  transition: all ease-in-out 0.5s;
58
  -webkit-transition: all ease-in-out 0.5s;
59
  -moz-transition: all ease-in-out 0.5s;
60
}
61

    
62
/* line 61, ../sass/_grids.scss */
63
.banner-text {
64
  margin-top: 250px;
65
  font-size: 2em;
66
  transition: ease-in-out 0.5s;
67
  -webkit-transition: ease-in-out 0.5s;
68
  -moz-transition: ease-in-out 0.5s;
69
}
70
@media (min-width: 545px) {
71
  /* line 61, ../sass/_grids.scss */
72
  .banner-text {
73
    margin-top: 230px;
74
    font-size: 3em;
75
    transition: ease-in-out 0.5s;
76
    -webkit-transition: ease-in-out 0.5s;
77
    -moz-transition: ease-in-out 0.5s;
78
  }
79
}
80

    
81
/* line 77, ../sass/_grids.scss */
82
.large-title {
83
  margin-top: 270px;
84
  font-size: 1.3em;
85
  transition: ease-in-out 0.5s;
86
  -webkit-transition: ease-in-out 0.5s;
87
  -moz-transition: ease-in-out 0.5s;
88
}
89
@media (min-width: 465px) {
90
  /* line 77, ../sass/_grids.scss */
91
  .large-title {
92
    margin-top: 260px;
93
    font-size: 2em;
94
    transition: ease-in-out 0.5s;
95
    -webkit-transition: ease-in-out 0.5s;
96
    -moz-transition: ease-in-out 0.5s;
97
  }
98
}
99
@media (min-width: 680px) {
100
  /* line 77, ../sass/_grids.scss */
101
  .large-title {
102
    margin-top: 230px;
103
    font-size: 3em;
104
    transition: ease-in-out 0.5s;
105
    -webkit-transition: ease-in-out 0.5s;
106
    -moz-transition: ease-in-out 0.5s;
107
  }
108
}
109

    
110
/* line 101, ../sass/_grids.scss */
111
.pull {
112
  display: none;
113
}
114
@media (min-width: 966px) {
115
  /* line 101, ../sass/_grids.scss */
116
  .pull {
117
    display: block;
118
  }
119
}
120

    
121
/* line 6, ../sass/style.scss */
122
body {
123
  color: #444;
124
  line-height: 1.6;
125
  font: normal 16px "Droid Sans";
126
  background: #f8f8f8;
127
}
128

    
129
/* line 13, ../sass/style.scss */
130
a[href$=".pdf"]:after {
131
  content: url(../imgs/Adobe_PDF_file_icon_32x32.png);
132
  padding-left: 2px;
133
}
134

    
135
/* line 19, ../sass/style.scss */
136
h1,
137
h2,
138
h3 {
139
  line-height: 1.2;
140
}
141

    
142
/* line 25, ../sass/style.scss */
143
p {
144
  font-size: 1.125em;
145
  line-height: 1.6;
146
  margin-bottom: 1.5em;
147
}
148

    
149
/* line 31, ../sass/style.scss */
150
ul {
151
  -webkit-margin-before: 0;
152
  -webkit-margin-after: 0;
153
}
154

    
155
/* line 36, ../sass/style.scss */
156
.unordered {
157
  margin-top: 7.5%;
158
  margin-left: 7.5%;
159
  width: 85%;
160
}
161
/* line 41, ../sass/style.scss */
162
.unordered li {
163
  padding-bottom: 0.5em;
164
}
165

    
166
/* line 46, ../sass/style.scss */
167
header {
168
  position: absolute;
169
  height: auto;
170
  width: 100%;
171
  left: 0;
172
  top: 0;
173
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.15), transparent);
174
  /* For Safari 5.1 to 6.0 */
175
  background: -o-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.15), transparent);
176
  /* For Opera 11.1 to 12.0 */
177
  background: -moz-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.15), transparent);
178
  /* For Firefox 3.6 to 15 */
179
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.15), transparent);
180
  /* Standard syntax */
181
}
182

    
183
/* line 58, ../sass/style.scss */
184
header div h1 {
185
  color: #eee;
186
  margin-bottom: 46px;
187
  text-align: center;
188
}
189
/* line 62, ../sass/style.scss */
190
header div h1 a {
191
  text-decoration: none;
192
  color: #eee;
193
  text-shadow: 2px 2px 5px #444;
194
}
195

    
196
/* line 69, ../sass/style.scss */
197
.authors {
198
  margin-top: -35px;
199
  margin-bottom: 7px;
200
  color: #eee;
201
  text-align: center;
202
  text-shadow: 2px 2px 5px #444;
203
}
204

    
205
/* line 77, ../sass/style.scss */
206
#nav {
207
  width: 100%;
208
  position: static;
209
  margin: 0;
210
}
211

    
212
/* line 84, ../sass/style.scss */
213
#nav > a {
214
  display: none;
215
}
216

    
217
/* line 89, ../sass/style.scss */
218
#nav li {
219
  position: relative;
220
}
221

    
222
/* line 93, ../sass/style.scss */
223
#nav li a {
224
  color: #fff;
225
  display: block;
226
}
227

    
228
/* line 98, ../sass/style.scss */
229
#nav li a:active {
230
  background-color: #f68026 !important;
231
}
232

    
233
/* line 103, ../sass/style.scss */
234
#nav span:after {
235
  width: 0;
236
  height: 0;
237
  border: 0.313em solid transparent;
238
  /* 5 */
239
  border-bottom: none;
240
  border-top-color: #efa585;
241
  content: '';
242
  vertical-align: middle;
243
  display: inline-block;
244
  position: relative;
245
  right: -0.313em;
246
  /* 5 */
247
}
248

    
249
/* first level */
250
/* line 119, ../sass/style.scss */
251
#nav > ul {
252
  height: 2.25em;
253
  /* 60 */
254
  background-color: #e15a1f;
255
  margin-top: 0;
256
}
257

    
258
/* line 124, ../sass/style.scss */
259
#nav > ul > li {
260
  width: 20%;
261
  height: 100%;
262
  float: left;
263
  vertical-align: center;
264
  list-style: none;
265
}
266

    
267
/* line 132, ../sass/style.scss */
268
#nav > ul > li > a {
269
  height: 100%;
270
  line-height: 2.25em;
271
  /* 60 */
272
  text-decoration: none;
273
  text-align: center;
274
}
275

    
276
/* line 139, ../sass/style.scss */
277
#nav > ul > li:not(:last-child) > a {
278
  border-right: 1px solid #cc470d;
279
}
280

    
281
/* line 143, ../sass/style.scss */
282
#nav > ul > li:hover > a,
283
#nav > ul:not(:hover) > li.active > a {
284
  background-color: #cc470d;
285
}
286

    
287
/* second level */
288
/* line 152, ../sass/style.scss */
289
#nav li ul {
290
  background-color: #cc470d;
291
  display: none;
292
  position: absolute;
293
  top: 100%;
294
}
295

    
296
/* line 159, ../sass/style.scss */
297
#nav li:hover ul {
298
  display: block;
299
  left: 0;
300
  right: 0;
301
}
302

    
303
/* line 165, ../sass/style.scss */
304
#nav li:not(:first-child):hover ul {
305
  left: -1px;
306
}
307

    
308
/* line 169, ../sass/style.scss */
309
#nav li ul li {
310
  list-style: none;
311
}
312

    
313
/* line 172, ../sass/style.scss */
314
#nav li ul a {
315
  text-decoration: none;
316
  border-top: 1px solid #e15a1f;
317
  padding: 0.75em;
318
  /* 15 (20) */
319
}
320

    
321
/* line 178, ../sass/style.scss */
322
#nav li ul li a:hover,
323
#nav li ul:not(:hover) li.active a {
324
  background-color: #e15a1f;
325
}
326

    
327
@media only screen and (max-width: 62.5em) {
328
  /* line 187, ../sass/style.scss */
329
  #nav {
330
    width: 100%;
331
    position: static;
332
    margin: 0;
333
  }
334
}
335
@media only screen and (max-width: 40em) {
336
  /* line 197, ../sass/style.scss */
337
  html {
338
    font-size: 75%;
339
    /* 12 */
340
  }
341

    
342
  /* line 202, ../sass/style.scss */
343
  #nav {
344
    position: relative;
345
    top: auto;
346
    left: auto;
347
  }
348

    
349
  /* line 208, ../sass/style.scss */
350
  #nav > a {
351
    width: 2.5em;
352
    /* 50 */
353
    height: 2.5em;
354
    /* 50 */
355
    text-align: left;
356
    text-indent: -9999px;
357
    background-color: #e15a1f;
358
    position: relative;
359
  }
360

    
361
  /* line 217, ../sass/style.scss */
362
  #nav > a:before,
363
  #nav > a:after {
364
    position: absolute;
365
    border: 2px solid #fff;
366
    top: 35%;
367
    left: 25%;
368
    right: 25%;
369
    content: '';
370
  }
371

    
372
  /* line 227, ../sass/style.scss */
373
  #nav > a:after {
374
    top: 60%;
375
  }
376

    
377
  /* line 232, ../sass/style.scss */
378
  #nav:not(:target) > a:first-of-type,
379
  #nav:target > a:last-of-type {
380
    display: block;
381
  }
382

    
383
  /* first level */
384
  /* line 241, ../sass/style.scss */
385
  #nav > ul {
386
    height: auto;
387
    display: none;
388
    position: absolute;
389
    left: 0;
390
    right: 0;
391
  }
392

    
393
  /* line 249, ../sass/style.scss */
394
  #nav:target > ul {
395
    display: block;
396
  }
397

    
398
  /* line 253, ../sass/style.scss */
399
  #nav > ul > li {
400
    width: 100%;
401
    float: none;
402
  }
403

    
404
  /* line 258, ../sass/style.scss */
405
  #nav > ul > li > a {
406
    height: auto;
407
    text-align: left;
408
    padding: 0 0.833em;
409
    /* 20 (24) */
410
  }
411

    
412
  /* line 264, ../sass/style.scss */
413
  #nav > ul > li:not(:last-child) > a {
414
    border-right: none;
415
    border-bottom: 1px solid #cc470d;
416
  }
417

    
418
  /* second level */
419
  /* line 273, ../sass/style.scss */
420
  #nav li ul {
421
    position: static;
422
    padding: 1.25em;
423
    /* 20 */
424
    padding-top: 0;
425
  }
426
}
427
/* line 281, ../sass/style.scss */
428
.current {
429
  background-color: #f38025;
430
}
431

    
432
/* line 285, ../sass/style.scss */
433
.home-banner {
434
  padding-top: 1px;
435
  background: url(../imgs/home-banner.jpg) no-repeat center;
436
  background-size: cover;
437
}
438

    
439
/* line 291, ../sass/style.scss */
440
.cohort-banner {
441
  padding-top: 1px;
442
  background: url(../imgs/cohort-banner.jpg) no-repeat center;
443
  background-size: cover;
444
}
445

    
446
/* line 297, ../sass/style.scss */
447
.bio-banner {
448
  padding-top: 1px;
449
  background: url(../imgs/bio-banner.png) no-repeat center;
450
  background-size: cover;
451
}
452

    
453
/* line 303, ../sass/style.scss */
454
.eng-banner {
455
  padding-top: 1px;
456
  background: url(../imgs/eng-banner.png) no-repeat center;
457
  background-size: cover;
458
}
459

    
460
/* line 309, ../sass/style.scss */
461
.nursing-banner {
462
  padding-top: 1px;
463
  background: url(../imgs/nursing-banner.jpg) no-repeat center;
464
  background-size: cover;
465
}
466

    
467
/* line 315, ../sass/style.scss */
468
.sv-banner {
469
  padding-top: 1px;
470
  background: url(../imgs/sv-banner.jpg) no-repeat center;
471
  background-size: cover;
472
}
473

    
474
/* line 321, ../sass/style.scss */
475
.ahead-banner {
476
  padding-top: 1px;
477
  background: url(../imgs/ahead-banner.jpg) no-repeat center;
478
  background-size: cover;
479
}
480

    
481
/* line 327, ../sass/style.scss */
482
.ref-banner {
483
  padding-top: 1px;
484
  background: url(../imgs/ref-banner.jpg) no-repeat center;
485
  background-size: cover;
486
}
487

    
488
/* line 333, ../sass/style.scss */
489
.banner-text {
490
  color: #eee;
491
  text-align: center;
492
  text-shadow: 2px 2px 5px #444;
493
}
494

    
495
/* line 339, ../sass/style.scss */
496
.pull {
497
  float: right;
498
  margin-top: -12px;
499
  margin-right: -150px;
500
  margin-bottom: 12px;
501
  margin-left: 15px;
502
  width: 250px;
503
  text-align: left;
504
  font-size: 1.5em;
505
  color: #655c9d;
506
}
507

    
508
/* line 351, ../sass/style.scss */
509
.video-container {
510
  position: relative;
511
  padding-bottom: 56.25%;
512
  padding-top: 30px;
513
  height: 0;
514
  overflow: hidden;
515
}
516
/* line 359, ../sass/style.scss */
517
.video-container iframe {
518
  position: absolute;
519
  top: 0;
520
  left: 0;
521
  width: 100%;
522
  height: 100%;
523
}
524

    
525
/* line 368, ../sass/style.scss */
526
.full-img {
527
  width: 100%;
528
  margin-left: -10px;
529
  border: 10px solid rgba(165, 165, 165, 0.4);
530
}
531

    
532
/* line 374, ../sass/style.scss */
533
.widescreen-img {
534
  width: 100%;
535
  margin-left: -10px;
536
  border: 10px solid rgba(165, 165, 165, 0.4);
537
}
538

    
539
/* line 380, ../sass/style.scss */
540
.mobile-img {
541
  width: 100%;
542
  border: 10px solid rgba(165, 165, 165, 0.4);
543
  margin-left: -10px;
544
}
545

    
546
/* line 386, ../sass/style.scss */
547
.pull-img {
548
  float: right;
549
  margin-left: 10px;
550
  width: 200px;
551
  height: 200px;
552
}
553

    
554
/* line 393, ../sass/style.scss */
555
.mobile-pull-img {
556
  margin: 0px auto;
557
  width: 200px;
558
  height: 200px;
559
}
    (1-1/1)