remove harcoded syntax highlight colors #1290

This commit is contained in:
Hakim El Hattab 2015-07-02 14:58:47 +02:00
parent 2de01e3219
commit 523f78eda7
13 changed files with 17 additions and 41 deletions

View File

@ -146,9 +146,7 @@ body {
padding: 5px; padding: 5px;
overflow: auto; overflow: auto;
max-height: 400px; max-height: 400px;
word-wrap: normal; word-wrap: normal; }
background: #3F3F3F;
color: #DCDCDC; }
.reveal table { .reveal table {
margin: auto; margin: auto;

View File

@ -142,9 +142,7 @@ body {
padding: 5px; padding: 5px;
overflow: auto; overflow: auto;
max-height: 400px; max-height: 400px;
word-wrap: normal; word-wrap: normal; }
background: #3F3F3F;
color: #DCDCDC; }
.reveal table { .reveal table {
margin: auto; margin: auto;

View File

@ -145,9 +145,7 @@ body {
padding: 5px; padding: 5px;
overflow: auto; overflow: auto;
max-height: 400px; max-height: 400px;
word-wrap: normal; word-wrap: normal; }
background: #3F3F3F;
color: #DCDCDC; }
.reveal table { .reveal table {
margin: auto; margin: auto;

View File

@ -148,9 +148,7 @@ body {
padding: 5px; padding: 5px;
overflow: auto; overflow: auto;
max-height: 400px; max-height: 400px;
word-wrap: normal; word-wrap: normal; }
background: #3F3F3F;
color: #DCDCDC; }
.reveal table { .reveal table {
margin: auto; margin: auto;

View File

@ -146,9 +146,7 @@ body {
padding: 5px; padding: 5px;
overflow: auto; overflow: auto;
max-height: 400px; max-height: 400px;
word-wrap: normal; word-wrap: normal; }
background: #3F3F3F;
color: #DCDCDC; }
.reveal table { .reveal table {
margin: auto; margin: auto;

View File

@ -140,9 +140,7 @@ body {
padding: 5px; padding: 5px;
overflow: auto; overflow: auto;
max-height: 400px; max-height: 400px;
word-wrap: normal; word-wrap: normal; }
background: #3F3F3F;
color: #DCDCDC; }
.reveal table { .reveal table {
margin: auto; margin: auto;

View File

@ -142,9 +142,7 @@ body {
padding: 5px; padding: 5px;
overflow: auto; overflow: auto;
max-height: 400px; max-height: 400px;
word-wrap: normal; word-wrap: normal; }
background: #3F3F3F;
color: #DCDCDC; }
.reveal table { .reveal table {
margin: auto; margin: auto;

View File

@ -142,9 +142,7 @@ body {
padding: 5px; padding: 5px;
overflow: auto; overflow: auto;
max-height: 400px; max-height: 400px;
word-wrap: normal; word-wrap: normal; }
background: #3F3F3F;
color: #DCDCDC; }
.reveal table { .reveal table {
margin: auto; margin: auto;

View File

@ -149,9 +149,7 @@ body {
padding: 5px; padding: 5px;
overflow: auto; overflow: auto;
max-height: 400px; max-height: 400px;
word-wrap: normal; word-wrap: normal; }
background: #3F3F3F;
color: #DCDCDC; }
.reveal table { .reveal table {
margin: auto; margin: auto;

View File

@ -146,9 +146,7 @@ body {
padding: 5px; padding: 5px;
overflow: auto; overflow: auto;
max-height: 400px; max-height: 400px;
word-wrap: normal; word-wrap: normal; }
background: #3F3F3F;
color: #DCDCDC; }
.reveal table { .reveal table {
margin: auto; margin: auto;

View File

@ -178,8 +178,6 @@ body {
overflow: auto; overflow: auto;
max-height: 400px; max-height: 400px;
word-wrap: normal; word-wrap: normal;
background: #3F3F3F;
color: #DCDCDC;
} }
.reveal table { .reveal table {

View File

@ -142,9 +142,7 @@ body {
padding: 5px; padding: 5px;
overflow: auto; overflow: auto;
max-height: 400px; max-height: 400px;
word-wrap: normal; word-wrap: normal; }
background: #3F3F3F;
color: #DCDCDC; }
.reveal table { .reveal table {
margin: auto; margin: auto;

View File

@ -189,16 +189,16 @@
</section> </section>
<section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png"> <section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png">
<h2>Image Backgrounds</h2> <h2>Image Backgrounds</h2>
<pre><code>&lt;section data-background="image.png"&gt;</code></pre> <pre><code class="hljs">&lt;section data-background="image.png"&gt;</code></pre>
</section> </section>
<section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png" data-background-repeat="repeat" data-background-size="100px"> <section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png" data-background-repeat="repeat" data-background-size="100px">
<h2>Tiled Backgrounds</h2> <h2>Tiled Backgrounds</h2>
<pre><code style="word-wrap: break-word;">&lt;section data-background="image.png" data-background-repeat="repeat" data-background-size="100px"&gt;</code></pre> <pre><code class="hljs" style="word-wrap: break-word;">&lt;section data-background="image.png" data-background-repeat="repeat" data-background-size="100px"&gt;</code></pre>
</section> </section>
<section data-background-video="https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4,https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.webm" data-background-color="#000000"> <section data-background-video="https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4,https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.webm" data-background-color="#000000">
<div style="background-color: rgba(0, 0, 0, 0.9); color: #fff; padding: 20px;"> <div style="background-color: rgba(0, 0, 0, 0.9); color: #fff; padding: 20px;">
<h2>Video Backgrounds</h2> <h2>Video Backgrounds</h2>
<pre><code style="word-wrap: break-word;">&lt;section data-background-video="video.mp4,video.webm"&gt;</code></pre> <pre><code class="hljs" style="word-wrap: break-word;">&lt;section data-background-video="video.mp4,video.webm"&gt;</code></pre>
</div> </div>
</section> </section>
<section data-background="http://i.giphy.com/90F8aUepslB84.gif"> <section data-background="http://i.giphy.com/90F8aUepslB84.gif">
@ -211,7 +211,7 @@
<p> <p>
Different background transitions are available via the backgroundTransition option. This one's called "zoom". Different background transitions are available via the backgroundTransition option. This one's called "zoom".
</p> </p>
<pre><code>Reveal.configure({ backgroundTransition: 'zoom' })</code></pre> <pre><code class="hljs">Reveal.configure({ backgroundTransition: 'zoom' })</code></pre>
</section> </section>
<section data-transition="slide" data-background="#b5533c" data-background-transition="zoom"> <section data-transition="slide" data-background="#b5533c" data-background-transition="zoom">
@ -219,12 +219,12 @@
<p> <p>
You can override background transitions per-slide. You can override background transitions per-slide.
</p> </p>
<pre><code style="word-wrap: break-word;">&lt;section data-background-transition="zoom"&gt;</code></pre> <pre><code class="hljs" style="word-wrap: break-word;">&lt;section data-background-transition="zoom"&gt;</code></pre>
</section> </section>
<section> <section>
<h2>Pretty Code</h2> <h2>Pretty Code</h2>
<pre><code data-trim contenteditable> <pre><code class="hljs" data-trim contenteditable>
function linkify( selector ) { function linkify( selector ) {
if( supports3DTransforms ) { if( supports3DTransforms ) {