Browse Source

use outer color of radial gradient as solid fallback

main
Hakim El Hattab 10 years ago
parent
commit
143fc85c65
  1. 4
      css/theme/beige.css
  2. 4
      css/theme/default.css
  3. 2
      css/theme/serif.css
  4. 2
      css/theme/simple.css
  5. 4
      css/theme/sky.css
  6. 2
      css/theme/template/mixins.scss

4
css/theme/beige.css

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

4
css/theme/default.css

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

2
css/theme/serif.css

@ -1,4 +1,4 @@
/*
/**
* A simple theme for reveal.js presentations, similar
* to the default theme. The accent color is darkblue.
*

2
css/theme/simple.css

@ -1,6 +1,6 @@
@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);
/*
/**
* A simple theme for reveal.js presentations, similar
* to the default theme. The accent color is darkblue.
*

4
css/theme/sky.css

@ -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=Open+Sans:400italic,700italic,400,700);
/*
/**
* Sky theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
@ -9,7 +9,7 @@
* GLOBAL STYLES
*********************************************/
body {
background: #f7fbfc;
background: #add9e4;
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-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);

2
css/theme/template/mixins.scss

@ -19,7 +19,7 @@
}
@mixin radial-gradient( $outer, $inner, $type: circle ) {
background: $inner;
background: $outer;
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-radial-gradient( center, $type cover, $inner 0%, $outer 100% );

Loading…
Cancel
Save