head.html 993 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!-- This partial is included before the end of the head tag for only the 'example' presentation -->
  2. <!-- A common use would be to add CSS to the page to customize the theme -->
  3. <style>
  4. /* Add padding, margin and a hover effect on code samples */
  5. .reveal section pre {
  6. box-shadow: none;
  7. margin-top: 25px;
  8. margin-bottom: 25px;
  9. border: 1px solid lightgrey;
  10. }
  11. .reveal section pre:hover {
  12. border: 1px solid grey;
  13. transition: border 0.3s ease;
  14. }
  15. .reveal section pre > code {
  16. padding: 10px;
  17. }
  18. .reveal table {
  19. font-size: 0.65em;
  20. }
  21. /* For slide-specific CSS example */
  22. .reveal section.side-by-side h1 {
  23. position: absolute;
  24. }
  25. .reveal section.side-by-side h1:first-of-type {
  26. left: 25%;
  27. }
  28. .reveal section.side-by-side h1:nth-of-type(2) {
  29. right: 25%;
  30. }
  31. .reveal section[data-background-image] a,
  32. .reveal section[data-background-image] p,
  33. .reveal section[data-background-image] h2 {
  34. color: white;
  35. }
  36. .reveal section[data-background-image] a {
  37. text-decoration: underline;
  38. }
  39. </style>