Template:Button/styles.css: Difference between revisions

/* Main button style */
.background_form_element {
    display: inline-block;
    padding: 0.25em 0.6em;
    font-size: 10.2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.35em;
    text-align: center;
    color: #2b333c;
    cursor: pointer;
    user-select: none;

    /* Border styling */
    border: 3px double;
    border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;

    /* Safe background using gradient instead of GIF */
    background: linear-gradient(to bottom, #e9e9e9 0%, #f0f0f0 100%, #f8f7f7 100%);
    border-radius: 4px;

    /* Smooth hover transition */
    transition: all 0.2s ease;
}

/* Hover effect */
.background_form_element:hover {
    border-color: #aedf9a #94da78 #6ab94b #94da78;
    background: linear-gradient(to bottom, #dff2d0 0%, #b4e184 100%);
}