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 .strikethrough, .strikethrough .node {
  74   text-decoration: line-through;
  75   color: #808080;
  76 }
  77
  78
  79 footer {
  80   text-align: center;
  81 }
  82
  83
  84 /* text styles */
  85
  86 em {
  87   font-style: italic;
  88 }
  89 strong, b {
  90   font-weight: bold;
  91 }
  92 h1 {
  93   font-size: 1.7rem;
  94 }
  95 table {
  96   border: solid 1px #ddd;
  97 }
  98 th {
  99   font-weight: bold;
 100   background-color: #666;
 101   color: #fff;
 102 }
 103 th, td {
 104   padding: 0.7rem;
 105 }
 106 tr:nth-child(even) {
 107   background-color: #eee;
 108 }
 109 kbd {
 110   border: solid 1px #aaa;
 111   background-color: #d2d2d2;
 112   padding: 0 5px;
 113   line-height: 1rem;
 114   white-space: nowrap;
 115 }
 116