use outer color of radial gradient as solid fallback

This commit is contained in:
Hakim El Hattab 2012-10-20 21:43:42 -04:00
parent 8576264574
commit 143fc85c65
6 changed files with 9 additions and 9 deletions

View file

@ -1,5 +1,5 @@
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/* /**
* Beige theme for reveal.js. * Beige theme for reveal.js.
* *
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
@ -16,7 +16,7 @@
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
body { body {
background: white; background: #f7f2d3;
background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%); background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3)); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%); background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);

View file

@ -1,5 +1,5 @@
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/* /**
* Default theme for reveal.js. * Default theme for reveal.js.
* *
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
@ -16,7 +16,7 @@
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
body { body {
background: #555a5f; background: #1c1e20;
background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%); background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20)); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%); background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);

View file

@ -1,4 +1,4 @@
/* /**
* 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.
* *

View file

@ -1,6 +1,6 @@
@import url(http://fonts.googleapis.com/css?family=News+Cycle:400,700); @import url(http://fonts.googleapis.com/css?family=News+Cycle:400,700);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); @import url(http://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.
* *

View file

@ -1,6 +1,6 @@
@import url(http://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic); @import url(http://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700); @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
/* /**
* Sky theme for reveal.js. * Sky theme for reveal.js.
* *
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
@ -9,7 +9,7 @@
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
body { body {
background: #f7fbfc; background: #add9e4;
background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%); background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4)); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%); background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);

View file

@ -19,7 +19,7 @@
} }
@mixin radial-gradient( $outer, $inner, $type: circle ) { @mixin radial-gradient( $outer, $inner, $type: circle ) {
background: $inner; background: $outer;
background: -moz-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); background: -moz-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
background: -webkit-gradient( radial, center center, 0px, center center, 100%, color-stop(0%,$inner), color-stop(100%,$outer) ); background: -webkit-gradient( radial, center center, 0px, center center, 100%, color-stop(0%,$inner), color-stop(100%,$outer) );
background: -webkit-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); background: -webkit-radial-gradient( center, $type cover, $inner 0%, $outer 100% );