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   float: left;
  42   padding-top: 6px;
  43   padding-right: 5px;
  44 }
  45 .node.collapsed::before {
  46   color: #222;
  47   content: '\25B8';
  48 }
  49 .node.expanded::before {
  50   color: #aaa;
  51   content: '\25B9';
  52 }
  53
  54 .node.collapsed > .node {
  55   display: none;
  56 }
  57
  58 .nodeContent {
  59   padding: 2px 1rem;;
  60   line-height: 1.7rem;
  61 }
  62 .node.cursor.expanded::before {
  63   color: #000;
  64   content: '\25B8';
  65 }
  66 .node.cursor.collapsed::before {
  67   color: #fff;
  68 }
  69 .node.cursor > .nodeContent {
  70   color: #fff;
  71   background-color: #000;
  72 }
  73 .nodeContent img {
  74   width: 100%;
  75 }
  76
  77 .cursor.hidden-cursor > .nodeContent {
  78   color: #000;
  79   background-color: #fff;
  80 }
  81 .strikethrough, .strikethrough .node {
  82   text-decoration: line-through;
  83   color: #808080;
  84 }
  85
  86
  87 footer {
  88   text-align: center;
  89 }
  90
  91
  92 /* text styles */
  93
  94 em {
  95   font-style: italic;
  96 }
  97 strong, b {
  98   font-weight: bold;
  99 }
 100 h1 {
 101   font-size: 1.7rem;
 102 }
 103 table {
 104   border: solid 1px #ddd;
 105 }
 106 th {
 107   font-weight: bold;
 108   background-color: #666;
 109   color: #fff;
 110 }
 111 th, td {
 112   padding: 0.7rem;
 113 }
 114 tr:nth-child(even) {
 115   background-color: #eee;
 116 }
 117 kbd {
 118   border: solid 1px #aaa;
 119   background-color: #d2d2d2;
 120   padding: 0 5px;
 121   line-height: 1rem;
 122   white-space: nowrap;
 123 }
 124