diff options
| author | Hakim El Hattab | 2012-07-12 23:08:21 -0400 |
|---|---|---|
| committer | Hakim El Hattab | 2012-07-12 23:08:21 -0400 |
| commit | 7366f607ceac8b08fbd67923d3fc9ef16a52db84 (patch) | |
| tree | 5b3f2eeb94c272582a24127352579a911860f2d0 /css | |
| parent | 5bc5435b61d729e1eb0209da4a01a76b42ee3a6b (diff) | |
add beige theme, move theme class from .reveal to document element, use log instead of alert to demonstrate custom events
Diffstat (limited to 'css')
| -rw-r--r-- | css/main.css | 54 |
1 files changed, 48 insertions, 6 deletions
diff --git a/css/main.css b/css/main.css index 01145b7..ba3c420 100644 --- a/css/main.css +++ b/css/main.css @@ -849,23 +849,65 @@ 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 *********************************************/ |