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

     1  .user.profile .ui.card .header {
     2    display: block;
     3    font-weight: var(--font-weight-semibold);
     4    font-size: 1.3rem;
     5    margin-top: -0.2rem;
     6    line-height: 1.3rem;
     7  }
     8  
     9  .user.profile .ui.card .profile-avatar-name {
    10    border-top: none;
    11    text-align: center;
    12  }
    13  
    14  .user.profile .ui.card .extra.content {
    15    padding: 0;
    16  }
    17  
    18  .user.profile .ui.card .extra.content > ul {
    19    margin: 0;
    20    padding: 0;
    21  }
    22  
    23  .user.profile .ui.card .extra.content > ul > li {
    24    padding: 10px;
    25    display: flex;
    26    list-style: none;
    27    align-items: center;
    28    gap: 0.25em;
    29  }
    30  
    31  .user.profile .ui.card .extra.content > ul > li:not(:last-child) {
    32    border-bottom: 1px solid var(--color-secondary);
    33  }
    34  
    35  .user.profile .ui.card .extra.content > ul > li.follow .ui.button {
    36    width: 100%;
    37  }
    38  
    39  .user.profile .ui.card #profile-avatar {
    40    padding: 1rem 1rem 0.25rem;
    41    justify-content: center;
    42  }
    43  
    44  .user.profile .ui.card #profile-avatar img {
    45    max-width: 100%;
    46    height: auto;
    47  }
    48  
    49  @media (max-width: 767.98px) {
    50    .user.profile .ui.card #profile-avatar img {
    51      width: 30vw;
    52    }
    53  }
    54  
    55  @media (max-width: 767.98px) {
    56    .user.profile .ui.card {
    57      width: 100%;
    58    }
    59  }
    60  
    61  .user.profile .ui.secondary.stackable.pointing.menu {
    62    flex-wrap: wrap;
    63  }
    64  
    65  .user.followers .header.name {
    66    font-size: 20px;
    67    line-height: 24px;
    68    vertical-align: middle;
    69  }
    70  
    71  .user.followers .follow .ui.button {
    72    padding: 8px 15px;
    73  }
    74  
    75  .user.link-account:not(.icon) {
    76    padding-top: 15px;
    77    padding-bottom: 5px;
    78  }
    79  
    80  .user.settings .iconFloat {
    81    float: left;
    82  }
    83  
    84  .user-orgs {
    85    display: flex;
    86    flex-flow: row wrap;
    87    padding: 0;
    88    margin: -3px !important;
    89  }
    90  
    91  .user-orgs > li {
    92    display: flex;
    93    border-bottom: 0 !important;
    94    padding: 3px !important;
    95    max-width: 60px;
    96  }
    97  
    98  .user-badges {
    99    display: grid;
   100    grid-template-columns: repeat(auto-fill, 64px);
   101    gap: 2px;
   102  }
   103  
   104  .user-badges img {
   105    object-fit: contain;
   106  }
   107  
   108  #readme_profile {
   109    padding: 1em 2em;
   110    border-radius: var(--border-radius);
   111    background: var(--color-card);
   112    border: 1px solid var(--color-secondary);
   113  }
   114  
   115  #notification_table {
   116    background: var(--color-box-body);
   117    border: 1px solid var(--color-secondary);
   118    border-radius: var(--border-radius);
   119  }
   120  
   121  .notifications-item:hover {
   122    background: var(--color-hover);
   123  }
   124  
   125  .notifications-buttons {
   126    display: none;
   127    min-width: 74px;
   128  }
   129  
   130  .notifications-updated {
   131    display: flex;
   132  }
   133  
   134  .notifications-item:hover .notifications-buttons {
   135    display: flex;
   136  }
   137  
   138  .notifications-item:hover .notifications-updated {
   139    display: none;
   140  }