phyks/reveal-js-base-theme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

always use https google font urls (closes #382)

Browse Source
This commit is contained in:
Hakim El Hattab 2013-04-02 12:31:58 -04:00
parent 9f6eb282be
commit 3040bc2917
15 changed files with 100 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/theme/beige.css
View File

@ -1,4 +1,4 @@
@import url(//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/** /**
* Beige theme for reveal.js. * Beige theme for reveal.js.
* *
@ -62,11 +62,11 @@ body {
.reveal a:not(.image) { .reveal a:not(.image) {
color: #8b743d; color: #8b743d;
text-decoration: none; text-decoration: none;
-webkit-transition: color 0.15s ease; -webkit-transition: color .15s ease;
-moz-transition: color 0.15s ease; -moz-transition: color .15s ease;
-ms-transition: color 0.15s ease; -ms-transition: color .15s ease;
-o-transition: color 0.15s ease; -o-transition: color .15s ease;
transition: color 0.15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:not(.image):hover {
color: #c0a86e; color: #c0a86e;
@ -85,11 +85,11 @@ body {
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 0.2s linear; -webkit-transition: all .2s linear;
-moz-transition: all 0.2s linear; -moz-transition: all .2s linear;
-ms-transition: all 0.2s linear; -ms-transition: all .2s linear;
-o-transition: all 0.2s linear; -o-transition: all .2s linear;
transition: all 0.2s linear; } transition: all .2s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

22
css/theme/default.css
View File

@ -1,4 +1,4 @@
@import url(//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/** /**
* Default theme for reveal.js. * Default theme for reveal.js.
* *
@ -62,11 +62,11 @@ body {
.reveal a:not(.image) { .reveal a:not(.image) {
color: #13daec; color: #13daec;
text-decoration: none; text-decoration: none;
-webkit-transition: color 0.15s ease; -webkit-transition: color .15s ease;
-moz-transition: color 0.15s ease; -moz-transition: color .15s ease;
-ms-transition: color 0.15s ease; -ms-transition: color .15s ease;
-o-transition: color 0.15s ease; -o-transition: color .15s ease;
transition: color 0.15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:not(.image):hover {
color: #71e9f4; color: #71e9f4;
@ -85,11 +85,11 @@ body {
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 0.2s linear; -webkit-transition: all .2s linear;
-moz-transition: all 0.2s linear; -moz-transition: all .2s linear;
-ms-transition: all 0.2s linear; -ms-transition: all .2s linear;
-o-transition: all 0.2s linear; -o-transition: all .2s linear;
transition: all 0.2s linear; } transition: all .2s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

22
css/theme/moon.css
View File

@ -1,4 +1,4 @@
@import url(//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/** /**
* Solarized Dark theme for reveal.js. * Solarized Dark theme for reveal.js.
* Author: Achim Staebler * Author: Achim Staebler
@ -62,11 +62,11 @@ body {
.reveal a:not(.image) { .reveal a:not(.image) {
color: #268bd2; color: #268bd2;
text-decoration: none; text-decoration: none;
-webkit-transition: color 0.15s ease; -webkit-transition: color .15s ease;
-moz-transition: color 0.15s ease; -moz-transition: color .15s ease;
-ms-transition: color 0.15s ease; -ms-transition: color .15s ease;
-o-transition: color 0.15s ease; -o-transition: color .15s ease;
transition: color 0.15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:not(.image):hover {
color: #78b9e6; color: #78b9e6;
@ -85,11 +85,11 @@ body {
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 0.2s linear; -webkit-transition: all .2s linear;
-moz-transition: all 0.2s linear; -moz-transition: all .2s linear;
-ms-transition: all 0.2s linear; -ms-transition: all .2s linear;
-o-transition: all 0.2s linear; -o-transition: all .2s linear;
transition: all 0.2s linear; } transition: all .2s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

24
css/theme/night.css
View File

@ -1,5 +1,5 @@
@import url(//fonts.googleapis.com/css?family=Montserrat:700); @import url(https://fonts.googleapis.com/css?family=Montserrat:700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
/** /**
* Black theme for reveal.js. * Black theme for reveal.js.
* *
@ -50,11 +50,11 @@ body {
.reveal a:not(.image) { .reveal a:not(.image) {
color: #e7ad52; color: #e7ad52;
text-decoration: none; text-decoration: none;
-webkit-transition: color 0.15s ease; -webkit-transition: color .15s ease;
-moz-transition: color 0.15s ease; -moz-transition: color .15s ease;
-ms-transition: color 0.15s ease; -ms-transition: color .15s ease;
-o-transition: color 0.15s ease; -o-transition: color .15s ease;
transition: color 0.15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:not(.image):hover {
color: #f3d7ac; color: #f3d7ac;
@ -73,11 +73,11 @@ body {
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 0.2s linear; -webkit-transition: all .2s linear;
-moz-transition: all 0.2s linear; -moz-transition: all .2s linear;
-ms-transition: all 0.2s linear; -ms-transition: all .2s linear;
-o-transition: all 0.2s linear; -o-transition: all .2s linear;
transition: all 0.2s linear; } transition: all .2s 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

@ -50,11 +50,11 @@ body {
.reveal a:not(.image) { .reveal a:not(.image) {
color: #51483d; color: #51483d;
text-decoration: none; text-decoration: none;
-webkit-transition: color 0.15s ease; -webkit-transition: color .15s ease;
-moz-transition: color 0.15s ease; -moz-transition: color .15s ease;
-ms-transition: color 0.15s ease; -ms-transition: color .15s ease;
-o-transition: color 0.15s ease; -o-transition: color .15s ease;
transition: color 0.15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:not(.image):hover {
color: #8b7c69; color: #8b7c69;
@ -73,11 +73,11 @@ body {
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 0.2s linear; -webkit-transition: all .2s linear;
-moz-transition: all 0.2s linear; -moz-transition: all .2s linear;
-ms-transition: all 0.2s linear; -ms-transition: all .2s linear;
-o-transition: all 0.2s linear; -o-transition: all .2s linear;
transition: all 0.2s linear; } transition: all .2s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

24
css/theme/simple.css
View File

@ -1,5 +1,5 @@
@import url(//fonts.googleapis.com/css?family=News+Cycle:400,700); @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
@import url(//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/** /**
* A simple theme for reveal.js presentations, similar * A simple theme for reveal.js presentations, similar
* to the default theme. The accent color is darkblue. * to the default theme. The accent color is darkblue.
@ -52,11 +52,11 @@ body {
.reveal a:not(.image) { .reveal a:not(.image) {
color: darkblue; color: darkblue;
text-decoration: none; text-decoration: none;
-webkit-transition: color 0.15s ease; -webkit-transition: color .15s ease;
-moz-transition: color 0.15s ease; -moz-transition: color .15s ease;
-ms-transition: color 0.15s ease; -ms-transition: color .15s ease;
-o-transition: color 0.15s ease; -o-transition: color .15s ease;
transition: color 0.15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:not(.image):hover {
color: #0000f1; color: #0000f1;
@ -75,11 +75,11 @@ body {
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 0.2s linear; -webkit-transition: all .2s linear;
-moz-transition: all 0.2s linear; -moz-transition: all .2s linear;
-ms-transition: all 0.2s linear; -ms-transition: all .2s linear;
-o-transition: all 0.2s linear; -o-transition: all .2s linear;
transition: all 0.2s linear; } transition: all .2s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

24
css/theme/sky.css
View File

@ -1,5 +1,5 @@
@import url(//fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic); @import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
/** /**
* Sky theme for reveal.js. * Sky theme for reveal.js.
* *
@ -56,11 +56,11 @@ body {
.reveal a:not(.image) { .reveal a:not(.image) {
color: #3b759e; color: #3b759e;
text-decoration: none; text-decoration: none;
-webkit-transition: color 0.15s ease; -webkit-transition: color .15s ease;
-moz-transition: color 0.15s ease; -moz-transition: color .15s ease;
-ms-transition: color 0.15s ease; -ms-transition: color .15s ease;
-o-transition: color 0.15s ease; -o-transition: color .15s ease;
transition: color 0.15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:not(.image):hover {
color: #74a7cb; color: #74a7cb;
@ -79,11 +79,11 @@ body {
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 0.2s linear; -webkit-transition: all .2s linear;
-moz-transition: all 0.2s linear; -moz-transition: all .2s linear;
-ms-transition: all 0.2s linear; -ms-transition: all .2s linear;
-o-transition: all 0.2s linear; -o-transition: all .2s linear;
transition: all 0.2s linear; } transition: all .2s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

22
css/theme/solarized.css
View File

@ -1,4 +1,4 @@
@import url(//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/** /**
* Solarized Light theme for reveal.js. * Solarized Light theme for reveal.js.
* Author: Achim Staebler * Author: Achim Staebler
@ -62,11 +62,11 @@ body {
.reveal a:not(.image) { .reveal a:not(.image) {
color: #268bd2; color: #268bd2;
text-decoration: none; text-decoration: none;
-webkit-transition: color 0.15s ease; -webkit-transition: color .15s ease;
-moz-transition: color 0.15s ease; -moz-transition: color .15s ease;
-ms-transition: color 0.15s ease; -ms-transition: color .15s ease;
-o-transition: color 0.15s ease; -o-transition: color .15s ease;
transition: color 0.15s ease; } transition: color .15s ease; }
.reveal a:not(.image):hover { .reveal a:not(.image):hover {
color: #78b9e6; color: #78b9e6;
@ -85,11 +85,11 @@ body {
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 0.2s linear; -webkit-transition: all .2s linear;
-moz-transition: all 0.2s linear; -moz-transition: all .2s linear;
-ms-transition: all 0.2s linear; -ms-transition: all .2s linear;
-o-transition: all 0.2s linear; -o-transition: all .2s linear;
transition: all 0.2s linear; } transition: all .2s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

2
css/theme/source/beige.scss
View File

@ -25,7 +25,7 @@
font-style: normal; font-style: normal;
} }
@import url(//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
// Override theme settings (see ../template/settings.scss) // Override theme settings (see ../template/settings.scss)

2
css/theme/source/default.scss
View File

@ -25,7 +25,7 @@
font-style: normal; font-style: normal;
} }
@import url(//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
// Override theme settings (see ../template/settings.scss) // Override theme settings (see ../template/settings.scss)
$heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15); $heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);

2
css/theme/source/moon.scss
View File

@ -24,7 +24,7 @@
font-style: normal; font-style: normal;
} }
@import url(//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/** /**
* Solarized colors by Ethan Schoonover * Solarized colors by Ethan Schoonover

4
css/theme/source/night.scss
View File

@ -12,8 +12,8 @@
// Include theme-specific fonts // Include theme-specific fonts
@import url(//fonts.googleapis.com/css?family=Montserrat:700); @import url(https://fonts.googleapis.com/css?family=Montserrat:700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
// Override theme settings (see ../template/settings.scss) // Override theme settings (see ../template/settings.scss)

4
css/theme/source/simple.scss
View File

@ -15,8 +15,8 @@
// Include theme-specific fonts // Include theme-specific fonts
@import url(//fonts.googleapis.com/css?family=News+Cycle:400,700); @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
@import url(//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
// Override theme settings (see ../template/settings.scss) // Override theme settings (see ../template/settings.scss)

4
css/theme/source/sky.scss
View File

@ -13,8 +13,8 @@
// Include theme-specific fonts // Include theme-specific fonts
@import url(//fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic); @import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
// Override theme settings (see ../template/settings.scss) // Override theme settings (see ../template/settings.scss)

2
css/theme/source/solarized.scss
View File

@ -24,7 +24,7 @@
font-style: normal; font-style: normal;
} }
@import url(//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/** /**