Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-02-13 08:18:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Remove button gradient

Browse Source
This commit is contained in:
Dennis Eichhorn 2018-01-07 17:37:34 +01:00
parent 1953249163
commit f2d7094c84
3 changed files with 134 additions and 158 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
button.css
View File

@ -13,25 +13,13 @@ button, input[type="submit"], input[type="button"], a.button {
min-width: 70px; min-width: 70px;
height: 2rem; height: 2rem;
font-size: 0.9rem; font-size: 0.9rem;
background: #d9d9d9; background: #f1f1f1;
background: -moz-linear-gradient(top, #f1f1f1 0, #d1d1d1 100);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1f1f1), color-stop(100, #d1d1d1));
background: -webkit-linear-gradient(top, #f1f1f1 0, #d1d1d1 100);
background: -o-linear-gradient(top, #f1f1f1 0, #d1d1d1 100);
background: -ms-linear-gradient(top, #f1f1f1 0, #d1d1d1 100);
background: linear-gradient(to bottom, #f1f1f1 0, #d1d1d1 100);
-moz-box-shadow: inset 1px 1px 0px 0px #ffffff; -moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
box-shadow: inset 1px 1px 0px 0px #ffffff; } box-shadow: inset 1px 1px 0px 0px #ffffff; }
button:hover, button :active, input[type="submit"]:hover, input[type="submit"] :active, input[type="button"]:hover, input[type="button"] :active, a.button:hover, a.button :active { button:hover, button :active, input[type="submit"]:hover, input[type="submit"] :active, input[type="button"]:hover, input[type="button"] :active, a.button:hover, a.button :active {
text-shadow: -1px -1px 1px #ffffff; text-shadow: -1px -1px 1px #ffffff;
background: #d9d9d9; background: #d6d6d6; }
background: -moz-linear-gradient(top, #d6d6d6 0, #ededed 100);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d6d6d6), color-stop(100, #ededed));
background: -webkit-linear-gradient(top, #d6d6d6 0, #ededed 100);
background: -o-linear-gradient(top, #d6d6d6 0, #ededed 100);
background: -ms-linear-gradient(top, #d6d6d6 0, #ededed 100);
background: linear-gradient(to bottom, #d6d6d6 0, #ededed 100); }
button.red { button.red {
color: #ffffff; color: #ffffff;

4
button.scss
View File

@ -11,12 +11,12 @@ button, input[type="submit"], input[type="button"], a.button {
min-width: 70px; min-width: 70px;
height: 2rem; height: 2rem;
font-size: 0.9rem; font-size: 0.9rem;
@include gradient-top-bottom(#f1f1f1, 0, #d1d1d1, 100, #d9d9d9); background: #f1f1f1;
@include box-shadow-out(#ffffff); @include box-shadow-out(#ffffff);
&:hover, :active { &:hover, :active {
text-shadow: -1px -1px 1px #ffffff; text-shadow: -1px -1px 1px #ffffff;
@include gradient-top-bottom(#d6d6d6, 0, #ededed, 100, #d9d9d9); background: #d6d6d6;
} }
} }

16
styles.css
View File

@ -3990,25 +3990,13 @@ button, input[type="submit"], input[type="button"], a.button {
min-width: 70px; min-width: 70px;
height: 2rem; height: 2rem;
font-size: 0.9rem; font-size: 0.9rem;
background: #d9d9d9; background: #f1f1f1;
background: -moz-linear-gradient(top, #f1f1f1 0, #d1d1d1 100);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1f1f1), color-stop(100, #d1d1d1));
background: -webkit-linear-gradient(top, #f1f1f1 0, #d1d1d1 100);
background: -o-linear-gradient(top, #f1f1f1 0, #d1d1d1 100);
background: -ms-linear-gradient(top, #f1f1f1 0, #d1d1d1 100);
background: linear-gradient(to bottom, #f1f1f1 0, #d1d1d1 100);
-moz-box-shadow: inset 1px 1px 0px 0px #ffffff; -moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
box-shadow: inset 1px 1px 0px 0px #ffffff; } box-shadow: inset 1px 1px 0px 0px #ffffff; }
button:hover, button :active, input[type="submit"]:hover, input[type="submit"] :active, input[type="button"]:hover, input[type="button"] :active, a.button:hover, a.button :active { button:hover, button :active, input[type="submit"]:hover, input[type="submit"] :active, input[type="button"]:hover, input[type="button"] :active, a.button:hover, a.button :active {
text-shadow: -1px -1px 1px #ffffff; text-shadow: -1px -1px 1px #ffffff;
background: #d9d9d9; background: #d6d6d6; }
background: -moz-linear-gradient(top, #d6d6d6 0, #ededed 100);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d6d6d6), color-stop(100, #ededed));
background: -webkit-linear-gradient(top, #d6d6d6 0, #ededed 100);
background: -o-linear-gradient(top, #d6d6d6 0, #ededed 100);
background: -ms-linear-gradient(top, #d6d6d6 0, #ededed 100);
background: linear-gradient(to bottom, #d6d6d6 0, #ededed 100); }
button.red { button.red {
color: #ffffff; color: #ffffff;