Template:Button/styles.css: Difference between revisions
From SNCApedia, the shit nobody cares about encyclopedia
Jump to navigationJump to search
No edit summary Tag: Reverted |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* | /* Main button style */ | ||
.background_form_element { | .background_form_element { | ||
display: inline-block; | display: inline-block; | ||
| Line 12: | Line 12: | ||
user-select: none; | user-select: none; | ||
/* | /* Border styling */ | ||
border: 3px double; | border: 3px double; | ||
border-color: #c4cccc #acb5b5 #6f7777 #acb5b5; | 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; | border-radius: 4px; | ||
/* Smooth hover transition */ | /* Smooth hover transition */ | ||
| Line 27: | Line 27: | ||
.background_form_element:hover { | .background_form_element:hover { | ||
border-color: #aedf9a #94da78 #6ab94b #94da78; | border-color: #aedf9a #94da78 #6ab94b #94da78; | ||
background: linear-gradient(to bottom, #dff2d0 0%, #b4e184 100%); | |||
} | } | ||
Latest revision as of 18:31, 8 April 2026
/* 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%);
}
