You are here

Home » API reference » Acquia Lift Connector 7.2

acquia_lift.buttons.css in Acquia Lift Connector 7.2

Same filename and directory in other branches
  1. 7 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,
a.acquia-lift-submit-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;
}

a.acquia-lift-submit-button:active,
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;
  text-decoration: none;
}

.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;
  text-decoration: none;
}

.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;
}

/** Buttons that look like links **/
input[type="submit"].acquia-lift-link {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-size: 1em;
  text-decoration: none;
  color: #008fdc;
  border-radius: 0;
  font-weight: normal;
}
input[type="submit"].acquia-lift-link:hover,
input[type="submit"].acquia-lift-link:active {
  text-decoration: underline;
  background: none;
  border: none;
  color: #008fdc;
  font-weight: normal;
}

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. a.acquia-lift-submit-button {

  5.   -webkit-appearance: none;

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

  7.        box-sizing: border-box;

  8.   margin: 0.2963em;

  9.   max-width: 100%;

  10.   overflow: visible;

  11.   line-height: 1.25em;

  12.   vertical-align: baseline;

  13.   border: none;

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

  15.   border-radius: 2px;

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

  17.   font: -webkit-small-control;

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

  19.   font-weight: 700;

  20.   text-align: center;

  21.   text-decoration: none;

  22.   cursor: pointer;

  23.   outline: none;

  24.   padding: 0.70711em 1em;

  25.   font-size: 1em;

  26.   height: inherit;

  27.   display: inline-block;

  28. }

  29. 

  30. a.acquia-lift-submit-button:active,

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

  32.   text-decoration: none;

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

  34. }

  35. 

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

  37.   color: white;

  38.   background: #008fdc;

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

  40.   text-decoration: none;

  41. }

  42. 

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

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

  45.   color: white;

  46.   background: #58b7ea;

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

  48.   text-decoration: none;

  49. }

  50. 

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

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

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

  54.   color: #bbb;

  55.   background: #717171;

  56.   cursor: not-allowed;

  57. }

  58. 

  59. .acquia-lift-cancel-button {

  60.   color: black;

  61.   background: #dddddd;

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

  63. }

  64. 

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

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

  67.   color: #303030;

  68.   background: #e3e3e3;

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

  70. }

  71. 

  72. /** Buttons that look like links **/

  73. input[type="submit"].acquia-lift-link {

  74.   margin: 0;

  75.   padding: 0;

  76.   border: none;

  77.   background: none;

  78.   font-size: 1em;

  79.   text-decoration: none;

  80.   color: #008fdc;

  81.   border-radius: 0;

  82.   font-weight: normal;

  83. }

  84. input[type="submit"].acquia-lift-link:hover,

  85. input[type="submit"].acquia-lift-link:active {

  86.   text-decoration: underline;

  87.   background: none;

  88.   border: none;

  89.   color: #008fdc;

  90.   font-weight: normal;

  91. }