You are here

Home » API reference » Acquia Lift Connector 7

acquia_lift.ctools.modal.css in Acquia Lift Connector 7

Same filename and directory in other branches
  1. 7.2 css/acquia_lift.ctools.modal.css
/* Styles to override the CTools modals */

div.ctools-modal-content.acquia-lift-modal {
  padding: 1em;
  color: #333;
  border-color: #555;
  max-width: 1000px;
}

div.ctools-modal-content.acquia-lift-modal .modal-header {
  background-color: #fff;
  padding: 0;
}

div.ctools-modal-content.acquia-lift-modal .modal-title {
  font-family: "Helvetica Neue", helvetica, "Segoe UI", segoe, "Ubuntu", "Droid Sans", "Arial", sans-serif;
  font-size: 2.2em;
  font-weight: normal;
  color: #333;
}

div.ctools-modal-content.acquia-lift-modal .modal-content {
  padding: .3em;
  color: #666;
  font-family: "Helvetica Neue", helvetica, "Segoe UI", segoe, "Ubuntu", "Droid Sans", "Arial", sans-serif;
  max-width: 1000px;
}

div.ctools-modal-content.acquia-lift-modal .form-item label {
  width: auto;
}

/* Styles specific to Acquia Lift's modal content */
/* Type select modal */
div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-type {
  border: 1px solid #CCC;
  padding: 1.4em;
  background-color: #F5F5F5;
  margin-bottom: 1.4em;
  cursor: pointer;
}

div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-type:hover {
  background-color: white;
}

div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-type:last-child {
  margin-bottom: 0;
}

div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-type-title {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0.4em;
}

div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-type-logo {
  float: left;
  width: 125px; /* Width of largest logo image */
  padding-right: 1.4em;
  text-align: center;
}

div.ctools-modal-content.acquia-lift-modal .modal-content a.acquia-lift-type-select,
div.ctools-modal-content.acquia-lift-modal .modal-content a.acquia-lift-type-select:hover,
div.ctools-modal-content.acquia-lift-modal .modal-content a.acquia-lift-type-select:active {
  color: #333;
  text-decoration: none;
}

/* Styles specific to the campaign creation form */
div.ctools-modal-content.acquia-lift-modal .modal-content label {
  float: none;
}

div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-form-type {
  display: inline-block;
  margin: 0 1em .75em 0;
  font-size: 1.4em;
}

/* Variation type details form */
.acquia-lift-variation-type-form a.acquia-lift-selector-edit {
  font-size: .8em;
  vertical-align: top;
  margin-left: .3em; /* LTR */
  cursor: pointer;
}

/* Start campaign form */
#acquia-lift-start-campaign-form .form-type-checkboxes .form-type-checkbox,
#acquia-lift-start-campaign-form .form-type-radios .form-type-radio,
#acquia-lift-start-campaign-form .form-item-campaign-end-date {
  padding: 0 10px;
}
#acquia-lift-start-campaign-form .form-item-campaign-end-date .form-item {
  margin-right: 0;
}

File

css/acquia_lift.ctools.modal.css
View source 
  1. /* Styles to override the CTools modals */

  2. 

  3. div.ctools-modal-content.acquia-lift-modal {

  4.   padding: 1em;

  5.   color: #333;

  6.   border-color: #555;

  7.   max-width: 1000px;

  8. }

  9. 

  10. div.ctools-modal-content.acquia-lift-modal .modal-header {

  11.   background-color: #fff;

  12.   padding: 0;

  13. }

  14. 

  15. div.ctools-modal-content.acquia-lift-modal .modal-title {

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

  17.   font-size: 2.2em;

  18.   font-weight: normal;

  19.   color: #333;

  20. }

  21. 

  22. div.ctools-modal-content.acquia-lift-modal .modal-content {

  23.   padding: .3em;

  24.   color: #666;

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

  26.   max-width: 1000px;

  27. }

  28. 

  29. div.ctools-modal-content.acquia-lift-modal .form-item label {

  30.   width: auto;

  31. }

  32. 

  33. /* Styles specific to Acquia Lift's modal content */

  34. /* Type select modal */

  35. div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-type {

  36.   border: 1px solid #CCC;

  37.   padding: 1.4em;

  38.   background-color: #F5F5F5;

  39.   margin-bottom: 1.4em;

  40.   cursor: pointer;

  41. }

  42. 

  43. div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-type:hover {

  44.   background-color: white;

  45. }

  46. 

  47. div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-type:last-child {

  48.   margin-bottom: 0;

  49. }

  50. 

  51. div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-type-title {

  52.   font-weight: bold;

  53.   font-size: 1.2em;

  54.   margin-bottom: 0.4em;

  55. }

  56. 

  57. div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-type-logo {

  58.   float: left;

  59.   width: 125px; /* Width of largest logo image */

  60.   padding-right: 1.4em;

  61.   text-align: center;

  62. }

  63. 

  64. div.ctools-modal-content.acquia-lift-modal .modal-content a.acquia-lift-type-select,

  65. div.ctools-modal-content.acquia-lift-modal .modal-content a.acquia-lift-type-select:hover,

  66. div.ctools-modal-content.acquia-lift-modal .modal-content a.acquia-lift-type-select:active {

  67.   color: #333;

  68.   text-decoration: none;

  69. }

  70. 

  71. /* Styles specific to the campaign creation form */

  72. div.ctools-modal-content.acquia-lift-modal .modal-content label {

  73.   float: none;

  74. }

  75. 

  76. div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-form-type {

  77.   display: inline-block;

  78.   margin: 0 1em .75em 0;

  79.   font-size: 1.4em;

  80. }

  81. 

  82. /* Variation type details form */

  83. .acquia-lift-variation-type-form a.acquia-lift-selector-edit {

  84.   font-size: .8em;

  85.   vertical-align: top;

  86.   margin-left: .3em; /* LTR */

  87.   cursor: pointer;

  88. }

  89. 

  90. /* Start campaign form */

  91. #acquia-lift-start-campaign-form .form-type-checkboxes .form-type-checkbox,

  92. #acquia-lift-start-campaign-form .form-type-radios .form-type-radio,

  93. #acquia-lift-start-campaign-form .form-item-campaign-end-date {

  94.   padding: 0 10px;

  95. }

  96. #acquia-lift-start-campaign-form .form-item-campaign-end-date .form-item {

  97.   margin-right: 0;

  98. }