1. h1 { margin-top: 0; }
    
  2. 
    
  3. /* Keep lists a bit narrow to maximize page estate regarding width. */
    
  4. ol, ul {
    
  5.     margin: 0;
    
  6.     padding: 0 0 0 1.3em;
    
  7. }
    
  8. 
    
  9. /* Images should never exceed the width of the page. */
    
  10. img { max-width: 100%; }
    
  11. 
    
  12. /* Don't display URL after links, this is not print. */
    
  13. .link-target { display: none; }
    
  14. 
    
  15. /* This is the front cover page of the book. */
    
  16. .epub-cover { text-align: center; }
    
  17. .epub-cover h1 { margin: 4em 0 0 0; }
    
  18. .epub-cover h2 { margin: 1em 0; }
    
  19. .epub-cover h3 { margin: 3em 0 2em 0; }
    
  20. 
    
  21. /* Code examples should never exceed the width of the page, so wrap instead. */
    
  22. pre, span.pre { white-space: pre-wrap; }
    
  23. 
    
  24. pre {
    
  25.     background-color: #f6f6f6;
    
  26.     border: 0;
    
  27.     padding: 0.5em;
    
  28.     font-size: 90%;
    
  29. }
    
  30. 
    
  31. /* Header for some code blocks. */
    
  32. .code-block-caption {
    
  33.     background-color: #393939;
    
  34.     color: white;
    
  35.     margin: 0;
    
  36.     padding: 0.5em;
    
  37.     font: bold 90% monospace;
    
  38. }
    
  39. .literal-block-wrapper pre {
    
  40.     margin-top: 0;
    
  41. }
    
  42. 
    
  43. a:link, a:visited { color: #396623; }
    
  44. a:hover { color: #1d3311; }
    
  45. 
    
  46. /* Use special styled note boxes from the default theme, but with the left side
    
  47. fitted after the icon, to allow text resizing with breaking. */
    
  48. .note, .admonition {
    
  49.     background-position: 9px 0.8em;
    
  50.     background-repeat: no-repeat;
    
  51.     padding: 0.8em 1em 0.8em 65px;
    
  52.     margin: 1em 0;
    
  53.     border: 0.01em solid black;
    
  54. }
    
  55. 
    
  56. .note, .admonition { background-image: url(docicons-note.png); }
    
  57. div.admonition-philosophy { background-image: url(docicons-philosophy.png); }
    
  58. div.admonition-behind-the-scenes { background-image: url(docicons-behindscenes.png); }
    
  59. .admonition.warning { background-image: url(docicons-warning.png); }
    
  60. 
    
  61. .admonition-title {
    
  62.     font-weight: bold;
    
  63.     margin: 0;
    
  64. }
    
  65. 
    
  66. .admonition .last { margin-bottom: 0; }