public/assets/style.css

   1 body {
   2   background-color: #eee;
   3   font-size: 1rem;
   4   margin: 4rem;
   5   margin: 0 auto;
   6   width: 780px;
   7   padding: 2rem 1rem;
   8 }
   9 #outliner {
  10   background-color: #fff;
  11   border: solid 1px #ddd;
  12   padding: 2rem 1rem;
  13   margin: 2rem 0;
  14 }
  15
  16 .node {
  17   margin: 0 1rem;
  18   color: #222;
  19 }
  20 .node.collapsed::before, .node.expanded::before {
  21   content: '\22B3';
  22   float: left;
  23   padding-top: 6px;
  24   padding-right: 5px;
  25 }
  26 .node.collapsed::before {
  27   color: #222;
  28 }
  29 .node.expanded::before {
  30   color: #aaa;
  31 }
  32
  33 .node.collapsed > .node {
  34   display: none;
  35 }
  36
  37 .nodeContent {
  38   padding: 2px 1rem;;
  39   line-height: 1.7rem;
  40 }
  41 .node.cursor > .nodeContent {
  42   color: #fff;
  43   background-color: #000;
  44 }
  45 .nodeContent img {
  46   width: 100%;
  47 }
  48
  49 .cursor.hidden-cursor > .nodeContent {
  50   color: #000;
  51   background-color: #fff;
  52 }
  53
  54
  55 footer {
  56   text-align: center;
  57 }
  58
  59
  60 /* default styles */
  61
  62 em {
  63   font-style: italic;
  64 }
  65 strong, b {
  66   font-weight: bold;
  67 }