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
  10 .modal {
  11   position: absolute;
  12   top: 0;
  13   left: 0;
  14   width: 100%;
  15 }
  16 .modal-content {
  17   position: relative;
  18   top: 5px;
  19   margin: 5rem auto;
  20   width: 50%;
  21   background-color: #fff;
  22   border: solid 1px #ddd;
  23   padding: 1rem;
  24   box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  25 }
  26 .modal-content > h1 {
  27   margin-bottom: 1rem;
  28 }
  29
  30 #outliner {
  31   background-color: #fff;
  32   border: solid 1px #ddd;
  33   padding: 2rem 1rem;
  34   margin: 2rem 0;
  35 }
  36 .node {
  37   margin: 0 1rem;
  38   color: #222;
  39 }
  40 .node.collapsed::before, .node.expanded::before {
  41   content: '\22B3';
  42   float: left;
  43   padding-top: 6px;
  44   padding-right: 5px;
  45 }
  46 .node.collapsed::before {
  47   color: #222;
  48 }
  49 .node.expanded::before {
  50   color: #aaa;
  51 }
  52
  53 .node.collapsed > .node {
  54   display: none;
  55 }
  56
  57 .nodeContent {
  58   padding: 2px 1rem;;
  59   line-height: 1.7rem;
  60 }
  61 .node.cursor > .nodeContent {
  62   color: #fff;
  63   background-color: #000;
  64 }
  65 .nodeContent img {
  66   width: 100%;
  67 }
  68
  69 .cursor.hidden-cursor > .nodeContent {
  70   color: #000;
  71   background-color: #fff;
  72 }
  73
  74
  75 footer {
  76   text-align: center;
  77 }
  78
  79
  80 /* text styles */
  81
  82 em {
  83   font-style: italic;
  84 }
  85 strong, b {
  86   font-weight: bold;
  87 }
  88 h1 {
  89   font-size: 1.7rem;
  90 }
  91 table {
  92   border: solid 1px #ddd;
  93 }
  94 th {
  95   font-weight: bold;
  96   background-color: #666;
  97   color: #fff;
  98 }
  99 th, td {
 100   padding: 0.7rem;
 101 }
 102 tr:nth-child(even) {
 103   background-color: #eee;
 104 }
 105 kbd {
 106   border: solid 1px #aaa;
 107   background-color: #d2d2d2;
 108   padding: 0 5px;
 109   line-height: 1rem;
 110   white-space: nowrap;
 111 }
 112