|
1 /* Resetting the usual suspects */ |
|
2 |
|
3 html, body, div, span, applet, object, iframe, |
|
4 h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
5 a, abbr, acronym, address, big, cite, code, |
|
6 del, dfn, em, img, ins, kbd, q, s, samp, |
|
7 small, strike, strong, sub, sup, tt, var, |
|
8 b, u, i, center, |
|
9 dl, dt, dd, ol, ul, li, |
|
10 fieldset, form, label, legend, |
|
11 table, caption, tbody, tfoot, thead, tr, th, td, |
|
12 article, aside, canvas, details, embed, |
|
13 figure, figcaption, footer, header, hgroup, |
|
14 menu, nav, output, ruby, section, summary, |
|
15 time, mark, audio, video { |
|
16 margin: 0; |
|
17 padding: 0; |
|
18 border: 0; |
|
19 font-size: 100%; |
|
20 font: inherit; |
|
21 vertical-align: baseline; |
|
22 } |
|
23 |
|
24 ul, li { |
|
25 list-style: none; |
|
26 } |
|
27 |
|
28 input::-moz-focus-inner /*Remove button padding in FF*/ |
|
29 { |
|
30 border: 0; |
|
31 padding: 0; |
|
32 } |
|
33 |
|
34 table { |
|
35 border-collapse: separate; border-spacing: 0; |
|
36 } |
|
37 |
|
38 th, td { |
|
39 vertical-align: top; |
|
40 } |
|
41 |
|
42 img a { |
|
43 border: none; |
|
44 } |
|
45 |
|
46 html { |
|
47 overflow: hidden; |
|
48 } |
|
49 |
|
50 /* End of the reset part */ |
|
51 |
|
52 body { |
|
53 background: #000000; font-family: Helvetica, Arial, sans-serif; |
|
54 } |
|
55 |
|
56 /* Top Bar */ |
|
57 |
|
58 .top-bar { |
|
59 height: 40px; |
|
60 } |
|
61 |
|
62 /* Main Video Frame */ |
|
63 |
|
64 .main-video { |
|
65 height: 562px; |
|
66 } |
|
67 |
|
68 .project-title { |
|
69 text-align: center; line-height: 40px; font-size: 17px; color: #b0b0b0; font-weight: bold; |
|
70 } |
|
71 |
|
72 .tags { |
|
73 position: absolute; top: 0; left: 0; width: 110px; |
|
74 } |
|
75 |
|
76 .tags-title { |
|
77 line-height: 40px; padding-left: 20px; font-size: 11px; color: #B8155F; font-weight: bold; text-transform: uppercase; |
|
78 } |