remove default border around images, now available via img.r-frame
This commit is contained in:
parent
f04a00672c
commit
30cd9a8d3b
13 changed files with 95 additions and 219 deletions
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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
24
dist/theme/beige.css
vendored
|
@ -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
24
dist/theme/black.css
vendored
|
@ -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
24
dist/theme/blood.css
vendored
|
@ -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
24
dist/theme/league.css
vendored
|
@ -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
24
dist/theme/moon.css
vendored
|
@ -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
24
dist/theme/night.css
vendored
|
@ -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
24
dist/theme/serif.css
vendored
|
@ -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
24
dist/theme/simple.css
vendored
|
@ -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
24
dist/theme/sky.css
vendored
|
@ -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); }
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
|
|
24
dist/theme/solarized.css
vendored
24
dist/theme/solarized.css
vendored
|
@ -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
24
dist/theme/white.css
vendored
|
@ -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); }
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
|
|
Loading…
Reference in a new issue