1 |
26600
|
sandro.lab
|
* {
|
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 |
|
|
}
|