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

     1  /* CSS Styles for comments */
     2  
     3  article.comments {
     4      min-height: 50em;
     5  }
     6  
     7  ul.comments {
     8      clear: both;
     9      list-style: none;
    10      margin-left: 0;
    11      padding: 0;
    12  }
    13  
    14  .comment {
    15      list-style: none;
    16      max-width: 100%;
    17      overflow: hidden;
    18      margin-bottom: 2rem;
    19      padding: 1rem;
    20  }
    21  
    22  .comment img {
    23      max-width: 100%;
    24      margin: 1rem 0;
    25  }
    26  
    27  .comment .button {
    28      margin-left: 1rem;
    29  }
    30  
    31  .comment_guidelines_link {
    32      margin: 0.4rem 1rem 0 0;
    33  }
    34  
    35  .story .comment .metadata {
    36      margin-bottom: 0;
    37  }
    38  
    39  .comment .metadata .vote {
    40      font-size: 0.8em;
    41  }
    42  
    43  .comment .reply-form {
    44      clear: both;
    45      margin-top: 4rem;
    46  }
    47  
    48  .comment .button {
    49      opacity: 0.6;
    50  }
    51  
    52  .comment .button:hover {
    53      opacity: 1.0;
    54  }
    55  
    56  .comment p {
    57      line-height: 1.6em;
    58      margin: 0 0 0.3em 0;
    59  }
    60  
    61  .content-editable blockquote,
    62  .comment blockquote {
    63      color: #888;
    64      border-left: 3px solid #888;
    65      padding: 0 0 0 1em;
    66      margin: 0.5em 0.1em;
    67  }
    68  
    69  .ccontent-editable pre,
    70  .comment pre {
    71      margin: 0 1rem;
    72      padding: 1rem;
    73      border-radius: 0.2rem;
    74      background-color: #efefef;
    75  }
    76  
    77  .comment.minus1 {
    78      opacity: 0.9;
    79  }
    80  
    81  .comment.minus2 {
    82      opacity: 0.7;
    83  }
    84  
    85  .comment.minus3 {
    86      opacity: 0.5;
    87  }
    88  
    89  .comment.minus4 {
    90      opacity: 0.3;
    91  }
    92  
    93  .comment.minus5 {
    94      opacity: 0.1;
    95  }
    96  
    97  .comment.minus6 {
    98      display: none;
    99      /* should have showdead for admins I suppose */
   100  }
   101  
   102  .comment.level0 {
   103      border-bottom: 1px solid #ccc;
   104      padding-top: 1rem;
   105  }
   106  
   107  .comment.level1 {
   108      padding-left: 4%;
   109  }
   110  
   111  .comment.level2 {
   112      padding-left: 8%;
   113  }
   114  
   115  .comment.level3 {
   116      padding-left: 12%;
   117  }
   118  
   119  .comment.level4 {
   120      padding-left: 16%;
   121  }
   122  
   123  .comment.level5,
   124  .comment.level6,
   125  .comment.level7,
   126  .comment.level8,
   127  .comment.level9,
   128  .comment.level10 {
   129      padding-left: 20%;
   130  }
   131  
   132  .comment_actions {
   133      clear: both;
   134  }