Skip to content

Instantly share code, notes, and snippets.

@cscotta
Created September 7, 2008 01:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cscotta/9219 to your computer and use it in GitHub Desktop.
Save cscotta/9219 to your computer and use it in GitHub Desktop.
/* Custom YouTube Player Stylesheet for Firefox
by C. Scott Andreas (http://www.paradoxica.net)
Sept. 6, 2008. Creative Commons + Attribution License.
How do I use it?
--------------------------------------------------------
(1) Download and install the Stylish add-on for Firefox:
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. Enjoy!
-------------------------------------------------------- */
@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;
}
div.title { color: #eee; font-family: 'Calibri', 'Trebuchet MS', Verdana, Helvetica; }
body, div { background: #222228 !important; }
#watch-this-vid, #watch-player-div, #movie_player, embed {
width: 870px !important;
height: 678px !important;
padding: 0 !important;
margin: 0 !important;
}
#watch-player-div { position: absolute !important; }
#watch-video-quality-setting { display: none !important; }
#footer, #copyright, #recent_comments, #watch-channel-stats { display: none !important; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment