xobs/lca2020-pay-it-forward
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add beige theme, move theme class from .reveal to document element, use log instead of alert to demonstrate custom events

Browse Source
This commit is contained in:
Hakim El Hattab
2012-07-12 23:08:21 -04:00
parent 5bc5435b61
commit 7366f607ce
4 changed files with 54 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
css/main.css
View File

@ -849,22 +849,64 @@ body {
* NEON THEME
*********************************************/
.reveal.neon a,
.reveal.neon a:hover,
.reveal.neon .controls a.enabled {
.theme-neon .reveal a,
.theme-neon .reveal a:hover,
.theme-neon .reveal .controls a.enabled {
color: #5de048;
}
.reveal.neon .progress span,
.reveal.neon .roll span:after {
.theme-neon .reveal .progress span,
.theme-neon .reveal .roll span:after {
background: #5de048;
}
.reveal.neon a.image:hover img {
.theme-neon .reveal a.image:hover img {
border-color: #5de048;
}
/*********************************************
* BEIGE THEME
*********************************************/
.theme-beige body {
color: #333;
background: #f7f3de;
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(247,242,211,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,242,211,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
background: radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
}
.theme-beige .reveal h1,
.theme-beige .reveal h2,
.theme-beige .reveal h3,
.theme-beige .reveal h4,
.theme-beige .reveal h5,
.theme-beige .reveal h6 {
color: #333;
text-shadow: none;
}
.theme-beige .reveal a,
.theme-beige .reveal a:hover,
.theme-beige .reveal .controls a.enabled {
color: #8b743d;
}
.theme-beige .reveal .progress span,
.theme-beige .reveal .roll span:after {
background: #8b743d;
}
.theme-beige .reveal a.image:hover img {
border-color: #8b743d;
}
/*********************************************
* OVERVIEW
*********************************************/