css: flat button layout

This commit is contained in:
Milan
2020-12-28 14:21:58 +01:00
parent 36e9b4b5fd
commit 5583c12275

View File

@@ -355,7 +355,7 @@ div.badge-error {
#content button, #content button,
#content select, #content select,
#content input { #content input {
padding: 4px; padding: 6px;
} }
#content div.flex { #content div.flex {
@@ -444,7 +444,7 @@ table.tablesorter tr {
#content input[type="file"]:hover, #content input[type="file"]:hover,
#content button:hover, #content button:hover,
#content .ui-button.ui-state-active:hover { #content .ui-button.ui-state-active:hover {
background-color: #39a1f4; background-color: #1678c2;
} }
#content .button { #content .button {
@@ -455,11 +455,12 @@ table.tablesorter tr {
#content input[type="submit"], #content input[type="submit"],
#content input[type="file"], #content input[type="file"],
#content button{ #content button{
font-weight:bold !important;
display: inline-block; display: inline-block;
border: 0; border: 0;
padding-left: 16px; padding-left: 16px;
padding-right: 16px; padding-right: 16px;
margin: 0.5rem; margin: 4px;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
min-width: 64px; min-width: 64px;
@@ -468,9 +469,8 @@ table.tablesorter tr {
color: #fff; color: #fff;
height: 36px; height: 36px;
position: relative; position: relative;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12); transition: background-color .3s cubic-bezier(.05, .05, .05, 1),
transition: background-color .3s cubic-bezier(.64, .09, .08, 1), box-shadow .3s cubic-bezier(.05, .05, .05, 1);
box-shadow .3s cubic-bezier(.64, .09, .08, 1);
} }
#content input[type="submit"]:hover, #content input[type="submit"]:hover,