Skip to content

Commit 1208466

Browse files
author
Michael Donohoe
committed
Update styles.css
1 parent e10b17c commit 1208466

File tree

1 file changed

+255
-1
lines changed

1 file changed

+255
-1
lines changed

‎open/styles.css

+255-1
Original file line numberDiff line numberDiff line change
@@ -1 +1,255 @@
1-
1+
/* Custom CSS */
2+
3+
#header {
4+
width: 600px;
5+
}
6+
7+
#header .logo img {
8+
width: 36px;
9+
vertical-align: sub;
10+
margin-right: 7px;
11+
margin-bottom: 1px;
12+
}
13+
14+
#header p {
15+
color: #FFF;
16+
opacity: 0.8;
17+
}
18+
19+
.page-menu {
20+
z-index: 2000;
21+
position: absolute;
22+
top: 190px;
23+
left: 0;
24+
right: 0;
25+
}
26+
27+
.page-menu a {
28+
font-size: 12px;
29+
}
30+
31+
div.post .copy {
32+
font-family: 'Helvetica Neue', Helvetica, Arial;
33+
font-size: 16px;
34+
}
35+
36+
div.post img {
37+
margin: 2px 0 20px 2px;
38+
}
39+
40+
div.post img.blueBorder {
41+
border: 1px solid lightgray;
42+
}
43+
44+
45+
/* Code */
46+
47+
div.post .copy pre {
48+
font-size: 12px;
49+
padding: 2px 0 2px 15px;
50+
border: 4px solid #BBB;
51+
border-top: 0;
52+
border-right: 0;
53+
border-bottom: 0;
54+
margin: 0px 0 25px;
55+
font-family: Monaco, Consolas, "Lucida Console", monospace;
56+
line-height: 18px;
57+
font-style: normal;
58+
overflow: hidden;
59+
overflow-x: scroll;
60+
tab-size: 4;
61+
}
62+
63+
/* --- Video --- */
64+
65+
#big-video-vid,#big-video-image {
66+
position: absolute;
67+
}
68+
69+
#big-video-control-container {
70+
position: fixed;
71+
bottom: 20px;
72+
padding: 0 20px;
73+
width: 100%;
74+
-webkit-transition-duration: 0.6s;
75+
-moz-transition-duration: 0.6s;
76+
-ms-transition-duration: 0.6s;
77+
-o-transition-duration: 0.6s;
78+
transition-duration: 0.6s;
79+
}
80+
81+
#big-video-control {
82+
width: 100%;
83+
height: 16px;
84+
position: relative;
85+
}
86+
87+
#big-video-control-middle {
88+
margin: 0 56px 0 24px;
89+
}
90+
91+
#big-video-control-bar {
92+
width: 100%;
93+
height: 16px;
94+
position: relative;
95+
cursor: pointer;
96+
}
97+
98+
#big-video-control-progress {
99+
position: absolute;
100+
top: 7px;
101+
height: 3px;
102+
width: 0%;
103+
background: #fff;
104+
}
105+
106+
#big-video-control-track {
107+
position: absolute;
108+
top: 8px;
109+
height: 1px;
110+
width: 100%;
111+
background: #fff;
112+
}
113+
114+
#big-video-control-bound-left {
115+
left: 0;
116+
}
117+
118+
#big-video-control-bound-right {
119+
right: -1px
120+
}
121+
122+
#big-video-control-track .ui-slider-handle {
123+
opacity: 0;
124+
}
125+
126+
#big-video-control-playhead {
127+
left: 30%;
128+
}
129+
130+
#big-video-control-play {
131+
position: absolute;
132+
top: 0;
133+
left: 0;
134+
height: 16px;
135+
width: 16px;
136+
background-image: url('bigvideo.png');
137+
}
138+
139+
#big-video-control-timer {
140+
position: absolute;
141+
top: 1px;
142+
right: 0;
143+
color: #fff;
144+
font-size: 11px;
145+
}
146+
147+
#big-video-control-playhead,#big-video-control-bound-left,#big-video-control-bound-right {
148+
position: absolute;
149+
top: 0;
150+
height: 16px;
151+
width: 1px;
152+
background: #fff;
153+
}
154+
155+
#big-video-control .ui-slider-handle {
156+
border-left: solid 1px #fff;
157+
width: 16px;
158+
height: 16px;
159+
position: absolute;
160+
top: -8px;
161+
}
162+
163+
.transparent {
164+
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
165+
filter: alpha(opacity=0);
166+
-moz-opacity: 0;
167+
-khtml-opacity: 0;
168+
opacity: 0;
169+
}
170+
171+
.vjs-big-play-button {
172+
display: none !important;
173+
}
174+
175+
#big-video-wrap {
176+
overflow: hidden;
177+
position: fixed;
178+
height: 170px;
179+
width: 100%;
180+
top: 0;
181+
left: 0;
182+
}
183+
184+
#big-video-vid {
185+
width: 100% !important;
186+
display: block;
187+
position: relative;
188+
}
189+
190+
#big-video-vid video {
191+
position: absolute;
192+
width: 100%;
193+
left: 0px;
194+
}
195+
196+
/* Video Pages */
197+
.wrapper {
198+
position: absolute;
199+
width: 300%;
200+
height: 174px;
201+
z-index: 0;
202+
}
203+
204+
.screen {
205+
position: relative;
206+
width: 100%;
207+
/* NOTE: numVideos/100% */
208+
;
209+
float: left;
210+
overflow: hidden;
211+
}
212+
213+
.big-image {
214+
position: fixed;
215+
top: 0;
216+
left: 0;
217+
width: 901px;
218+
z-index: 2100;
219+
width: 100%;
220+
}
221+
222+
.video-title {
223+
position: absolute;
224+
top: 5%;
225+
right: 5%;
226+
opacity: .5;
227+
margin: 40px 0 0 0;
228+
padding: 0;
229+
line-height: .65;
230+
font-size: 4em;
231+
text-transform: uppercase;
232+
}
233+
234+
#header-container {
235+
height: 170px;
236+
overflow: hidden;
237+
padding: 0;
238+
margin: 0;
239+
}
240+
241+
#video-background {
242+
width: 100%;
243+
z-index: 100;
244+
position: absolute;
245+
height: 170px;
246+
overflow: hidden;
247+
}
248+
249+
#header {
250+
z-index: 900;
251+
position: absolute;
252+
left: 0;
253+
right: 0;
254+
top: 0;
255+
}

0 commit comments

Comments
 (0)