Custom styles not working with deck.js

Question

I'm creating a presentation using deck.js, the problem that I'm having is that whenever I try to use custom styles eg to add border to tables or to use google code prettify, it has absolutely no effect. The presentation can be found here.

Edit: I have the following snippet for displaying source code.

<code class="prettyprint">
chmod 000 filename
cat filename
</code>

How exactly is this affected by the CSS Specificity issue?

Answer 1

Most deck styles are scoped under .deck-container. As in: .deck-container pre { ... }. Your custom styles probably do not have enough specificity to override this. Adjust accordingly.