×
Create a new article
Write your page title here:
We currently have 30 articles on Hallmark SMP Wiki. Type your article name above or click on one of the titles below and start writing!



    Hallmark SMP Wiki

    MediaWiki:Common.css: Difference between revisions

    No edit summary
    No edit summary
    Line 80: Line 80:


         .sep-row-container {
         .sep-row-container {
             margin-top: 0;
             margin-top: 30px;
         }
         }
    }
    }

    Revision as of 22:57, 23 July 2025

    .main-btn:hover {
        scale: 1.02;
        background: #fff6f6;
        border: 1px solid #ffc4c4;
    }
    
    .main-btn {
        border: 1px solid #d7d7d7;
        border-radius: 20px;
        padding: 20px;
        margin: 10px;
        width: 75%;
        max-width: 500px;
        transition: scale 0.2s ease, background 0.2s ease, border 0.2s ease;
    }
    
    .main-btn-list {
        margin-top: -20px;
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }
    
    .main-btn img {
        width: 90%;
        height: auto;
    }
    
    p.sub {
        color: #1c1c1c;
        font-size: 10px;
    }
    
    .sep-box h2 {
        margin: 0;
        margin-top: -10px;
    }
    
    .sep-box {
        padding: 20px;
        width: 90%;
        margin: 5px;
        background: #f8f8f8;
        border: 1px solid #efefef;
    }
    
    .sep-row-container {
        margin-top: 75px;
        display: flex;
        flex-direction: column;
        width: auto;
        padding: 20px;
        border: 1px solid #d1d1d1;
    }
    
    .sep-row-container #caption {
        text-align: center;
        color: #bc5858;
        font-weight: bold;
        margin-top: -10px;
    }
    
    .sep-row {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    
    @media only screen and (max-width: 600px) {
        .sep-row {
            flex-direction: column;
            align-items: center;
        }
    
        .mw-capiunto-infobox {
            float: none;
            width: 90%;
        }
    
        .sep-row-container {
            margin-top: 30px;
        }
    }