github.com/bitcubate/cryptojournal@v1.2.5-0.20171102134152-f578b3d788ab/src/lib/editable/assets/styles/editable.css (about)

     1  /* Editable.js styling */
     2  
     3  .toolbar {
     4      list-style: none;
     5      min-height: 3rem;
     6      padding: 0;
     7      margin: 0;
     8  }
     9  
    10  .toolbar li {
    11      padding: 0;
    12      margin: 0;
    13      float: left;
    14      position: relative;
    15  }
    16  
    17  .toolbar li a {
    18      margin: 0;
    19      width: 3rem;
    20      height: 3rem;
    21      line-height: 3rem;
    22      display: block;
    23      text-align: center;
    24      overflow: hidden;
    25      position: relative;
    26      top: 0;
    27      margin: -1px -1px 0 0;
    28      background-color: #fff;
    29      color: #555;
    30      border: 1px solid #ccc;
    31  }
    32  
    33  .toolbar li.right {
    34      float: right;
    35      border-left: 1px solid #ccc;
    36  }
    37  
    38  .toolbar li:first-child {}
    39  
    40  .toolbar li a:hover {
    41      background-color: #dedede;
    42  }
    43  
    44  .toolbar li.clear {
    45      clear: both;
    46  }
    47  
    48  .toolbar .button-blockquote {
    49      font-size: 1.3em;
    50      position: relative;
    51      top: 0.28em;
    52  }
    53  
    54  .toolbar .button-ol,
    55  .toolbar .button-ul {
    56      font-size: 0.6em;
    57      line-height: 1rem;
    58      top: 0.5rem;
    59      position: relative;
    60      display: block;
    61  }
    62  
    63  .toolbar .button-code {
    64      font-size: 0.7em;
    65      font-family: monospace;
    66  }
    67  
    68  .toolbar .button-html {
    69      letter-spacing: 0.2em;
    70  }
    71  
    72  .content-editable {
    73      clear: both;
    74      border: 1px solid #ccc;
    75      padding: 1rem;
    76      margin: 0rem 0rem 2rem 0rem;
    77      z-index: 2;
    78      position: relative;
    79      top: -1px;
    80      min-height: 3em;
    81  }
    82  
    83  .content-editable:focus {
    84      outline: 0;
    85  }
    86  
    87  .content-textarea {
    88      clear: both;
    89      top: -1px;
    90      width: 100%;
    91      min-height: 50em;
    92      background-color: #222;
    93      color: #ddd;
    94      font: 14px/1.5em 'Consolas', 'Monaco', 'Lucida Console', 'Liberation Mono', 'Mono', 'Courier New', monospace;
    95      padding: 2rem;
    96      border-radius: 0;
    97  }