remove default border around images, now available via img.r-frame

This commit is contained in:
Hakim El Hattab 2020-05-14 12:39:45 +02:00
parent f04a00672c
commit 30cd9a8d3b
13 changed files with 95 additions and 219 deletions

View file

@ -237,6 +237,10 @@
vertical-align: top; vertical-align: top;
} }
.reveal img {
margin: $blockMargin 0;
}
/********************************************* /*********************************************
* LINKS * LINKS
@ -245,14 +249,10 @@
.reveal a { .reveal a {
color: $linkColor; color: $linkColor;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease; transition: color .15s ease;
} }
.reveal a:hover { .reveal a:hover {
color: $linkColorHover; color: $linkColorHover;
text-shadow: none; text-shadow: none;
border: none; border: none;
} }
@ -264,32 +264,20 @@
/********************************************* /*********************************************
* IMAGES * Frame helper
*********************************************/ *********************************************/
.reveal section img { .reveal .r-frame {
margin: 15px 0px;
background: rgba(255,255,255,0.12);
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);
} }
.reveal section img.plain { .reveal a .r-frame {
border: 0;
box-shadow: none;
}
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; transition: all .15s linear;
} }
.reveal a:hover img { .reveal a:hover .r-frame {
background: rgba(255,255,255,0.2);
border-color: $linkColor; border-color: $linkColor;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
} }
@ -312,8 +300,6 @@
color: $linkColor; color: $linkColor;
} }
.reveal .progress span { .reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
-moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
} }

View file

@ -51,7 +51,7 @@
<p>Use the <em>Space</em> key to navigate through all slides.</p> <p>Use the <em>Space</em> key to navigate through all slides.</p>
<br> <br>
<a href="#" class="navigate-down"> <a href="#" class="navigate-down">
<img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow"> <img class="r-frame" style="background: rgba(255,255,255,0.1);" width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
</a> </a>
</section> </section>
<section> <section>
@ -63,7 +63,7 @@
<p>That's it, time to go back up.</p> <p>That's it, time to go back up.</p>
<br> <br>
<a href="#/2"> <a href="#/2">
<img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="transform: rotate(180deg); -webkit-transform: rotate(180deg);"> <img class="r-frame" style="background: rgba(255,255,255,0.1); transform: rotate(180deg);" width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow">
</a> </a>
</section> </section>
</section> </section>
@ -230,7 +230,7 @@
Set <code>data-background="#dddddd"</code> on a slide to change the background color. All CSS color formats are supported. Set <code>data-background="#dddddd"</code> on a slide to change the background color. All CSS color formats are supported.
</p> </p>
<a href="#" class="navigate-down"> <a href="#" class="navigate-down">
<img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow"> <img class="r-frame" style="background: rgba(255,255,255,0.1);" width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
</a> </a>
</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">

24
dist/theme/beige.css vendored
View file

@ -234,14 +234,15 @@
.reveal small * { .reveal small * {
vertical-align: top; } vertical-align: top; }
.reveal img {
margin: 20px 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #8b743d; color: #8b743d;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
@ -254,25 +255,16 @@
background: #564826; } background: #564826; }
/********************************************* /*********************************************
* IMAGES * Frame helper
*********************************************/ *********************************************/
.reveal section img { .reveal .r-frame {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #333; border: 4px solid #333;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal section img.plain { .reveal a .r-frame {
border: 0;
box-shadow: none; }
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover .r-frame {
background: rgba(255, 255, 255, 0.2);
border-color: #8b743d; border-color: #8b743d;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
@ -290,8 +282,6 @@
color: #8b743d; } color: #8b743d; }
.reveal .progress span { .reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/********************************************* /*********************************************

24
dist/theme/black.css vendored
View file

@ -230,14 +230,15 @@ section.has-light-background, section.has-light-background h1, section.has-light
.reveal small * { .reveal small * {
vertical-align: top; } vertical-align: top; }
.reveal img {
margin: 20px 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #42affa; color: #42affa;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
@ -250,25 +251,16 @@ section.has-light-background, section.has-light-background h1, section.has-light
background: #068de9; } background: #068de9; }
/********************************************* /*********************************************
* IMAGES * Frame helper
*********************************************/ *********************************************/
.reveal section img { .reveal .r-frame {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #fff; border: 4px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal section img.plain { .reveal a .r-frame {
border: 0;
box-shadow: none; }
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover .r-frame {
background: rgba(255, 255, 255, 0.2);
border-color: #42affa; border-color: #42affa;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
@ -286,8 +278,6 @@ section.has-light-background, section.has-light-background h1, section.has-light
color: #42affa; } color: #42affa; }
.reveal .progress span { .reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/********************************************* /*********************************************

24
dist/theme/blood.css vendored
View file

@ -233,14 +233,15 @@
.reveal small * { .reveal small * {
vertical-align: top; } vertical-align: top; }
.reveal img {
margin: 20px 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #a23; color: #a23;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
@ -253,25 +254,16 @@
background: #6a1520; } background: #6a1520; }
/********************************************* /*********************************************
* IMAGES * Frame helper
*********************************************/ *********************************************/
.reveal section img { .reveal .r-frame {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #eee; border: 4px solid #eee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal section img.plain { .reveal a .r-frame {
border: 0;
box-shadow: none; }
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover .r-frame {
background: rgba(255, 255, 255, 0.2);
border-color: #a23; border-color: #a23;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
@ -289,8 +281,6 @@
color: #a23; } color: #a23; }
.reveal .progress span { .reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/********************************************* /*********************************************

24
dist/theme/league.css vendored
View file

@ -236,14 +236,15 @@
.reveal small * { .reveal small * {
vertical-align: top; } vertical-align: top; }
.reveal img {
margin: 20px 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #13DAEC; color: #13DAEC;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
@ -256,25 +257,16 @@
background: #0d99a5; } background: #0d99a5; }
/********************************************* /*********************************************
* IMAGES * Frame helper
*********************************************/ *********************************************/
.reveal section img { .reveal .r-frame {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #eee; border: 4px solid #eee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal section img.plain { .reveal a .r-frame {
border: 0;
box-shadow: none; }
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover .r-frame {
background: rgba(255, 255, 255, 0.2);
border-color: #13DAEC; border-color: #13DAEC;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
@ -292,8 +284,6 @@
color: #13DAEC; } color: #13DAEC; }
.reveal .progress span { .reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/********************************************* /*********************************************

24
dist/theme/moon.css vendored
View file

@ -234,14 +234,15 @@ html * {
.reveal small * { .reveal small * {
vertical-align: top; } vertical-align: top; }
.reveal img {
margin: 20px 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #268bd2; color: #268bd2;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
@ -254,25 +255,16 @@ html * {
background: #1a6091; } background: #1a6091; }
/********************************************* /*********************************************
* IMAGES * Frame helper
*********************************************/ *********************************************/
.reveal section img { .reveal .r-frame {
margin: 15px 0px;
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); }
.reveal section img.plain { .reveal a .r-frame {
border: 0;
box-shadow: none; }
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover .r-frame {
background: rgba(255, 255, 255, 0.2);
border-color: #268bd2; border-color: #268bd2;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
@ -290,8 +282,6 @@ html * {
color: #268bd2; } color: #268bd2; }
.reveal .progress span { .reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/********************************************* /*********************************************

24
dist/theme/night.css vendored
View file

@ -228,14 +228,15 @@
.reveal small * { .reveal small * {
vertical-align: top; } vertical-align: top; }
.reveal img {
margin: 20px 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #e7ad52; color: #e7ad52;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
@ -248,25 +249,16 @@
background: #d08a1d; } background: #d08a1d; }
/********************************************* /*********************************************
* IMAGES * Frame helper
*********************************************/ *********************************************/
.reveal section img { .reveal .r-frame {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #eee; border: 4px solid #eee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal section img.plain { .reveal a .r-frame {
border: 0;
box-shadow: none; }
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover .r-frame {
background: rgba(255, 255, 255, 0.2);
border-color: #e7ad52; border-color: #e7ad52;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
@ -284,8 +276,6 @@
color: #e7ad52; } color: #e7ad52; }
.reveal .progress span { .reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/********************************************* /*********************************************

24
dist/theme/serif.css vendored
View file

@ -230,14 +230,15 @@
.reveal small * { .reveal small * {
vertical-align: top; } vertical-align: top; }
.reveal img {
margin: 20px 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #51483D; color: #51483D;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
@ -250,25 +251,16 @@
background: #25211c; } background: #25211c; }
/********************************************* /*********************************************
* IMAGES * Frame helper
*********************************************/ *********************************************/
.reveal section img { .reveal .r-frame {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #000; border: 4px solid #000;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal section img.plain { .reveal a .r-frame {
border: 0;
box-shadow: none; }
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover .r-frame {
background: rgba(255, 255, 255, 0.2);
border-color: #51483D; border-color: #51483D;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
@ -286,8 +278,6 @@
color: #51483D; } color: #51483D; }
.reveal .progress span { .reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/********************************************* /*********************************************

24
dist/theme/simple.css vendored
View file

@ -233,14 +233,15 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
.reveal small * { .reveal small * {
vertical-align: top; } vertical-align: top; }
.reveal img {
margin: 20px 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #00008B; color: #00008B;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
@ -253,25 +254,16 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
background: #00003f; } background: #00003f; }
/********************************************* /*********************************************
* IMAGES * Frame helper
*********************************************/ *********************************************/
.reveal section img { .reveal .r-frame {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #000; border: 4px solid #000;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal section img.plain { .reveal a .r-frame {
border: 0;
box-shadow: none; }
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover .r-frame {
background: rgba(255, 255, 255, 0.2);
border-color: #00008B; border-color: #00008B;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
@ -289,8 +281,6 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
color: #00008B; } color: #00008B; }
.reveal .progress span { .reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/********************************************* /*********************************************

24
dist/theme/sky.css vendored
View file

@ -237,14 +237,15 @@
.reveal small * { .reveal small * {
vertical-align: top; } vertical-align: top; }
.reveal img {
margin: 20px 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #3b759e; color: #3b759e;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
@ -257,25 +258,16 @@
background: #264c66; } background: #264c66; }
/********************************************* /*********************************************
* IMAGES * Frame helper
*********************************************/ *********************************************/
.reveal section img { .reveal .r-frame {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #333; border: 4px solid #333;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal section img.plain { .reveal a .r-frame {
border: 0;
box-shadow: none; }
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover .r-frame {
background: rgba(255, 255, 255, 0.2);
border-color: #3b759e; border-color: #3b759e;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
@ -293,8 +285,6 @@
color: #3b759e; } color: #3b759e; }
.reveal .progress span { .reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/********************************************* /*********************************************

View file

@ -234,14 +234,15 @@ html * {
.reveal small * { .reveal small * {
vertical-align: top; } vertical-align: top; }
.reveal img {
margin: 20px 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #268bd2; color: #268bd2;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
@ -254,25 +255,16 @@ html * {
background: #1a6091; } background: #1a6091; }
/********************************************* /*********************************************
* IMAGES * Frame helper
*********************************************/ *********************************************/
.reveal section img { .reveal .r-frame {
margin: 15px 0px;
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); }
.reveal section img.plain { .reveal a .r-frame {
border: 0;
box-shadow: none; }
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover .r-frame {
background: rgba(255, 255, 255, 0.2);
border-color: #268bd2; border-color: #268bd2;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
@ -290,8 +282,6 @@ html * {
color: #268bd2; } color: #268bd2; }
.reveal .progress span { .reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/********************************************* /*********************************************

24
dist/theme/white.css vendored
View file

@ -230,14 +230,15 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
.reveal small * { .reveal small * {
vertical-align: top; } vertical-align: top; }
.reveal img {
margin: 20px 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #2a76dd; color: #2a76dd;
text-decoration: none; text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
@ -250,25 +251,16 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
background: #1a53a1; } background: #1a53a1; }
/********************************************* /*********************************************
* IMAGES * Frame helper
*********************************************/ *********************************************/
.reveal section img { .reveal .r-frame {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #222; border: 4px solid #222;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal section img.plain { .reveal a .r-frame {
border: 0;
box-shadow: none; }
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover .r-frame {
background: rgba(255, 255, 255, 0.2);
border-color: #2a76dd; border-color: #2a76dd;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
@ -286,8 +278,6 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
color: #2a76dd; } color: #2a76dd; }
.reveal .progress span { .reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
/********************************************* /*********************************************