SimpleButton/styles.css: Difference between revisions
From Project Rebearth
No edit summary |
Tag: Undo |
||
| Line 1: | Line 1: | ||
.mp-button { | .mp-button { | ||
background: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent); | background: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent); | ||
color: #562c1b; | |||
padding: 5px 40px; | |||
border-top: 2px solid; | border-top: 2px solid; | ||
border-bottom: 2px solid; | border-bottom: 2px solid; | ||
border-image: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent) 1; | border-image: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent) 1; | ||
} | } | ||
.mp-button:hover { | .mp-button:hover { | ||
background: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent); | background: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent); | ||
color: #e8daa8; | |||
border-image: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent) 1; | border-image: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent) 1; | ||
} | } | ||
.mp-button | .mp-button a { | ||
color: | color: inherit; | ||
text-decoration: none; | |||
} | } | ||
.mp-button | .mp-button:hover a { | ||
color: inherit; | |||
} | } | ||
Revision as of 19:04, 9 February 2026
.mp-button {
background: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent);
color: #562c1b;
padding: 5px 40px;
border-top: 2px solid;
border-bottom: 2px solid;
border-image: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent) 1;
}
.mp-button:hover {
background: linear-gradient(to right, transparent, #562c1b 15%, #562c1b 90%, transparent);
color: #e8daa8;
border-image: linear-gradient(to right, transparent, #e8daa8 15%, #e8daa8 90%, transparent) 1;
}
.mp-button a {
color: inherit;
text-decoration: none;
}
.mp-button:hover a {
color: inherit;
}