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

26
css/theme/blood.css
View file

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

18
css/theme/default.css
View file

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

18
css/theme/moon.css
View file

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

18
css/theme/night.css
View file

@ -47,7 +47,7 @@ body {
/*********************************************
* LINKS
*********************************************/
.reveal a:not(.image) {
.reveal a {
color: #e7ad52;
text-decoration: none;
-webkit-transition: color .15s ease;
@ -56,7 +56,7 @@ body {
-o-transition: color .15s ease;
transition: color .15s ease; }
.reveal a:not(.image):hover {
.reveal a:hover {
color: #f3d7ac;
text-shadow: none;
border: none; }
@ -72,12 +72,14 @@ body {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #eeeeee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear; }
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-ms-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear; }
.reveal a:hover img {
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.
*/
.reveal a:not(.image) {
.reveal a {
line-height: 1.3em; }
/*********************************************
@ -49,7 +49,7 @@ body {
/*********************************************
* LINKS
*********************************************/
.reveal a:not(.image) {
.reveal a {
color: #51483d;
text-decoration: none;
-webkit-transition: color .15s ease;
@ -58,7 +58,7 @@ body {
-o-transition: color .15s ease;
transition: color .15s ease; }
.reveal a:not(.image):hover {
.reveal a:hover {
color: #8b7c69;
text-shadow: none;
border: none; }
@ -74,12 +74,14 @@ body {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid black;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear; }
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-ms-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);

18
css/theme/simple.css
View file

@ -49,7 +49,7 @@ body {
/*********************************************
* LINKS
*********************************************/
.reveal a:not(.image) {
.reveal a {
color: darkblue;
text-decoration: none;
-webkit-transition: color .15s ease;
@ -58,7 +58,7 @@ body {
-o-transition: color .15s ease;
transition: color .15s ease; }
.reveal a:not(.image):hover {
.reveal a:hover {
color: #0000f1;
text-shadow: none;
border: none; }
@ -74,12 +74,14 @@ body {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid black;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear; }
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-ms-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear; }
.reveal a:hover img {
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
*/
.reveal a:not(.image) {
.reveal a {
line-height: 1.3em; }
/*********************************************
@ -56,7 +56,7 @@ body {
/*********************************************
* LINKS
*********************************************/
.reveal a:not(.image) {
.reveal a {
color: #3b759e;
text-decoration: none;
-webkit-transition: color .15s ease;
@ -65,7 +65,7 @@ body {
-o-transition: color .15s ease;
transition: color .15s ease; }
.reveal a:not(.image):hover {
.reveal a:hover {
color: #74a7cb;
text-shadow: none;
border: none; }
@ -81,12 +81,14 @@ body {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #333333;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear; }
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-ms-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);

18
css/theme/solarized.css
View file

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

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

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

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

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

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

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

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

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

8
index.html
View file

@ -64,7 +64,7 @@
Slides can be nested inside of other slides,
try pressing <a href="#" class="navigate-down">down</a>.
</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">
</a>
</section>
@ -82,7 +82,7 @@
<section>
<h2>Basement Level 3</h2>
<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);">
</a>
</section>
@ -240,7 +240,7 @@ Reveal.addEventListener( 'customevent', function() {
<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.
</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">
</a>
</section>
@ -341,7 +341,7 @@ function linkify( selector ) {
<section>
<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">
</a>
</section>

2
js/reveal.js
View file

@ -913,7 +913,7 @@ var Reveal = (function(){
function enableRollingLinks() {
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++ ) {
var anchor = anchors[i];

4
js/reveal.min.js vendored
View file

File diff suppressed because one or more lines are too long