Applying CSS to HTML5 Fullscreen API?

[khemgani]

I am trying this example for the full-screen API. Is it possible to apply CSS to the full screen element (eg. \[code\]"#box"\[/code\])? For example I want to display some text in the full-screen, so I would like to have its width 80% of the screen and add some padding there.Also, is it possible to style an element only when it is in the full-screen mode? Thanks.I have tried this:\[code\]#box:-webkit-full-screen { width: 50%; height: 50%; background: #FFFFFF !important; } #box:-moz-full-screen { width: 50%; height: 50%; background: #FFFFFF !important; }\[/code\]This works on chrome, but Firefox ignores the width.