beige.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. /**
  2. * Beige theme for reveal.js.
  3. *
  4. * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
  5. */
  6. // Default mixins and settings -----------------
  7. @import "../template/mixins";
  8. @import "../template/settings";
  9. // ---------------------------------------------
  10. // Include theme-specific fonts
  11. @font-face {
  12. font-family: 'League Gothic';
  13. src: url('../../lib/font/league_gothic-webfont.eot');
  14. src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
  15. url('../../lib/font/league_gothic-webfont.woff') format('woff'),
  16. url('../../lib/font/league_gothic-webfont.ttf') format('truetype'),
  17. url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
  18. font-weight: normal;
  19. font-style: normal;
  20. }
  21. @import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
  22. // Override theme settings (see ../template/settings.scss)
  23. $mainColor: #333;
  24. $headingColor: #333;
  25. $headingTextShadow: none;
  26. $backgroundColor: #f7f3de;
  27. $linkColor: #8b743d;
  28. $linkColorHover: lighten( $linkColor, 20% );
  29. $selectionBackgroundColor: rgba(79, 64, 28, 0.99);
  30. $heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);
  31. // Background generator
  32. @mixin bodyBackground() {
  33. @include radial-gradient( rgba(247,242,211,1), rgba(255,255,255,1) );
  34. }
  35. // Theme template ------------------------------
  36. @import "../template/theme";
  37. // ---------------------------------------------