jan/revproxy-presentation
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

remove all use of :not(.image)

Browse source
This commit is contained in:
Hakim El Hattab 2014-02-17 11:55:38 +01:00
parent 26e9ce1ff7
commit b25fa50657
16 changed files with 119 additions and 99 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
css/theme/beige.css
View file

@ -59,7 +59,7 @@ body {
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a:not(.image) { .reveal a {
color: #8b743d; color: #8b743d;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease; -webkit-transition: color .15s ease;
@ -68,7 +68,7 @@ body {
-o-transition: color .15s ease; -o-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:hover {
color: #c0a86e; color: #c0a86e;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
@ -84,12 +84,14 @@ body {
margin: 15px 0px; margin: 15px 0px;
background: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.12);
border: 4px solid #333333; border: 4px solid #333333;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear; .reveal a img {
-ms-transition: all .2s linear; -webkit-transition: all .15s linear;
-o-transition: all .2s linear; -moz-transition: all .15s linear;
transition: all .2s linear; } -ms-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

26
css/theme/blood.css
View file

@ -58,7 +58,7 @@ body {
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a:not(.image) { .reveal a {
color: #aa2233; color: #aa2233;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease; -webkit-transition: color .15s ease;
@ -67,7 +67,7 @@ body {
-o-transition: color .15s ease; -o-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:hover {
color: #dd5566; color: #dd5566;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
@ -83,12 +83,14 @@ body {
margin: 15px 0px; margin: 15px 0px;
background: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.12);
border: 4px solid #eeeeee; border: 4px solid #eeeeee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear; .reveal a img {
-ms-transition: all .2s linear; -webkit-transition: all .15s linear;
-o-transition: all .2s linear; -moz-transition: all .15s linear;
transition: all .2s linear; } -ms-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);
@ -158,12 +160,12 @@ body {
.reveal h6 { .reveal h6 {
font-weight: 700; } font-weight: 700; }
.reveal a:not(.image), .reveal a,
.reveal a:not(.image):hover { .reveal a:hover {
text-shadow: 2px 2px 2px #000; } text-shadow: 2px 2px 2px #000; }
.reveal small a:not(.image), .reveal small a,
.reveal small a:not(.image):hover { .reveal small a:hover {
text-shadow: 1px 1px 1px #000; } text-shadow: 1px 1px 1px #000; }
.reveal p code { .reveal p code {

18
css/theme/default.css
View file

@ -59,7 +59,7 @@ body {
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a:not(.image) { .reveal a {
color: #13daec; color: #13daec;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease; -webkit-transition: color .15s ease;
@ -68,7 +68,7 @@ body {
-o-transition: color .15s ease; -o-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:hover {
color: #71e9f4; color: #71e9f4;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
@ -84,12 +84,14 @@ body {
margin: 15px 0px; margin: 15px 0px;
background: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.12);
border: 4px solid #eeeeee; border: 4px solid #eeeeee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear; .reveal a img {
-ms-transition: all .2s linear; -webkit-transition: all .15s linear;
-o-transition: all .2s linear; -moz-transition: all .15s linear;
transition: all .2s linear; } -ms-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

18
css/theme/moon.css
View file

@ -59,7 +59,7 @@ body {
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a:not(.image) { .reveal a {
color: #268bd2; color: #268bd2;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease; -webkit-transition: color .15s ease;
@ -68,7 +68,7 @@ body {
-o-transition: color .15s ease; -o-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:hover {
color: #78b9e6; color: #78b9e6;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
@ -84,12 +84,14 @@ body {
margin: 15px 0px; margin: 15px 0px;
background: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.12);
border: 4px solid #93a1a1; border: 4px solid #93a1a1;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear; .reveal a img {
-ms-transition: all .2s linear; -webkit-transition: all .15s linear;
-o-transition: all .2s linear; -moz-transition: all .15s linear;
transition: all .2s linear; } -ms-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

18
css/theme/night.css
View file

@ -47,7 +47,7 @@ body {
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a:not(.image) { .reveal a {
color: #e7ad52; color: #e7ad52;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease; -webkit-transition: color .15s ease;
@ -56,7 +56,7 @@ body {
-o-transition: color .15s ease; -o-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:hover {
color: #f3d7ac; color: #f3d7ac;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
@ -72,12 +72,14 @@ body {
margin: 15px 0px; margin: 15px 0px;
background: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.12);
border: 4px solid #eeeeee; border: 4px solid #eeeeee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear; .reveal a img {
-ms-transition: all .2s linear; -webkit-transition: all .15s linear;
-o-transition: all .2s linear; -moz-transition: all .15s linear;
transition: all .2s linear; } -ms-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

20
css/theme/serif.css
View file

@ -4,7 +4,7 @@
* *
* This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed. * This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed.
*/ */
.reveal a:not(.image) { .reveal a {
line-height: 1.3em; } line-height: 1.3em; }
/********************************************* /*********************************************
@ -49,7 +49,7 @@ body {
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a:not(.image) { .reveal a {
color: #51483d; color: #51483d;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease; -webkit-transition: color .15s ease;
@ -58,7 +58,7 @@ body {
-o-transition: color .15s ease; -o-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:hover {
color: #8b7c69; color: #8b7c69;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
@ -74,12 +74,14 @@ body {
margin: 15px 0px; margin: 15px 0px;
background: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.12);
border: 4px solid black; border: 4px solid black;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear; .reveal a img {
-ms-transition: all .2s linear; -webkit-transition: all .15s linear;
-o-transition: all .2s linear; -moz-transition: all .15s linear;
transition: all .2s linear; } -ms-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

18
css/theme/simple.css
View file

@ -49,7 +49,7 @@ body {
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a:not(.image) { .reveal a {
color: darkblue; color: darkblue;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease; -webkit-transition: color .15s ease;
@ -58,7 +58,7 @@ body {
-o-transition: color .15s ease; -o-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:hover {
color: #0000f1; color: #0000f1;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
@ -74,12 +74,14 @@ body {
margin: 15px 0px; margin: 15px 0px;
background: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.12);
border: 4px solid black; border: 4px solid black;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear; .reveal a img {
-ms-transition: all .2s linear; -webkit-transition: all .15s linear;
-o-transition: all .2s linear; -moz-transition: all .15s linear;
transition: all .2s linear; } -ms-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

20
css/theme/sky.css
View file

@ -5,7 +5,7 @@
* *
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/ */
.reveal a:not(.image) { .reveal a {
line-height: 1.3em; } line-height: 1.3em; }
/********************************************* /*********************************************
@ -56,7 +56,7 @@ body {
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a:not(.image) { .reveal a {
color: #3b759e; color: #3b759e;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease; -webkit-transition: color .15s ease;
@ -65,7 +65,7 @@ body {
-o-transition: color .15s ease; -o-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:hover {
color: #74a7cb; color: #74a7cb;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
@ -81,12 +81,14 @@ body {
margin: 15px 0px; margin: 15px 0px;
background: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.12);
border: 4px solid #333333; border: 4px solid #333333;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear; .reveal a img {
-ms-transition: all .2s linear; -webkit-transition: all .15s linear;
-o-transition: all .2s linear; -moz-transition: all .15s linear;
transition: all .2s linear; } -ms-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

18
css/theme/solarized.css
View file

@ -59,7 +59,7 @@ body {
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a:not(.image) { .reveal a {
color: #268bd2; color: #268bd2;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease; -webkit-transition: color .15s ease;
@ -68,7 +68,7 @@ body {
-o-transition: color .15s ease; -o-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:hover {
color: #78b9e6; color: #78b9e6;
text-shadow: none; text-shadow: none;
border: none; } border: none; }
@ -84,12 +84,14 @@ body {
margin: 15px 0px; margin: 15px 0px;
background: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.12);
border: 4px solid #657b83; border: 4px solid #657b83;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear; .reveal a img {
-ms-transition: all .2s linear; -webkit-transition: all .15s linear;
-o-transition: all .2s linear; -moz-transition: all .15s linear;
transition: all .2s linear; } -ms-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

8
css/theme/source/blood.scss
View file

@ -70,13 +70,13 @@ $selectionColor: #fff;
font-weight: 700; font-weight: 700;
} }
.reveal a:not(.image), .reveal a,
.reveal a:not(.image):hover { .reveal a:hover {
text-shadow: 2px 2px 2px #000; text-shadow: 2px 2px 2px #000;
} }
.reveal small a:not(.image), .reveal small a,
.reveal small a:not(.image):hover { .reveal small a:hover {
text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000;
} }

2
css/theme/source/serif.scss
View file

@ -25,7 +25,7 @@ $linkColor: #51483D;
$linkColorHover: lighten( $linkColor, 20% ); $linkColorHover: lighten( $linkColor, 20% );
$selectionBackgroundColor: #26351C; $selectionBackgroundColor: #26351C;
.reveal a:not(.image) { .reveal a {
line-height: 1.3em; line-height: 1.3em;
} }

2
css/theme/source/sky.scss
View file

@ -30,7 +30,7 @@ $linkColorHover: lighten( $linkColor, 20% );
$selectionBackgroundColor: #134674; $selectionBackgroundColor: #134674;
// Fix links so they are not cut off // Fix links so they are not cut off
.reveal a:not(.image) { .reveal a {
line-height: 1.3em; line-height: 1.3em;
} }

16
css/theme/template/theme.scss
View file

@ -53,7 +53,7 @@ body {
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a:not(.image) { .reveal a {
color: $linkColor; color: $linkColor;
text-decoration: none; text-decoration: none;
@ -63,7 +63,7 @@ body {
-o-transition: color .15s ease; -o-transition: color .15s ease;
transition: color .15s ease; transition: color .15s ease;
} }
.reveal a:not(.image):hover { .reveal a:hover {
color: $linkColorHover; color: $linkColorHover;
text-shadow: none; text-shadow: none;
@ -86,12 +86,14 @@ body {
border: 4px solid $mainColor; border: 4px solid $mainColor;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
-webkit-transition: all .2s linear; .reveal a img {
-moz-transition: all .2s linear; -webkit-transition: all .15s linear;
-ms-transition: all .2s linear; -moz-transition: all .15s linear;
-o-transition: all .2s linear; -ms-transition: all .15s linear;
transition: all .2s linear; -o-transition: all .15s linear;
transition: all .15s linear;
} }
.reveal a:hover img { .reveal a:hover img {

8
index.html
View file

@ -64,7 +64,7 @@
Slides can be nested inside of other slides, Slides can be nested inside of other slides,
try pressing <a href="#" class="navigate-down">down</a>. try pressing <a href="#" class="navigate-down">down</a>.
</p> </p>
<a href="#" class="image navigate-down"> <a href="#" class="navigate-down">
<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow"> <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
</a> </a>
</section> </section>
@ -82,7 +82,7 @@
<section> <section>
<h2>Basement Level 3</h2> <h2>Basement Level 3</h2>
<p>That's it, time to go back up.</p> <p>That's it, time to go back up.</p>
<a href="#/2" class="image"> <a href="#/2">
<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="-webkit-transform: rotate(180deg);"> <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="-webkit-transform: rotate(180deg);">
</a> </a>
</section> </section>
@ -240,7 +240,7 @@ Reveal.addEventListener( 'customevent', function() {
<p> <p>
Set <code>data-background="#007777"</code> on a slide to change the full page background to the given color. All CSS color formats are supported. Set <code>data-background="#007777"</code> on a slide to change the full page background to the given color. All CSS color formats are supported.
</p> </p>
<a href="#" class="image navigate-down"> <a href="#" class="navigate-down">
<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow"> <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
</a> </a>
</section> </section>
@ -341,7 +341,7 @@ function linkify( selector ) {
<section> <section>
<h2>Spectacular image!</h2> <h2>Spectacular image!</h2>
<a class="image" href="http://lab.hakim.se/meny/" target="_blank"> <a href="http://lab.hakim.se/meny/" target="_blank">
<img width="320" height="299" src="http://s3.amazonaws.com/hakim-static/portfolio/images/meny.png" alt="Meny"> <img width="320" height="299" src="http://s3.amazonaws.com/hakim-static/portfolio/images/meny.png" alt="Meny">
</a> </a>
</section> </section>

2
js/reveal.js
View file

@ -913,7 +913,7 @@ var Reveal = (function(){
function enableRollingLinks() { function enableRollingLinks() {
if( features.transforms3d && !( 'msPerspective' in document.body.style ) ) { if( features.transforms3d && !( 'msPerspective' in document.body.style ) ) {
var anchors = document.querySelectorAll( SLIDES_SELECTOR + ' a:not(.image)' ); var anchors = document.querySelectorAll( SLIDES_SELECTOR + ' a' );
for( var i = 0, len = anchors.length; i < len; i++ ) { for( var i = 0, len = anchors.length; i < len; i++ ) {
var anchor = anchors[i]; var anchor = anchors[i];

4
js/reveal.min.js vendored
View file

File diff suppressed because one or more lines are too long