code.gitea.io/gitea@v1.21.7/web_src/css/markup/codecopy.css (about)

     1  .markup .code-block,
     2  .markup .mermaid-block {
     3    position: relative;
     4  }
     5  
     6  .markup .code-copy {
     7    position: absolute;
     8    top: 8px;
     9    right: 6px;
    10    padding: 9px;
    11    visibility: hidden;
    12    animation: fadeout 0.2s both;
    13  }
    14  
    15  /* adjustments for comment content having only 14px font size */
    16  .repository.view.issue .comment-list .comment .markup .code-copy {
    17    right: 5px;
    18    padding: 8px;
    19  }
    20  
    21  /* can not use regular transparent button colors for hover and active states because
    22     we need opaque colors here as code can appear behind the button */
    23  .markup .code-copy:hover {
    24    background: var(--color-secondary) !important;
    25  }
    26  
    27  .markup .code-copy:active {
    28    background: var(--color-secondary-dark-1) !important;
    29  }
    30  
    31  .markup .code-block:hover .code-copy,
    32  .markup .mermaid-block:hover .code-copy {
    33    visibility: visible;
    34    animation: fadein 0.2s both;
    35  }