Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Module:ArticleButton/styles.css: Difference between revisions

From Ved's Trolleybuses Place Wiki
No edit summary
No edit summary
Line 3: Line 3:
     align-items: center;
     align-items: center;
     padding: 8px 16px;
     padding: 8px 16px;
    border: 1px solid #ccc;
     border-radius: 8px;
     border-radius: 8px;
background-color: #121212;
background-color: #121212;
border: 1px solid #444;
color: #fff;
     text-decoration: none;
     text-decoration: none;
     font-size: 14px;
     font-size: 14px;
    color: #333;
     cursor: pointer;
     cursor: pointer;
     transition: background-color 0.3s, color 0.3s;
     transition: background-color 0.3s, color 0.3s;
Line 14: Line 14:


.button-with-circle:hover {
.button-with-circle:hover {
     background-color: #e0e0e0;
     background: #1e1e1e;
     color: #000;
     color: #000;
}
}

Revision as of 07:43, 13 December 2024

.button-with-circle {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 8px;
	background-color: #121212;
	border: 1px solid #444;
	color: #fff;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.button-with-circle:hover {
    background: #1e1e1e;
    color: #000;
}

.circle-image img {
    width: 32px;
    height: 32px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    margin-right: 8px;
}