You are here

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

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

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

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

#modalContent 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;
  padding: 0;

}

#modalContent div.ctools-modal-content.acquia-lift-modal .modal-content,
#modalContent 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;
}

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

#modalContent div.ctools-modal-content.acquia-lift-modal #modal-content .fieldset-legend,
#modalContent div.ctools-modal-content.acquia-lift-modal #modal-content fieldset legend {
  background-color: #fff;
  color: #999;
}
#modalContent div.ctools-modal-content.acquia-lift-modal #modal-content .fieldset-legend a,
#modalContent div.ctools-modal-content.acquia-lift-modal #modal-content fieldset legend a {
  color: #999;
}
#modalContent div.ctools-modal-content.acquia-lift-modal #modal-content .fieldset-legend a:hover,
#modalContent div.ctools-modal-content.acquia-lift-modal #modal-content fieldset legend a:hover {
  color: #ccc;
}

/* 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;
}

body.ctools-modal-open {
  overflow: hidden;
}

File

css/acquia_lift.ctools.modal.css
View source
  1. /* Styles to override the CTools modals */
  2. #modalContent div.ctools-modal-content.acquia-lift-modal {
  3. padding: 1em;
  4. color: #333;
  5. border-color: #555;
  6. max-width: 1000px;
  7. }
  8. #modalContent div.ctools-modal-content.acquia-lift-modal .modal-header {
  9. background-color: #fff;
  10. padding: 0;
  11. border: 0;
  12. border-radius: 0;
  13. }
  14. #modalContent div.ctools-modal-content.acquia-lift-modal .modal-title {
  15. font-family: "Helvetica Neue", helvetica, "Segoe UI", segoe, "Ubuntu", "Droid Sans", "Arial", sans-serif;
  16. font-size: 2.2em;
  17. font-weight: normal;
  18. color: #333;
  19. padding: 0;
  20. }
  21. #modalContent div.ctools-modal-content.acquia-lift-modal .modal-content,
  22. #modalContent 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. #modalContent div.ctools-modal-content.acquia-lift-modal #modal-content .form-item label {
  29. width: auto;
  30. }
  31. #modalContent div.ctools-modal-content.acquia-lift-modal #modal-content .fieldset-legend,
  32. #modalContent div.ctools-modal-content.acquia-lift-modal #modal-content fieldset legend {
  33. background-color: #fff;
  34. color: #999;
  35. }
  36. #modalContent div.ctools-modal-content.acquia-lift-modal #modal-content .fieldset-legend a,
  37. #modalContent div.ctools-modal-content.acquia-lift-modal #modal-content fieldset legend a {
  38. color: #999;
  39. }
  40. #modalContent div.ctools-modal-content.acquia-lift-modal #modal-content .fieldset-legend a:hover,
  41. #modalContent div.ctools-modal-content.acquia-lift-modal #modal-content fieldset legend a:hover {
  42. color: #ccc;
  43. }
  44. /* Styles specific to Acquia Lift's modal content */
  45. /* Type select modal */
  46. div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-type {
  47. border: 1px solid #CCC;
  48. padding: 1.4em;
  49. background-color: #F5F5F5;
  50. margin-bottom: 1.4em;
  51. cursor: pointer;
  52. }
  53. div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-type:hover {
  54. background-color: white;
  55. }
  56. div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-type:last-child {
  57. margin-bottom: 0;
  58. }
  59. div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-type-title {
  60. font-weight: bold;
  61. font-size: 1.2em;
  62. margin-bottom: 0.4em;
  63. }
  64. div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-type-logo {
  65. float: left;
  66. width: 125px; /* Width of largest logo image */
  67. padding-right: 1.4em;
  68. text-align: center;
  69. }
  70. div.ctools-modal-content.acquia-lift-modal .modal-content a.acquia-lift-type-select,
  71. div.ctools-modal-content.acquia-lift-modal .modal-content a.acquia-lift-type-select:hover,
  72. div.ctools-modal-content.acquia-lift-modal .modal-content a.acquia-lift-type-select:active {
  73. color: #333;
  74. text-decoration: none;
  75. }
  76. /* Styles specific to the campaign creation form */
  77. div.ctools-modal-content.acquia-lift-modal #modal-content label {
  78. float: none;
  79. }
  80. div.ctools-modal-content.acquia-lift-modal .modal-content .acquia-lift-form-type {
  81. display: inline-block;
  82. margin: 0 1em .75em 0;
  83. font-size: 1.4em;
  84. }
  85. /* Variation type details form */
  86. .acquia-lift-variation-type-form a.acquia-lift-selector-edit {
  87. font-size: .8em;
  88. vertical-align: top;
  89. margin-left: .3em; /* LTR */
  90. cursor: pointer;
  91. }
  92. /* Start campaign form */
  93. #acquia-lift-start-campaign-form .form-type-checkboxes .form-type-checkbox,
  94. #acquia-lift-start-campaign-form .form-type-radios .form-type-radio,
  95. #acquia-lift-start-campaign-form .form-item-campaign-end-date {
  96. padding: 0 10px;
  97. }
  98. #acquia-lift-start-campaign-form .form-item-campaign-end-date .form-item {
  99. margin-right: 0;
  100. }
  101. body.ctools-modal-open {
  102. overflow: hidden;
  103. }