Fixes #2144 Harmonized button colors

Switched every buttonGradient iteration to buttonLike and deleted buttonGradient class.

Added hover transition to themeActions and head-button classes.
This commit is contained in:
marsooooo
2024-04-05 17:04:55 +02:00
parent 929bd1bd73
commit acf63a700d
7 changed files with 19 additions and 40 deletions
+3 -18
View File
@@ -2188,10 +2188,10 @@ margin-top:4px; padding-bottom:3px; padding-top:3px; top:1px;
}
.themeActions a:nth-child(1) {background-color: #ffc17e; color: #222;}
.themeActions a:nth-child(1):hover {background-color: #ff7700; color: white; text-decoration: none;}
.themeActions a:nth-child(1):hover {background-color: #ff7700; color: white; text-decoration: none; transition-duration: 125ms;}
.themeActions a:nth-child(2) {background-color: #ececec; color: #222;}
.themeActions a:nth-child(2):hover {background-color: #ff9b32; color: #111; text-decoration: none;}
.themeActions a:nth-child(2):hover {background-color: #ff9b32; color: #111; text-decoration: none; transition-duration: 125ms;}
#themesContent H3 {font-size:16px; text-align:left; border-bottom:1px solid #444; letter-spacing:1px; margin:5px;}
.themeBoxes {min-height:0;text-align:left;}
@@ -6020,25 +6020,10 @@ fieldset#environment legend i[class*="icon-"] {
}
}
.buttonLike, .buttonGradient, input[type="submit"], input[type="button"], input[type="reset"] {
.buttonLike, input[type="submit"], input[type="button"], input[type="reset"] {
font-size:12px; border:none; padding:13px 20px; margin-left:0; font-weight: bold; transition: all 125ms ease-out;
}
.buttonGradient {
padding: 8px 10px;
margin-left: 5px;
background: linear-gradient(135deg, rgb(255, 119, 0) 0%, rgb(249, 76, 93) 25%, rgb(201, 74, 140) 50%, rgb(249, 76, 93) 100%); transition: 0.3s ease;
cursor: pointer;
color: white !important;
background-size: 200% 100%;
}
.syncBtn .buttonGradient {
padding:13px 20px;
}
.buttonGradient:hover {background-position-x: 100%;}
#cboxLoadedContent input[type="submit"] {margin-bottom: 20px; float: none;}
#permissions, #uploadForm fieldset {border: 0;}