-
Notifications
You must be signed in to change notification settings - Fork 2
/
styles.less
220 lines (183 loc) · 7.87 KB
/
styles.less
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
@video-width: 480px;
@video-height: (@video-width * 9 / 16);
@import 'packages/less-bootstrap-3/lib/less/bootstrap.import.less';
@super-dark: #242324;
@dark: #3f3d3e;
@medium: #464445;
@light: #bdb7af;
@super-light: #e8e8e8;
@bright: #d79741;
@font-face {
font-family: 'Glyphicons Halflings';
src: url('fonts/glyphicons-halflings-regular.eot');
src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
body {
background-color: @dark;
}
.main-nav {
margin-top: 30px;
display: table;
}
.site-header {
background-color: @medium;
height: 100px;
}
.sub-header {
background-color: @dark;
height: 60px;
.container-fluid {
height: inherit;
}
.navbar-nav {
margin-left: 20px;
a {
margin-right: 10px;
font-size: 14px;
}
}
.fa {
font-size: 1.3em;
}
}
.header-logo {
color: @super-light;
width: 600px;
display: block;
margin-left: 20px;
margin-top: 15px;
}
.navbar-wrapper {
display: table-cell;
vertical-align: middle;
text-align: right;
width: 100%;
}
.navbar-nav {
float: none;
margin-right: 15px;
margin-top: 20px;
}
a {
font-size: 14px;
margin-right: 25px;
color: @light;
&:hover {
text-decoration: none;
color: @bright;
}
&.active {
color: @bright;
}
}
.video-player {
z-index: 1000; // so we override other z-index hacks
.container-fluid {
background-color: @super-dark;
}
&.stuck {
position: fixed;
top: 0;
width: 100%;
}
.video-wrapper {
.video-js {
margin: 0 0;
float: right;
}
.video-poster {
float: left;
}
}
}
.speaker-bio {
background-color: @medium;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NUMzRDJFN0UwREExMUUzQUNGOUYyNDc3QzUyMzU5QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NUMzRDJFOEUwREExMUUzQUNGOUYyNDc3QzUyMzU5QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhCN0EzQkNBRTBEODExRTNBQ0Y5RjI0NzdDNTIzNTlCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU1QzNEMkU2RTBEQTExRTNBQ0Y5RjI0NzdDNTIzNTlCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Qv1i8gAAACVJREFUeNpiYGBgEAFihv///8MxHCBxRNAFRRiQteFWAQUAAQYA29MYTadKr1UAAAAASUVORK5CYII=);
background-repeat: repeat;
background-position: 0 0;
height: 200px;
.container-fluid {
padding-left: 0px;
padding-right: 0px;
}
.speaker-photo {
max-height: 300px;
overflow: hidden;
}
.speaker-bio-section {
/* n/a */
}
}
.app-centered {
width: (@video-width * 2);
display: block;
margin-left: auto;
margin-right: auto;
}
.left-subpart {
float: left;
width: 30%;
}
.right-subpart {
float: right;
width: 70%;
}
.subpart-text {
padding: 5px 20px 5px;
color: @light;
}
.tech-talk {
margin-top: 2em;
}
.tech-talk-outline {
.talk-title {
color: #fff;
font-size: 16px;
}
.talk-outline-title {
font-size: 18px;
}
.talk-outline {
padding-left: 10px;
list-style: none;
}
& .inner.stuck {
position: fixed;
top: @video-height;
width: (@video-width * 0.3 * 2)
}
}
.tech-talk-transcript p {
cursor: pointer;
cursor: hand;
}
.lorem {
color: @light;
}
.footer {
height: 100px;
}
.time-mark {
background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gYMBCQXVERRWgAAAfpJREFUOMullT1oFUEQx3/3TIpAQHdTrCiScAciwomQFFYRggF5+IFYiBiw1EYEsbITCwsRFQWxsbFRtFAiyEMLRRAJKugiAWGXKGqxFqMRi4AkNvtgOd7HPZzyN/ufnZubnYH/tHWDCsq8OGeUnggiHwCyAcWngKtAAzgPXMwGEB8B7lbwiaymeBa4D6xP8Ftgf1ZDPAU8AjYleBFoWu+Wsj7iCaAFbE3wN+CA9e5dzyKWeaGjeCrBy1H8og0aXcSjwO2KeA04noo7BijzogHcBA4meAU4bb17WD3fKYNLwFyFXbHeXe+UbVa5/QxwuXLmlvXuZLdaNRLxXLw9tXngbK8/lUVxE7gHjCa+58A+692fngHKvBgBXgE7E/4b2GO9W+j7Go3Sq8CPWPWhyIeBMaN0K4is9AwQRNaCyKJR+ifQTD5tOzAWROZrzYMgsmCUHgamE/+kUXpDEGnVGihG6ZeAASYTvMso/SuIvO4bIIisGqWfASWwLXHtNUovBZH3fUdaEPlrlH4CzACbE9eMUfpjEPnUtRMrXbkFeAzsSPBX4JD17k3fADFIGbtxPMGfgWnr3Zeuz7lt1jsLHIuN1bZx4EGZFxtrT+UyLw4Dd4CRBD8FjtbaC7HRloHZJOsC+F57scRGGwJ2R3QDuDbwKivz4kJcMAD8A6xEmduZRLuiAAAAAElFTkSuQmCC') no-repeat right 5px center;
background-size: 10px 18px;
margin-top: -7px;
margin-right: -20px;
padding: 5px 9px;
padding-right: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: absolute;
right: 100px;
z-index: 100;
font-size: 13px;
background-color: @light;
color: @super-dark;
width: 80px;
height: 30px;
&.current {
background-color: transparent;
z-index: 200;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFOUJFMkY1OEUzQUIxMUUzQTYzQkVDMENFRkZFQUJDMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFOUJFMkY1OUUzQUIxMUUzQTYzQkVDMENFRkZFQUJDMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU5QkUyRjU2RTNBQjExRTNBNjNCRUMwQ0VGRkVBQkMwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU5QkUyRjU3RTNBQjExRTNBNjNCRUMwQ0VGRkVBQkMwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8fn1BQAAA5pJREFUeNqMVFtMFFcY/ufMDOywN6E81AXRpMBWpZYYEqsRk03gRVyqATXIpiRNTJ8IhkCJi00hFGjdKkaNtwejriQmsgGCiElTr31qtBRNQ+HBC7hraRvWvcCyM7Mz/c8IWzXsLn8y2T2T833/95/vm8MoigLBYBDob6qKSgoYdaz2PyyqYMpIB46CbTYbzMzMJAXHFBUy9Rx4mgqduJyu7P7DXVaxFzja2efzpSRIIwDXWq31Gz4IdeCSuOyxj0YigW5mdnYWioqKNJJEZc5gob/Zut9WbL4mhmUAFQnZeYD8fV9xqeYWeAJDzYXlpZvM5+PgdAJe38KjG8/+HkpKsHoVD70N+SWlxasuIdhM3xGOAW9AGrcfe1adu8X/iiQjKCsyrbOVZPUi2LL0jjNy3lsP/Y7Rl8rzLDzUhASf5RuyTny57roclArjB5nBBe8/9Nc2uqd+o2uVKloOXGo1Gm4e+fgi2laiKOobsIFT7zwO1FW6Ju8FI7H4Xm6ZzmTYaT2LgflcjGK4GK1z9MHvr5sruiYGItK7gdMUMP93BuzsMuhYhygugg0cYOceu2vy1PvguIIIbt5WoIfhw9ZGo8A2LnXmMT23H70+v+uHicPLgTUFNKJ0Juee1Q6jmXctdWZQGyOwQ5393qZEYE2BKKtw/Iu8neWfMmfRrvhIvI6967z4vOb+eGgumdXEkp0u1O+2dEJMNcRZdWzoaJ+3pXvANycvupCQIBCWo2N/hr5LE9ho/MsTFf2BHdlfb8nXm1NFnYQjMaXyx0nPz2OBJnritNB7kpOVVjVyZL2LOpOUQK8jEI4oUNE9cRq97kQlWsQkdCJTYA9iJnowG4kJVNysQ7uiGC70un306dwFXiDaSVJHMBOHbn6z/tAna4TlCd5eBOZj0pU7/zQwPBkki+nSlJi4ntrt2XUpCWidGPlroc09VcfpuV9pFqgSCe+Blr25J527LfaUBLTaPd5A6+UX1XwG95gqoUZKEdnUWbf2TFtVTklKAlpdA77p9qtTDlTygipRMYzynJz7rSOvD5XkaW6pSQhotXm8T1BJLS9wIWYRIM3La1FJX0OZ4cMQfgIrulS/r1lT1bIv1y2GZIGeCR2LkcI/jensNQRWUL2//OvxB+UWPp3IcekMlG/eaHKsiODJdAR2doyfCi/EutLwlqaPzy+ePjf4yg10BIvFshIe2FpggJcXNnfgU78ph0BlVS38J8AAPdaOSeYCsHIAAAAASUVORK5CYII=");
}
}