forked from svmiller/svm-r-markdown-templates
-
Notifications
You must be signed in to change notification settings - Fork 0
/
svm-xaringan-style.css
109 lines (77 loc) · 2.01 KB
/
svm-xaringan-style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
/* Let's load some fonts */
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
/* Generic stuff */
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
body { font-family: 'Open Sans' }
.grViz {
margin-left:auto; margin-right:auto; display:block;
}
/* Pretty sure this is all me messing with the title slide */
div.remark-slide-container h1 {
font-family: 'Titillium Web', sans-serif;
color: #522D80;
letter-spacing: -1px;
font-size: 36px;
}
.inverse h1 {
line-height: 0.5em;
}
.title-slide h1 {
margin-top: -130px;
}
div.remark-slide-container h2 {
font-family: 'Open Sans', sans-serif;
color: #522D80;
letter-spacing: -1px;
font-size: 20px
}
div.remark-slide-container h3 {
font-family: 'Open Sans', sans-serif;
color: #000;
letter-spacing: -1px;
font-size: 18px;
padding-top: 50px
}
.title-slide {
background-color: #fff;
background-image: url(/home/steve/Dropbox/teaching/clemson-academic.png);
background-position: center bottom 170px;
background-size: 30%;
border-bottom: 0px solid #522D80;
box-shadow: 0 55px 0 #fff;
}
.title-slide .remark-slide-number {
display: none;
}
/* Hmm. How about the slide number. */
.remark-slide-number {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #522D80;
}
/* Okay, now let's add a simple bottom border */
div.remark-slide {
border-bottom: 3px solid #522D80;
box-shadow: 0 5px 0 #F66733;
}
/* Let's play with .inverse and a new class, .fullscale, a little more */
.inverse {
color: #fafafa;
text-shadow: 0 0 0px #333;
}
div.remark-slide-container .fullscale {
color: #d6d6d6;
text-shadow: 0 0 20px #333;
}
div.remark-slide-container .fullscale h1 {
color: #fff;
}
div.remark-slide-container .fullscale p {
color: #000;
}
.remark-slide-content {
font-size: 18px;
text-shadow: 0 0 0px #333;
}