cscotta (owner)

Revisions

gist: 9220 Download_button fork
public
Public Clone URL: git://gist.github.com/9220.git
Embed All Files: show embed
YouTube Player.css #
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
/* Custom YouTube Player Stylesheet for Firefox ---------
by C. Scott Andreas (http://www.paradoxica.net)
Sept. 6, 2008. Creative Commons + Attribution License.
How to Use:
(1) Download and install the Stylish add-on for Firefox at
https://addons.mozilla.org/en-US/firefox/addon/2108
(2) Browse to a YouTube clip (on YouTube, not embedded)
such as http://www.youtube.com/watch?v=AcpJMBBUvys
(3) Click the Tools menu in Firefox's Menu Bar and choose
Tools >> Stylish >> Write Style >> Blank Style.
(4) Type "YouTube + Extra Awesome" in the description box,
then paste this entire file into the large text box
and click Save.
--------------------------------------------------------*/
 
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.youtube.com/watch) {
 
  /* CSS Reset by Eric Meyer - http://meyerweb.com/ */
  html { margin-top: -30px; height: 100%; overflow: hidden; }
  span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins,
  kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
  dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button,
  table, caption, tbody, tfoot, thead, tr, th, td {
    position: absolute;
    text-indent: -9999px;
    display: none;
    border: 0 !important;
    background: none !important;
  }
 
  div {
    border: 0 !important;
    background: none !important;
    overflow: hidden !important;
  }
 
  #watch-this-vid, #watch-player-div, #movie_player, embed {
    width: 766px !important;
    height: 600px !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }
 
  div.title {
    color: #eee;
    font-family: 'Calibri', 'Trebuchet MS', Verdana, Helvetica;
    position: relative;
    left: 45px;
  }
 
  body, div { background: #222228 !important; }
  #watch-player-div { position: absolute !important; left: 45px; }
  #watch-video-quality-setting, #footer, #copyright, #recent_comments, #watch-comment-post,
  #watch-active-sharing, #watch-channel-stats, #watch-rating-div, #watch-channel-brand-div, .confirmBox { display: none !important; }
 
}