MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Styles loaded via LocalSettings.php hook — see mediawiki/Common.css */

/* Home page chat input */
.ms-home-chat-form {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    border: 2px solid #e0e0e0;
    border-radius: 28px;
    overflow: hidden;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: white;
}
.ms-home-chat-form:focus-within {
    border-color: #1a237e;
    box-shadow: 0 0 0 3px rgba(26, 35, 126, 0.1);
}
.ms-home-chat-input {
    flex: 1;
    border: none !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
    outline: none !important;
    background: transparent !important;
    color: #333;
}
.ms-home-chat-input::placeholder {
    color: #999;
}
.ms-home-chat-btn {
    border: none;
    background: linear-gradient(135deg, #1a237e, #00897b);
    color: white;
    padding: 14px 20px;
    font-size: 18px;
    cursor: pointer;
    transition: opacity 0.2s;
}
.ms-home-chat-btn:hover {
    opacity: 0.9;
}
.ms-chat-input-wrapper {
    text-align: center;
    margin: 20px auto 28px;
}