Template:Pagination/styles.css: Difference between revisions

    From Gallowpedia, the MediEvil Wiki. You'll be dying to read!
    No edit summary
    No edit summary
     
    (5 intermediate revisions by the same user not shown)
    Line 19: Line 19:
         table-layout: auto;
         table-layout: auto;
         border-spacing: 5px 0;
         border-spacing: 5px 0;
         border-bottom: 4px solid var(--color-subtle);
         border-bottom: 4px solid var(--color-dark-purple);
    }
    }


    .pagination td {
    .pagination td {
         border-radius: 3px;
         border-top-right-radius: 3px;
        border-top-left-radius: 3px;
         border: 0;
         border: 0;
         background-color: var(--color-surface-2);
         background-color: var(--color-surface-2);
    Line 48: Line 49:
    .pagination a:hover {
    .pagination a:hover {
         text-decoration: underline;
         text-decoration: underline;
    }
    .pagination a.mw-selflink:hover {
        text-decoration: none;
    }
    }

    Latest revision as of 00:58, 28 March 2025

    .pagination {
        display: flex;
        flex-flow: row nowrap;
        column-gap: 0;
    }
    
    .pagination .pages {
        width: 100%;
        border: 0;
        background-color: transparent;
        float: none;
        margin: auto;
        clear: none;
        margin-bottom: 10px;
    }
    
    .pagination table {
        width: auto;
        table-layout: auto;
        border-spacing: 5px 0;
        border-bottom: 4px solid var(--color-dark-purple);
    }
    
    .pagination td {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border: 0;
        background-color: var(--color-surface-2);
        margin-left: 5px;
        padding: 5px 10px 5px 10px;
        transition: all 0.1s linear 0s;
    }
    
    .pagination a.mw-selflink {
        color: white;
    }
    
    .pagination a.mw-selflink:hover {
        text-decoration: none;
    }
    
    .pagination a {
        padding: 5px 5px 10px 5px;
        text-decoration: none;
        color: var(--color-link);
        font-weight: bold;
    }
    
    .pagination a:hover {
        text-decoration: underline;
    }
    
    .pagination a.mw-selflink:hover {
        text-decoration: none;
    }