button, input { font-family: inherit; } button:focus { outline: none; } .button { border-radius: 3px; box-shadow: #ECEBEB 1px 1px 2px; line-height: 26px; padding: 4px 10px 4px 10px; cursor: pointer; color: #898989; display: inline-block; box-sizing: border-box; } .button:disabled, .button:hover:disabled { border: 1px solid #cbcbcb; background: linear-gradient(to top, #cbcbcb, #cfcfcf); } .button-default { background: linear-gradient(to bottom, #f4f4f4, #e8e8e8); border: 1px solid #d3d3d3; } .button-default:hover { background: linear-gradient(to bottom, #fefefe, #dddcdc); } .button-default:active { background: linear-gradient(to bottom, #fefdfd, #d4d1d1); } .button-primary { background: linear-gradient(to top, #ff7e08, #ff9e14); color: #fff; border: 1px solid #ec8b00; font-weight: bold; } a.button-primary { color: #fff; } .button-primary:hover { background: linear-gradient(to top, #ff912d, #ffb72e); color: #ffffff; } .button-primary:active { background: linear-gradient(to top, #ee7609, #ff9712); color: #ffffff; } .button-action { border: 1px solid #2c961a; background: linear-gradient(to bottom, #3bc412, #33a810); color: #ffffff; } .button-action:hover { border-color: #176f0a; background: linear-gradient(to bottom, #33cd19, #3b9d2a); } .button-block { display: block; width: 100%; } .button-large { font-size: 18px; line-height: 40px; } .button-mini { padding: 0 15px; } .text { border-radius: 4px; border: 1px solid #b7b7b7; background-color: #ffffff; box-shadow: inset 0 0 10px rgba(160, 160, 160, 0.5); padding: 10px; } .text-block { display: block; width: 100%; box-sizing: border-box; } select.normal { padding: 5px; background-color: #ffffff; box-shadow: inset 0 0 5px 0 rgba(150,150,150,0.3); width: 160px; border: 1px solid #b5b5b5; color: #737373; } select.normal:disabled { color: #bbbbbb; background-color: #f6f6f6; border-color: #d9d9d9; } select.normal:focus { outline: none; } .txt-input { border: 1px solid #b7b7b7; border-radius: 2px; line-height: 16px; background-image: linear-gradient(to bottom, #e7e7e7 0, #fff 20%); font-size: 14px; padding: 4px; } .txt-input-block { display: block; box-sizing: border-box; width: 100%; } .button-toolbar { color: #616161; height: 26px; background: linear-gradient(180deg, #f4f4f4, #e9e8e9); border: 1px solid #d1d1d1; border-radius: 2px; cursor: pointer; } .button-toolbar:hover { background: linear-gradient(180deg, #fefefe, #f3f3f3); border: 1px solid #e1e1e1; }