make buttons more buttony

This commit is contained in:
2023-02-10 12:44:58 -06:00
parent d2958966be
commit 5d551e9ed9
+33 -5
View File
@@ -12,11 +12,22 @@ h3 {
.atem-input {
width: 35px;
height: 35px;
background: white;
border: 2px solid;
border-color: #bcbcbc;
border-radius: 3px;
margin: 6px;
background: rgb(250, 250, 249);
background: radial-gradient(
circle,
rgba(250, 250, 249, 1) 0%,
rgba(249, 249, 249, 1) 54%,
rgba(203, 203, 203, 1) 66%,
rgba(234, 235, 235, 1) 78%,
rgba(209, 212, 212, 1) 86%,
rgba(224, 224, 224, 1) 90%,
rgba(255, 255, 255, 1) 100%
);
}
.source-wrapper {
@@ -30,14 +41,30 @@ h3 {
}
.atem-red {
background: rgb(255, 128, 132);
background: radial-gradient(circle, rgba(255, 128, 132, 1) 0%, rgba(247, 18, 48, 1), rgba(255, 43, 58, 1) 100%);
background: rgb(255, 104, 108);
background: radial-gradient(
circle,
rgba(255, 104, 108, 1) 0%,
rgba(235, 11, 40, 1) 55%,
rgba(255, 41, 68, 1) 69%,
rgba(249, 24, 50, 1) 75%,
rgba(232, 0, 26, 1) 79%,
rgba(255, 43, 58, 1) 100%
);
box-shadow: 0px 0px 10px 1px rgb(255, 128, 132);
}
.atem-green {
background: rgb(14, 238, 7);
background: radial-gradient(circle, rgba(14, 238, 7, 1) 0%, rgba(29, 204, 14, 1) 100%);
background: rgb(78, 255, 73);
background: radial-gradient(
circle,
rgba(78, 255, 73, 1) 0%,
rgba(42, 198, 34, 1) 55%,
rgba(35, 217, 24, 1) 69%,
rgba(22, 199, 17, 1) 75%,
rgba(13, 208, 0, 1) 79%,
rgba(29, 204, 14, 1) 100%
);
box-shadow: 0px 0px 10px 1px rgb(14, 238, 7);
}
@@ -153,6 +180,7 @@ h3 {
}
.clear {
background: transparent;
border-color: transparent;
background-color: transparent;
}