MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 38: Line 38:


.custom-button {
.custom-button {
     display: inline-block; /* Makes the span behave like a button */
     display: inline-block; /* Makes the button behave like a block */
     padding: 10px 20px; /* Adds spacing inside the button */
     padding: 10px 20px; /* Adds spacing inside the button */
     font-size: 14px; /* Adjusts font size */
     font-size: 14px; /* Adjusts font size */
    color: #fff; /* White text color */
     background-color: #007bff; /* Blue background */
     background-color: #007bff; /* Blue background */
    border: 2px solid black; /* Black border */
     border-radius: 5px; /* Rounded corners */
     border-radius: 5px; /* Rounded corners */
    text-decoration: none; /* Removes underline from link */
     text-align: center; /* Centers text inside the button */
     text-align: center; /* Centers text inside the button */
     cursor: pointer; /* Shows pointer cursor on hover */
     cursor: pointer; /* Pointer cursor on hover */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); /* Slight drop shadow */
}
}


.custom-button a {
.custom-button:hover {
     display: block; /* Expands the link to fill the entire span */
     background-color: #0056b3; /* Darker blue on hover */
    color: #fff; /* White text color */
    text-decoration: none; /* Removes underline from link */
}
}