diff options
author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2012-07-30 00:41:02 -0400 |
---|---|---|
committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2012-07-30 00:41:02 -0400 |
commit | dc05ce1575ccf5026e553488133807b36acf50c8 (patch) | |
tree | e92784b8f11e68d9b998166a71e45417f49a0f9b | |
parent | e9b874112e59c9220a8fe88805ba7fa0f874f65f (diff) | |
download | fosdem-2018-presentation-dc05ce1575ccf5026e553488133807b36acf50c8.tar fosdem-2018-presentation-dc05ce1575ccf5026e553488133807b36acf50c8.tar.gz |
move theme styles at bottom of main.css, change background of page transition to be transparent
-rw-r--r-- | css/main.css | 126 |
1 files changed, 63 insertions, 63 deletions
diff --git a/css/main.css b/css/main.css index 5729258..6117fbc 100644 --- a/css/main.css +++ b/css/main.css @@ -777,7 +777,7 @@ body { height: 100%; left: 0; top: 0; - background: #232628; + background: rgba(0,0,0,0.2); -webkit-transform: translateZ( -20px ); -moz-transform: translateZ( -20px ); @@ -857,68 +857,6 @@ body { /********************************************* - * NEON THEME - *********************************************/ - -.theme-neon .reveal a, -.theme-neon .reveal a:hover, -.theme-neon .reveal .controls a.enabled { - color: #5de048; -} - -.theme-neon .reveal .progress span, -.theme-neon .reveal .roll span:after { - background: #5de048; -} - -.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 *********************************************/ @@ -1013,3 +951,65 @@ body { .reveal aside.notes { display: none; } + + +/********************************************* + * NEON THEME + *********************************************/ + +.theme-neon .reveal a, +.theme-neon .reveal a:hover, +.theme-neon .reveal .controls a.enabled { + color: #5de048; +} + +.theme-neon .reveal .progress span, +.theme-neon .reveal .roll span:after { + background: #5de048; +} + +.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; +} |