1
|
* {
|
2
|
font-size: inherit;
|
3
|
font-family: inherit;
|
4
|
}
|
5
|
|
6
|
@font-face {
|
7
|
font-family: Helvetica Neue;
|
8
|
src: url("Porcospino.eot");
|
9
|
src: local("Helvetica Neue Light"), local("HelveticaNeue-Light"), url("Porcospino.woff") format("woff"), url("Porcospino.ttf") format("truetype"), url("Porcospino.svg#HelveticaNeue-Light") format("svg");
|
10
|
}
|
11
|
|
12
|
|
13
|
body {
|
14
|
height: 100%;
|
15
|
margin: 40px;
|
16
|
background-color: #f3f1e5;
|
17
|
|
18
|
font: 300 100.01%/1.5 "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
|
19
|
|
20
|
font-size: 16px;
|
21
|
color: #333;
|
22
|
}
|
23
|
|
24
|
|
25
|
h1 {
|
26
|
margin-top: 35px;
|
27
|
font-size: 38px;
|
28
|
padding:0;
|
29
|
}
|
30
|
|
31
|
h1.title {
|
32
|
font-size: 52px;
|
33
|
margin-bottom: 0;
|
34
|
}
|
35
|
|
36
|
|
37
|
h2 {
|
38
|
margin-top: 35px;
|
39
|
font-size: 28px;
|
40
|
border-bottom: 1px solid #666;
|
41
|
}
|
42
|
h3 {
|
43
|
margin-top: 35px;
|
44
|
font-size: 20px;
|
45
|
font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
|
46
|
font-weight: 200;
|
47
|
}
|
48
|
|
49
|
h4 {
|
50
|
margin-top: 35px;
|
51
|
font-size: 18px;
|
52
|
font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
|
53
|
font-weight: 200;
|
54
|
}
|
55
|
|
56
|
code, pre, span.command {
|
57
|
font-family:'andale mono','lucida console', monospace;
|
58
|
font-size:1em;
|
59
|
}
|
60
|
|
61
|
table {
|
62
|
border-collapse: collapse;
|
63
|
}
|
64
|
|
65
|
table th {
|
66
|
background-color: #3E6B99;
|
67
|
color: white;
|
68
|
padding: 4px
|
69
|
}
|
70
|
|
71
|
table td {
|
72
|
padding: 4px;
|
73
|
}
|
74
|
|
75
|
|
76
|
a {
|
77
|
color:#3E6B99;
|
78
|
font-weight:bold;
|
79
|
text-decoration:none;
|
80
|
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
|
81
|
|
82
|
}
|
83
|
|
84
|
a:visited {
|
85
|
color:#3E6B99;
|
86
|
}
|
87
|
|
88
|
a:hover {
|
89
|
color:#5184B9;
|
90
|
}
|
91
|
|
92
|
|
93
|
span.command {
|
94
|
white-space:nowrap;
|
95
|
}
|
96
|
|
97
|
pre.programlisting {
|
98
|
background-color: #FFFFDD;
|
99
|
border: 1px solid #DDDD00;
|
100
|
padding: 10px;
|
101
|
}
|
102
|
|
103
|
|
104
|
.authorgroup {
|
105
|
font-size: 80%;
|
106
|
margin-top: 24px;
|
107
|
margin-left: 64px;
|
108
|
}
|
109
|
|
110
|
.authorgroup h3 {
|
111
|
margin-bottom: 4px;
|
112
|
}
|
113
|
|
114
|
.author {
|
115
|
margin: 0;
|
116
|
margin-bottom: 4px;
|
117
|
}
|
118
|
|
119
|
.affiliation {
|
120
|
margin-top: 2px;
|
121
|
}
|
122
|
|
123
|
.code, .screen {
|
124
|
white-space: pre-line;
|
125
|
margin: 12px;
|
126
|
display: block;
|
127
|
margin-right: 8px;
|
128
|
margin-left: 8px;
|
129
|
padding: 8px;
|
130
|
width: 100%;
|
131
|
|
132
|
}
|
133
|
|
134
|
|
135
|
|
136
|
|
137
|
.code, .screen, .note, .programlisting {
|
138
|
border: 1px solid #FFFFFF;
|
139
|
|
140
|
-moz-border-radius: 8px;
|
141
|
-webkit-border-radius: 8px;
|
142
|
-khtml-border-radius: 8px;
|
143
|
border-radius: 8px;
|
144
|
|
145
|
-moz-box-shadow: 3px 3px 5px #DFDFDF;
|
146
|
-webkit-box-shadow: 3px 3px 5px #DFDFDF;
|
147
|
-khtml-box-shadow: 3px 3px 5px #DFDFDF;
|
148
|
-o-box-shadow: 3px 3px 5px #DFDFDF;
|
149
|
box-shadow: 3px 3px 5px #DFDFDF;
|
150
|
|
151
|
-moz-box-shadow: 2px 2px 4px #666;
|
152
|
-webkit-box-shadow: 2px 2px 4px #666;
|
153
|
box-shadow: 2px 2px 4px #666;
|
154
|
|
155
|
}
|
156
|
|
157
|
.code { background-color: #777777; }
|
158
|
.screen { background-color: #fff8e3; }
|
159
|
.note { background-color: #fff8e3; margin-top: 24px; padding: 8px; padding-top: 0px; padding-bottom: 0px;}
|
160
|
.note p { margin-left: 16px; margin-top: 4px; }
|
161
|
.note h3 { margin-top: 8px; margin-bottom: 8px;}
|
162
|
|
163
|
.note .screen, .code {
|
164
|
width: auto;
|
165
|
}
|
166
|
.note .screen {
|
167
|
background-color: #fff7d3;
|
168
|
}
|
169
|
|
170
|
.prompt {
|
171
|
-webkit-user-select:none;
|
172
|
-moz-user-select:-moz-none;
|
173
|
user-select: none;
|
174
|
}
|
175
|
|
176
|
video
|
177
|
{
|
178
|
/*width: 400px; */
|
179
|
height: 300px;
|
180
|
|
181
|
-moz-box-shadow: 3px 3px 5px #444;
|
182
|
-webkit-box-shadow: 3px 3px 5px #444;
|
183
|
-khtml-box-shadow: 3px 3px 5px #444;
|
184
|
-o-box-shadow: 3px 3px 5px #444;
|
185
|
box-shadow: 3px 3px 5px #444;
|
186
|
|
187
|
}
|
188
|
|
189
|
video.active
|
190
|
{
|
191
|
position: fixed;
|
192
|
margin-left: auto;
|
193
|
margin-right: auto;
|
194
|
top: 40px;
|
195
|
left: 0;
|
196
|
right: 0;
|
197
|
bottom: 0;
|
198
|
/*width: 90%; */
|
199
|
height: 90%;
|
200
|
z-index: 7;
|
201
|
}
|
202
|
|
203
|
#videonav
|
204
|
{
|
205
|
position: fixed;
|
206
|
top: 0;
|
207
|
left: 0;
|
208
|
display: none;
|
209
|
z-index: 10;
|
210
|
}
|
211
|
|
212
|
#overlay
|
213
|
{
|
214
|
position: fixed;
|
215
|
display: none;
|
216
|
opacity: 0.5;
|
217
|
top: 0;
|
218
|
left: 0;
|
219
|
background-color: black;
|
220
|
width: 100%;
|
221
|
height: 100%;
|
222
|
z-index: 5;
|
223
|
}
|
224
|
|
225
|
|
226
|
.set {
|
227
|
margin-left: 160px;
|
228
|
margin-right: 100px;
|
229
|
}
|
230
|
|
231
|
h1,h2,h3,h4 {
|
232
|
margin-left: -40px;
|
233
|
}
|
234
|
|
235
|
div.note h3 {
|
236
|
margin-left: inherit;
|
237
|
}
|