You are here

Home » API reference » Acquia Lift Connector 7

acquia_lift.buttons.css in Acquia Lift Connector 7

Same filename and directory in other branches
  1. 7.2 css/acquia_lift.buttons.css
/** Button styles from Ember theme for submit and cancel buttons **/
input[type="submit"].acquia-lift-submit-button,
.acquia-lift-cancel-button {
  -webkit-appearance: none;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  margin: 0.2963em;
  max-width: 100%;
  overflow: visible;
  line-height: 1.25em;
  vertical-align: baseline;
  border: none;
  -o-border-radius: 2px;
  border-radius: 2px;
  /* Reset all button fonts to a similar baseline in webkit. */
  font: -webkit-small-control;
  font-family: "Helvetica Neue", helvetica, "Segoe UI", segoe, "Ubuntu", "Droid Sans", "Arial", sans-serif;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  padding: 0.70711em 1em;
  font-size: 1em;
  height: inherit;
  display: inline-block;
}

input[type="submit"].acquia-lift-submit-button:active {
  text-decoration: none;
  box-shadow: 0 0 0 0.2963em rgba(221, 221, 221, 0.4);
}

.acquia-lift-submit-button.action-item-primary-active {
  color: white;
  background: #008fdc;
  text-shadow: 0 1px 0 #002a42;
}

.acquia-lift-submit-button.action-item-primary-active:hover,
.acquia-lift-submit-button.action-item-primary-active:active {
  color: white;
  background: #58b7ea;
  text-shadow: 0 1px 0 #1a3646;
}

.acquia-lift-submit-button.form-button-disabled,
.acquia-lift-submit-button.form-button-disabled:active,
.acquia-lift-submit-button.form-button-disabled:hover {
  color: #bbb;
  background: #717171;
  cursor: not-allowed;
}

.acquia-lift-cancel-button {
  color: black;
  background: #dddddd;
  text-shadow: 0 1px 0 #f4f4f4;
}

.acquia-lift-cancel-button:hover,
.acquia-lift-cancel-button:active {
  color: #303030;
  background: #e3e3e3;
  text-shadow: 0 1px 0 #f6f6f6;
}

File

css/acquia_lift.buttons.css
View source 
  1. /** Button styles from Ember theme for submit and cancel buttons **/

  2. input[type="submit"].acquia-lift-submit-button,

  3. .acquia-lift-cancel-button {

  4.   -webkit-appearance: none;

  5.   -moz-box-sizing: border-box;

  6.        box-sizing: border-box;

  7.   margin: 0.2963em;

  8.   max-width: 100%;

  9.   overflow: visible;

  10.   line-height: 1.25em;

  11.   vertical-align: baseline;

  12.   border: none;

  13.   -o-border-radius: 2px;

  14.   border-radius: 2px;

  15.   /* Reset all button fonts to a similar baseline in webkit. */

  16.   font: -webkit-small-control;

  17.   font-family: "Helvetica Neue", helvetica, "Segoe UI", segoe, "Ubuntu", "Droid Sans", "Arial", sans-serif;

  18.   font-weight: 700;

  19.   text-align: center;

  20.   text-decoration: none;

  21.   cursor: pointer;

  22.   outline: none;

  23.   padding: 0.70711em 1em;

  24.   font-size: 1em;

  25.   height: inherit;

  26.   display: inline-block;

  27. }

  28. 

  29. input[type="submit"].acquia-lift-submit-button:active {

  30.   text-decoration: none;

  31.   box-shadow: 0 0 0 0.2963em rgba(221, 221, 221, 0.4);

  32. }

  33. 

  34. .acquia-lift-submit-button.action-item-primary-active {

  35.   color: white;

  36.   background: #008fdc;

  37.   text-shadow: 0 1px 0 #002a42;

  38. }

  39. 

  40. .acquia-lift-submit-button.action-item-primary-active:hover,

  41. .acquia-lift-submit-button.action-item-primary-active:active {

  42.   color: white;

  43.   background: #58b7ea;

  44.   text-shadow: 0 1px 0 #1a3646;

  45. }

  46. 

  47. .acquia-lift-submit-button.form-button-disabled,

  48. .acquia-lift-submit-button.form-button-disabled:active,

  49. .acquia-lift-submit-button.form-button-disabled:hover {

  50.   color: #bbb;

  51.   background: #717171;

  52.   cursor: not-allowed;

  53. }

  54. 

  55. .acquia-lift-cancel-button {

  56.   color: black;

  57.   background: #dddddd;

  58.   text-shadow: 0 1px 0 #f4f4f4;

  59. }

  60. 

  61. .acquia-lift-cancel-button:hover,

  62. .acquia-lift-cancel-button:active {

  63.   color: #303030;

  64.   background: #e3e3e3;

  65.   text-shadow: 0 1px 0 #f6f6f6;

  66. }