code.gitea.io/gitea@v1.22.3/web_src/css/home.css (about)

     1  .home .logo {
     2    max-width: 220px;
     3  }
     4  
     5  @media (max-width: 767.98px) {
     6    .home .hero h1 {
     7      font-size: 3.5em;
     8    }
     9    .home .hero h2 {
    10      font-size: 2em;
    11    }
    12  }
    13  
    14  @media (min-width: 768px) {
    15    .home .hero h1 {
    16      font-size: 5.5em;
    17    }
    18    .home .hero h2 {
    19      font-size: 3em;
    20    }
    21  }
    22  
    23  .home .hero .svg {
    24    color: var(--color-green);
    25    height: 40px;
    26    width: 50px;
    27    vertical-align: bottom;
    28  }
    29  
    30  .home .hero.header {
    31    font-size: 20px;
    32  }
    33  
    34  .home p.large {
    35    font-size: 16px;
    36  }
    37  
    38  .home .stackable {
    39    padding-top: 30px;
    40  }
    41  
    42  .home a {
    43    color: var(--color-green);
    44  }
    45  
    46  .page-footer {
    47    display: flex;
    48    justify-content: space-between;
    49    background-color: var(--color-footer);
    50    border-top: 1px solid var(--color-secondary);
    51    padding: 8px 20px;
    52  }
    53  
    54  .page-footer .left-links {
    55    display: flex;
    56    flex-wrap: wrap;
    57    align-items: center;
    58    justify-content: center;
    59    gap: 0.25em;
    60  }
    61  
    62  .page-footer .right-links {
    63    min-width: 180px; /* make sure the menu dropdown doesn't overflow horizontally when language name is short */
    64    display: flex;
    65    flex-wrap: wrap;
    66    align-items: center;
    67    justify-content: center;
    68  }
    69  
    70  .page-footer .right-links > a {
    71    border-left: 1px solid var(--color-secondary-dark-1);
    72    padding-left: 8px;
    73    margin-left: 5px;
    74  }
    75  
    76  .page-footer .ui.dropdown.language .menu {
    77    max-height: min(500px, calc(100vh - 60px));
    78    overflow-y: auto;
    79    margin-bottom: 10px;
    80  }
    81  
    82  @media (max-width: 880px) {
    83    .page-footer {
    84      flex-direction: column;
    85      gap: 0.5em;
    86    }
    87  }