You are here

acquia_lift.admin.css in Acquia Lift Connector 7.2

Same filename and directory in other branches
  1. 7 css/acquia_lift.admin.css
/* Acquia Lift options form administrative styles */
#edit-agent-basic-info-options-acquia-lift-decision-style .form-item-agent-basic-info-options-acquia-lift-decision-style {
    display: inline;
}
#edit-agent-basic-info-options-acquia-lift-decision-style .form-item-agent-basic-info-options-acquia-lift-decision-style label {
    margin-right: 10px;
}
/* added selector, decrerase-KO */
.personalize-in-context-link:before,
html.js div.ctools-dropdown a:before  {
  content: "+";
  font-weight: bold; /* added bold -KO */
  display: inline-block;
  margin-right: .2em;
  font-size: 1.6em;
}
/* only need margin-right to push sibling away, adjusted width, min width, added inline block and v align to  all form items and labels -KO */
.acquia-lift-percentage-control .form-item {
  float: left;
  margin-right: 1em;
  width: 20%;
  min-width: 200px;
  display: inline-block;
  vertical-align: middle;
}
.acquia-lift-percentage-control .form-item label {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  line-height: 2em; /* balances height of text field so the descriptions align to one another -KO */
}
.acquia-lift-percentage-control .form-item input {
  padding: 2px;
  margin: 0;
}
div.acquia-lift-percentage-rest { /* added selector -KO */
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.acquia-lift-percentage-rest-label {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  font-weight: bold;
  line-height: 2em; /* balances height of text field so the descriptions align to one another -KO */
}
.acquia-lift-percentage-rest-display {
  margin: 0 5px;
  vertical-align: middle; /* removes slight misalignment -KO */
}
.acquia-lift-toggle-text { /* removed float and margin because toggle was not discoverable -KO */
  display: inline-block;
  vertical-align: middle;
  line-height: 2em; /* aligns toggle to the form items -KO */
}

#personalize-acquia-lift-reset {
  display: inline;
}

/* Reports */
.acquia-lift-report-filters div {
  float: left;
  margin-right: 10px;
}

.acquia-lift-report-section {
  margin: 25px 0;
}

.acquia-lift-report-section-title h2 {
  display: inline-block;
  margin-right: .5em; /* LTR */
  margin-bottom: 0;
}

.acquia-lift-report-section-title .acquia-lift-report-controls {
  padding-bottom: 10px;
}

#acquia-lift-overview-report .form-wrapper > div,
#acquia-lift-audience-overview-report .form-wrapper > div{
  float: left;
  margin-right: 1.4em;
}
#acquia-lift-overview-report .acquia-lift-overview-item,
#acquia-lift-audience-overview-report .acquia-lift-overview-item{
  font-size: 1.4em;
  font-weight: bold;
  min-height: 24px;
}


/* Reporting: positive indicators. */
#acquia-lift-experiment-report .acquia-lift-report-positive,
#acquia-lift-overview-report .acquia-lift-report-positive .acquia-lift-overview-item,
#acquia-lift-audience-overview-report .acquia-lift-report-positive .acquia-lift-overview-item {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 18px;
  padding-left: 20px;
}
#acquia-lift-experiment-report .acquia-lift-report-positive,
#acquia-lift-overview-report .acquia-lift-report-positive .acquia-lift-overview-item,
#acquia-lift-audience-overview-report .acquia-lift-report-positive .acquia-lift-overview-item {
  background-image: url(../images/85b200/confirm.png);
  background-image: url(../images/85b200/confirm.svg), none;
}

#acquia-lift-overview-report .acquia-lift-report-positive .acquia-lift-overview-item,
#acquia-lift-audience-overview-report .acquia-lift-report-positive .acquia-lift-overview-item {
  background-position: left top;
}
#acquia-lift-overview-report .acquia-lift-report-positive .acquia-lift-overview-item,
#acquia-lift-audience-overview-report .acquia-lift-report-positive .acquia-lift-overview-item{
  color: #85B200;
}

#audience-report-container {
  border-top: 2px solid #999;
  padding-top: 10px;
}

#acquia-lift-experiment-report-data td.acquia-lift-report-positive {
  color: #85B200;
  font-weight: bold;
}

/* Reporting: content variation special indicators */

tr.acquia-lift-report-control {
  background-color: #FAFAEA;
}

/* Reporting: Report heading */
.acquia-lift-report-summary {
  font-style: italic;
}
/* Reporting: Distribution labels */
.acquia-lift-distribution {
  width: 350px;
  font-size: smaller;
}
.acquia-lift-distribution .distribution-set {
  float: left;
}
.acquia-lift-distribution .distribution-rest {
  float: right;
}
.acquia-lift-distribution .distribution-graphic {
  clear: both;
  width: 100%;
  height: .4em;
  background-color: #C961AF;
}
.acquia-lift-distribution .distribution-graphic .fill {
  height: 100%;
  background-color: #85B200;
}

#acquia-lift-experiment-report .acquia-lift-distribution .distribution-graphic {
  background-color: #999;
}
#acquia-lift-experiment-report .acquia-lift-distribution .distribution-rest {
  color: #999;
}
/* Reporting: Header summary */
.acquia-lift-report-header-summary {
  float: left;
}
/* Reporting: Context select */
.acquia-lift-report-controls {
  float: right;
}
.acquia-lift-report-controls .form-type-select label {
  margin: 0;
  display: inline;
}

/* Reporting: High-low goal value display */
.acquia-lift-hilo-estimate {
  width: 200px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  height: 24px;
}
.acquia-lift-hilo-estimate .acquia-lift-hilo-background {
  background-color: #999;
  height: 1px;
  vertical-align: middle;
  position: relative;
  top: 12px;
}
.acquia-lift-hilo-estimate .acquia-lift-hilo-bounds {
  height: 5px;
  overflow: visible;
  background-color: #2FA6E5;
  position: relative;
  top: -2px;
  display: inline-block;
}
.acquia-lift-hilo-estimate .acquia-lift-estimate {
  width: 100%;
  text-align: center;
}
.acquia-lift-hilo-estimate .acquia-lift-badge {
  position: relative;
  background: white;
  display: inline-block;
  border-radius: 10px;
  border: 1px solid #2FA6E5;
  padding: 2px 4px;
  font-weight: bold;
}
.acquia-lift-hilo-estimate .acquia-lift-badge {
  top: -12px;
}

/* Reporting: Static bar graphs to show percentage */
.acquia-lift-graph-level-0,
.acquia-lift-graph-level-1,
.acquia-lift-graph-level-2,
.acquia-lift-graph-level-3,
.acquia-lift-graph-level-4,
.acquia-lift-graph-level-5 {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
}
.acquia-lift-graph-level-0 {
  background-image: url('../images/graph-0.png');
}
.acquia-lift-graph-level-1 {
  background-image: url('../images/graph-1.png');
}
.acquia-lift-graph-level-2 {
  background-image: url('../images/graph-2.png');
}
.acquia-lift-graph-level-3 {
  background-image: url('../images/graph-3.png');
}
.acquia-lift-graph-level-4 {
  background-image: url('../images/graph-4.png');
}
.acquia-lift-graph-level-5 {
  background-image: url('../images/graph-5.png');
}

/* Acquia Lift configuration form */
.acquia-lift-config-minimum-runtime {
    clear: both;
    margin-bottom: .5em;
    width: 100%;
    display: inline-block;
}
.acquia-lift-config-minimum-runtime div.form-item {
    float: left;
    padding-top: 1px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    padding-right: 10px;
}

.acquia-lift-config-minimum-runtime div.description {
    clear: both;
}

/* Acquia Lift campaign wizard form alterations */
.personalize-wizard-section-title h2 .acquia-lift-help {
  font-size: .5em;
}

.acquia-lift-alert {
  color: #FF0000;
}
#personalize-campaign-wizard .personalize-wizard-section .personalize-wizard-column {
  min-width: 520px;
  margin: .5rem;
}
.acquia-lift-delete,
.acquia-lift-delete:hover,
.acquia-lift-delete:active,
input[type="submit"].acquia-lift-delete,
input[type="submit"].acquia-lift-delete:hover,
input[type="submit"].acquia-lift-delete:active {
  background: transparent url(../images/000000/delete.png) no-repeat 50%;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
}
.acquia-lift-wizard-add-wrapper {
  padding-right: .85rem;
}
input[type="submit"].acquia-lift-wizard-add {
  color: #FFF;
  background: #0074BD url('../images/actions__add.svg') no-repeat .5em center;
  border-radius: 0;
  border: .08rem solid #cccccc;
  box-shadow: 0 .05rem 0 #cccccc;
  margin: .5rem;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  left: 0;
  text-align: inherit;
  font-size: 1.125rem;
  padding: .5rem 1rem .5rem 2.25rem;
  line-height: 1.33333;
  box-sizing: border-box;
}
input[type="submit"].acquia-lift-wizard-add:hover {
  color: #FFF;
  background: #2FA6E5 url('../images/actions__add.svg') no-repeat .5em center;
  font-weight: bold;
}
.el-card__action .acquia-lift-delete {
  display: inline-block;
  padding-top: .37rem;
}
.el-card__action button.acquia-lift-delete {
  background-color: transparent;
  border: none;
  margin-top: .37rem;
  cursor: pointer;
}
.el-card__content fieldset.collapsible.collapsed {
  border: none;
}

.acquia-lift-informational .el-card .el-card__header {
  background-color: #8A8B8E;
  color: #FFF;
}
.acquia-lift-informational .el-card .el-card__header h2 {
  color: #FFF;
  font-weight: bold;
}


/* Radio list component */
.acquia-lift-radio-list {
  max-width: 1000px;
}
.acquia-lift-radio-list .acquia-lift-radio-list-item {
  border: 1px solid #CCC;
  padding: 1.4em;
  background-color: #F5F5F5;
  margin-bottom: 1.4em;
  cursor: pointer;
}
.acquia-lift-radio-list .acquia-lift-radio-list-item .acquia-lift-radio-list-item-image {
  float: left;
  width: 125px;
  padding-right: 1.4em;
  text-align: center;
}
.acquia-lift-radio-list .acquia-lift-radio-list-item .acquia-lift-radio-list-item-holder {
  float: left;
  max-width: 60%;
}
.acquia-lift-radio-list .acquia-lift-radio-list-item .acquia-lift-radio-list-item-holder .form-item label {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0.4em;
  cursor: pointer;
}
.acquia-lift-radio-list .acquia-lift-radio-list-item .acquia-lift-radio-list-item-holder div.form-type-radio div.description {
  margin-left: 0;
}
.acquia-lift-radio-list .acquia-lift-radio-list-item .acquia-lift-radio-list-item-holder .form-item input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Base form */
#edit-agent-basic-info .acquia-lift-revealing-input {
  margin-bottom: 1em;
}
#edit-agent-basic-info .acquia-lift-revealing-input .acquia-lift-reveal-value,
#edit-agent-basic-info .acquia-lift-revealing-input .acquia-lift-revealer,
#edit-agent-basic-info .acquia-lift-revealing-input input {
  font-size: 1.5em;
}
/* Process bar */
#personalize-campaign-wizard-process-bar {
  margin: 1em 0;
}

/* Section help */
#acquia-lift-campaign-wizard-section-help {
  padding: 0 1em;
  transition: all .5s ease-in-out;
}
#acquia-lift-campaign-wizard-section-help.is-expanded {
  border: .08rem solid #cccccc;
  box-shadow: 0 .05rem 0 #cccccc;
  background-color: #e6e9ed;
  padding: 1em;
}
#acquia-lift-campaign-wizard-section-help .acquia-lift-section-help-trigger {
  float: right;
  background: transparent url(../images/help/help_icon.png) no-repeat left center;
  padding-left: 22px;
  display: inline-block;
  cursor: pointer;
  color: #2FA6E5;
}
#acquia-lift-campaign-wizard-section-help .acquia-lift-section-help-expanded {
  float: left;
  width: 100%;
}
#acquia-lift-campaign-wizard-section-help.is-collapsed .acquia-lift-section-help-expanded {
  display: none;
}
#acquia-lift-campaign-wizard-section-help .acquia-lift-section-help img.acquia-lift-section-help {
  float: left;
  margin: 0 1em 1em 0;
}
#acquia-lift-campaign-wizard-section-help .acquia-lift-section-help-expanded .acquia-lift-section-help-collapse {
  float: right;
  min-height: 2.5em;
}
#acquia-lift-campaign-wizard-section-help p {
  max-width: inherit;
}

/* Variations form */
#edit-variations .acquia-lift-variation .acquia-lift-variation-set {
  color: #8A8B8E;
  font-size: smaller;
}

.personalize-wizard-section .acquia-lift-personalize-blocks .acquia-lift-revealing-input {
  float: left;
}
.personalize-wizard-section .acquia-lift-personalize-blocks .acquia-lift-delete {
  float: right;
  background-image: url(../images/000000/delete.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: transparent;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
  border: none;
  cursor: pointer;
  margin-bottom: .5rem;
  padding-right: 1em;
}

.personalize-wizard-section .acquia-lift-personalize-block-wrapper {
  clear: both;
  background-color: #e6e9ed;
  padding: .5em;
  border: solid 1px #cfd1d5;
  border-radius: .5rem;
  margin-bottom: 1.5rem;
}
.personalize-wizard-section .acquia-lift-personalize-block-wrapper fieldset {
  border: none;
}

.personalize-wizard-section .form-item-variations-add-variation-details-element-content-url {
  display: inline-block;
}
.personalize-wizard-section .form-item-variations-add-variation-details-element-content-url + input[type="submit"] {
  display: inline-block;
}
#edit-variations .personalize-wizard-column > fieldset {
  border: none;
}

#edit-variations .el-card:not(.is-compact) .el-card__content {
  max-height: 2000rem;
}

.personalize-wizard-section .acquia-lift-preview {
  clear: both;
  display: block;
}
.personalize-wizard-section .acquia-lift-element-variations {
  width: 100%;
  padding: 1em 0;
  margin-bottom: .5em;
}
.personalize-wizard-section .acquia-lift-element-variations {
  border-bottom: 1px solid #cccccc;
}
.personalize-wizard-section .acquia-lift-element-variations .acquia-lift-delete {
  float: right; /* RTL */
  margin-right: .25rem /* RTL */
}

/* Targeting form */
#edit-targeting .acquia-lift-variation .acquia-lift-variation-set {
  font-size: smaller;
}
.acquia-lift-targeting .personalize-target-wrapper .form-item,
.acquia-lift-targeting .personalize-target-wrapper .personalize-target-value,
.acquia-lift-targeting .personalize-target-wrapper .personalize-target-value div,
.acquia-lift-targeting .personalize-target-wrapper .form-item > *,
.acquia-lift-targeting .personalize-target-wrapper .acquia-lift-remove-context {
  display: inline;
}
.acquia-lift-targeting .personalize-target-wrapper .form-item label {
  display: none;
}
.el-card__footer .acquia-lift-complete-audience {
  float: right;
}

/* Spacing to separate out adding audiences from rest of list */
#acquia-lift-targeting-audiences-new {
  margin-bottom: 2em;
}
.acquia-lift-audience-priority h4 {
  margin-top: 0;
}

/* Edit checkbox in card header */
.el-card__action input[type="checkbox"].acquia-lift-edit {
  display: none;
}
.el-card__action input[type="checkbox"].acquia-lift-edit + label {
  height: 24px;
  width: 24px;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  margin-top: .37rem
  /* Replace the text with an edit icon. */
  white-space: nowrap;
  overflow: hidden;
  text-indent: 999rem;
  background: url(../images/000000/edit.png) no-repeat;
}
.el-card__action input[type="checkbox"].acquia-lift-edit:checked + label {
  background-image: url(../images/0F93DE/edit.png);
}

/* Drag and Drop audience targeting */
li.acquia-lift-targeting-draggable {
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
li.acquia-lift-targeting-draggable.ui-sortable-helper {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
.acquia-lift-targeting-empty {
  border: 1px dotted #cfd1d5;
  padding: .6em 1em 1em 2em;
  max-width: 30em;
  height: 1em;
  margin: 1em 0;
  list-style: none;
}
.acquia-lift-targeting-empty.is-active {
  background-color: #FFFFCC;
}

.acquia-lift-sortable-placeholder-empty {
  height: 0;
}

.acquia-lift-draggable-variations {
  list-style-type: none;
  margin: 0;
}

.acquia-lift-draggable-variations.acquia-lift-no-drop {
  cursor: no-drop;
}
.acquia-lift-draggable-variations li.acquia-lift-targeting-draggable,
.acquia-lift-targeting-draggable {
  background: #E6E9ED url(../images/000000/drag.png) no-repeat;
  background-position: left center;
  border: 1px solid #cfd1d5;
  max-width: 30em;
  color: #000;
  padding: .6em 1em .6em 2em;
  margin: 1em 0;
  list-style-type: none;
}
.acquia-lift-targeting-draggable .acquia-lift-targeting-remove {
  float: right;
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
  width: 20px;
  height: 20px;
}
.acquia-lift-targeting-draggable .acquia-lift-targeting-remove {
  background: transparent url(../images/000000/close.png) no-repeat;
}
.acquia-lift-targeting-draggable .acquia-lift-control-indicator {
  margin-left: 1em;
  vertical-align: top;
  display: inline-block;
}
.acquia-lift-draggable-variations li[data-acquia-lift-option-id] > div {
  display: inline-block;
}
.acquia-lift-draggable-variations li[data-acquia-lift-option-id] .acquia-lift-variations-lockstep {
  background: url(../images/000000/link.png) no-repeat 0 center;
  padding-left: 30px;
}

/* All variations lists */
ul.acquia-lift-variations-list,
.acquia-lift-variations-list ul {
  width: 100%;
  padding: 0;
}
[dir="ltr"] ul.acquia-lift-variations-list {
  padding-left: 0;
  margin-left: 0;
}
ul.acquia-lift-variations-list > li + li {
  border-top: 1px solid #999;
}
ul.acquia-lift-variations-list li {
  max-width: inherit;
}
ul.acquia-lift-variations-list.acquia-lift-variations-lockstep > li {
  background: url(../images/000000/link.png) no-repeat .5em center;
  padding-left: 24px;
}
.item-list ul.acquia-lift-variations-list,
.item-list ul.acquia-lift-variations-list li,
.item-list ul.acquia-lift-variations-list li + li,
[dir="ltr"] ul.acquia-lift-variations-list {
  list-style-type: none;
}

/* Review */
#personalize-campaign-wizard .personalize-wizard-review-warnings li {
  list-style-type: none;
  background: transparent url(../images/FF8000/alert.png) no-repeat 0 50%;
  margin: 1em 1em 1em -15px;
  padding-left: 40px;
}

#personalize-campaign-wizard .acquia-lift-test-options fieldset {
  border: none;
}

.acquia-lift-review-next-steps .item-list h3 {
  font-size: 1rem;
}

/* Personalization listing page */
#personalize-personalizations-list table tr td {
  vertical-align: middle;
}
#personalize-personalizations-list table tr td form {
  margin: 0;
  padding: 0;
}
#personalize-personalizations-list table tr td form input{
  margin: 0;
}

#personalize-personalizations-list .acquia-lift-personalize-list-audience .acquia-lift-campaign-title {
  padding-left: 2em;
}

#personalize-personalizations-list .acquia-lift-personalize-list-campaign .acquia-lift-campaign-title {
  background-image: url(../images/000000/menu-collapsed.png); /* LTR */
  background-repeat: no-repeat;
  background-position: 5px 50%;
  padding-left: 15px; /* LTR */
  cursor: pointer;
}
#personalize-personalizations-list .acquia-lift-personalize-list-campaign .acquia-lift-campaign-title.acquia-lift-is-open {
  background-image: url(../images/000000/menu-expanded.png);
}
#personalize-personalizations-list .acquia-lift-list-operations li {
  list-style-type: none;
  display: inline;
  padding-right: 0.3em; /* LTR */
}

#personalize-personalizations-list .acquia-lift-delete,
#personalize-personalizations-list .acquia-lift-edit,
#personalize-personalizations-list .acquia-lift-report,
#personalize-personalizations-list .acquia-lift-complete {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  overflow: hidden;
}
#personalize-personalizations-list .acquia-lift-delete {
  background-image: url(../images/8A8B8E/delete.png);
}
#personalize-personalizations-list .acquia-lift-edit {
  background-image: url(../images/8A8B8E/edit.png);
}
#personalize-personalizations-list .acquia-lift-report {
  background-image: url(../images/8A8B8E/report.png);
}
#personalize-personalizations-list .acquia-lift-complete {
  background-image: url(../images/8A8B8E/end_test.png);
}

/* General icons*/
a.acquia-lift-configure,
a.acquia-lift-configure:link,
a.acquia-lift-configure:visited {
  background: url(../images/0074BD/configure.png) no-repeat left center;
  padding-left: 1.3em;
  display: inline-block;
  background-size: 1.2em;
  margin-left: .5em;
  color: #0074BD;
}
a.acquia-lift-configure:hover {
  background-image: url(../images/2FA6E5/configure.png);
  color: #2FA6E5;
}

File

css/acquia_lift.admin.css
View source
  1. /* Acquia Lift options form administrative styles */
  2. #edit-agent-basic-info-options-acquia-lift-decision-style .form-item-agent-basic-info-options-acquia-lift-decision-style {
  3. display: inline;
  4. }
  5. #edit-agent-basic-info-options-acquia-lift-decision-style .form-item-agent-basic-info-options-acquia-lift-decision-style label {
  6. margin-right: 10px;
  7. }
  8. /* added selector, decrerase-KO */
  9. .personalize-in-context-link:before,
  10. html.js div.ctools-dropdown a:before {
  11. content: "+";
  12. font-weight: bold; /* added bold -KO */
  13. display: inline-block;
  14. margin-right: .2em;
  15. font-size: 1.6em;
  16. }
  17. /* only need margin-right to push sibling away, adjusted width, min width, added inline block and v align to all form items and labels -KO */
  18. .acquia-lift-percentage-control .form-item {
  19. float: left;
  20. margin-right: 1em;
  21. width: 20%;
  22. min-width: 200px;
  23. display: inline-block;
  24. vertical-align: middle;
  25. }
  26. .acquia-lift-percentage-control .form-item label {
  27. display: inline-block;
  28. vertical-align: middle;
  29. margin: 0;
  30. line-height: 2em; /* balances height of text field so the descriptions align to one another -KO */
  31. }
  32. .acquia-lift-percentage-control .form-item input {
  33. padding: 2px;
  34. margin: 0;
  35. }
  36. div.acquia-lift-percentage-rest { /* added selector -KO */
  37. display: inline-block;
  38. vertical-align: middle;
  39. margin: 0;
  40. }
  41. .acquia-lift-percentage-rest-label {
  42. display: inline-block;
  43. vertical-align: middle;
  44. margin: 0;
  45. padding: 0;
  46. font-weight: bold;
  47. line-height: 2em; /* balances height of text field so the descriptions align to one another -KO */
  48. }
  49. .acquia-lift-percentage-rest-display {
  50. margin: 0 5px;
  51. vertical-align: middle; /* removes slight misalignment -KO */
  52. }
  53. .acquia-lift-toggle-text { /* removed float and margin because toggle was not discoverable -KO */
  54. display: inline-block;
  55. vertical-align: middle;
  56. line-height: 2em; /* aligns toggle to the form items -KO */
  57. }
  58. #personalize-acquia-lift-reset {
  59. display: inline;
  60. }
  61. /* Reports */
  62. .acquia-lift-report-filters div {
  63. float: left;
  64. margin-right: 10px;
  65. }
  66. .acquia-lift-report-section {
  67. margin: 25px 0;
  68. }
  69. .acquia-lift-report-section-title h2 {
  70. display: inline-block;
  71. margin-right: .5em; /* LTR */
  72. margin-bottom: 0;
  73. }
  74. .acquia-lift-report-section-title .acquia-lift-report-controls {
  75. padding-bottom: 10px;
  76. }
  77. #acquia-lift-overview-report .form-wrapper > div,
  78. #acquia-lift-audience-overview-report .form-wrapper > div{
  79. float: left;
  80. margin-right: 1.4em;
  81. }
  82. #acquia-lift-overview-report .acquia-lift-overview-item,
  83. #acquia-lift-audience-overview-report .acquia-lift-overview-item{
  84. font-size: 1.4em;
  85. font-weight: bold;
  86. min-height: 24px;
  87. }
  88. /* Reporting: positive indicators. */
  89. #acquia-lift-experiment-report .acquia-lift-report-positive,
  90. #acquia-lift-overview-report .acquia-lift-report-positive .acquia-lift-overview-item,
  91. #acquia-lift-audience-overview-report .acquia-lift-report-positive .acquia-lift-overview-item {
  92. background-color: transparent;
  93. background-repeat: no-repeat;
  94. background-position: left center;
  95. background-size: 18px;
  96. padding-left: 20px;
  97. }
  98. #acquia-lift-experiment-report .acquia-lift-report-positive,
  99. #acquia-lift-overview-report .acquia-lift-report-positive .acquia-lift-overview-item,
  100. #acquia-lift-audience-overview-report .acquia-lift-report-positive .acquia-lift-overview-item {
  101. background-image: url(../images/85b200/confirm.png);
  102. background-image: url(../images/85b200/confirm.svg), none;
  103. }
  104. #acquia-lift-overview-report .acquia-lift-report-positive .acquia-lift-overview-item,
  105. #acquia-lift-audience-overview-report .acquia-lift-report-positive .acquia-lift-overview-item {
  106. background-position: left top;
  107. }
  108. #acquia-lift-overview-report .acquia-lift-report-positive .acquia-lift-overview-item,
  109. #acquia-lift-audience-overview-report .acquia-lift-report-positive .acquia-lift-overview-item{
  110. color: #85B200;
  111. }
  112. #audience-report-container {
  113. border-top: 2px solid #999;
  114. padding-top: 10px;
  115. }
  116. #acquia-lift-experiment-report-data td.acquia-lift-report-positive {
  117. color: #85B200;
  118. font-weight: bold;
  119. }
  120. /* Reporting: content variation special indicators */
  121. tr.acquia-lift-report-control {
  122. background-color: #FAFAEA;
  123. }
  124. /* Reporting: Report heading */
  125. .acquia-lift-report-summary {
  126. font-style: italic;
  127. }
  128. /* Reporting: Distribution labels */
  129. .acquia-lift-distribution {
  130. width: 350px;
  131. font-size: smaller;
  132. }
  133. .acquia-lift-distribution .distribution-set {
  134. float: left;
  135. }
  136. .acquia-lift-distribution .distribution-rest {
  137. float: right;
  138. }
  139. .acquia-lift-distribution .distribution-graphic {
  140. clear: both;
  141. width: 100%;
  142. height: .4em;
  143. background-color: #C961AF;
  144. }
  145. .acquia-lift-distribution .distribution-graphic .fill {
  146. height: 100%;
  147. background-color: #85B200;
  148. }
  149. #acquia-lift-experiment-report .acquia-lift-distribution .distribution-graphic {
  150. background-color: #999;
  151. }
  152. #acquia-lift-experiment-report .acquia-lift-distribution .distribution-rest {
  153. color: #999;
  154. }
  155. /* Reporting: Header summary */
  156. .acquia-lift-report-header-summary {
  157. float: left;
  158. }
  159. /* Reporting: Context select */
  160. .acquia-lift-report-controls {
  161. float: right;
  162. }
  163. .acquia-lift-report-controls .form-type-select label {
  164. margin: 0;
  165. display: inline;
  166. }
  167. /* Reporting: High-low goal value display */
  168. .acquia-lift-hilo-estimate {
  169. width: 200px;
  170. border-left: 1px solid #999;
  171. border-right: 1px solid #999;
  172. height: 24px;
  173. }
  174. .acquia-lift-hilo-estimate .acquia-lift-hilo-background {
  175. background-color: #999;
  176. height: 1px;
  177. vertical-align: middle;
  178. position: relative;
  179. top: 12px;
  180. }
  181. .acquia-lift-hilo-estimate .acquia-lift-hilo-bounds {
  182. height: 5px;
  183. overflow: visible;
  184. background-color: #2FA6E5;
  185. position: relative;
  186. top: -2px;
  187. display: inline-block;
  188. }
  189. .acquia-lift-hilo-estimate .acquia-lift-estimate {
  190. width: 100%;
  191. text-align: center;
  192. }
  193. .acquia-lift-hilo-estimate .acquia-lift-badge {
  194. position: relative;
  195. background: white;
  196. display: inline-block;
  197. border-radius: 10px;
  198. border: 1px solid #2FA6E5;
  199. padding: 2px 4px;
  200. font-weight: bold;
  201. }
  202. .acquia-lift-hilo-estimate .acquia-lift-badge {
  203. top: -12px;
  204. }
  205. /* Reporting: Static bar graphs to show percentage */
  206. .acquia-lift-graph-level-0,
  207. .acquia-lift-graph-level-1,
  208. .acquia-lift-graph-level-2,
  209. .acquia-lift-graph-level-3,
  210. .acquia-lift-graph-level-4,
  211. .acquia-lift-graph-level-5 {
  212. background-repeat: no-repeat;
  213. background-position: left center;
  214. padding-left: 30px;
  215. }
  216. .acquia-lift-graph-level-0 {
  217. background-image: url('../images/graph-0.png');
  218. }
  219. .acquia-lift-graph-level-1 {
  220. background-image: url('../images/graph-1.png');
  221. }
  222. .acquia-lift-graph-level-2 {
  223. background-image: url('../images/graph-2.png');
  224. }
  225. .acquia-lift-graph-level-3 {
  226. background-image: url('../images/graph-3.png');
  227. }
  228. .acquia-lift-graph-level-4 {
  229. background-image: url('../images/graph-4.png');
  230. }
  231. .acquia-lift-graph-level-5 {
  232. background-image: url('../images/graph-5.png');
  233. }
  234. /* Acquia Lift configuration form */
  235. .acquia-lift-config-minimum-runtime {
  236. clear: both;
  237. margin-bottom: .5em;
  238. width: 100%;
  239. display: inline-block;
  240. }
  241. .acquia-lift-config-minimum-runtime div.form-item {
  242. float: left;
  243. padding-top: 1px;
  244. padding-bottom: 5px;
  245. margin-bottom: 0px;
  246. padding-right: 10px;
  247. }
  248. .acquia-lift-config-minimum-runtime div.description {
  249. clear: both;
  250. }
  251. /* Acquia Lift campaign wizard form alterations */
  252. .personalize-wizard-section-title h2 .acquia-lift-help {
  253. font-size: .5em;
  254. }
  255. .acquia-lift-alert {
  256. color: #FF0000;
  257. }
  258. #personalize-campaign-wizard .personalize-wizard-section .personalize-wizard-column {
  259. min-width: 520px;
  260. margin: .5rem;
  261. }
  262. .acquia-lift-delete,
  263. .acquia-lift-delete:hover,
  264. .acquia-lift-delete:active,
  265. input[type="submit"].acquia-lift-delete,
  266. input[type="submit"].acquia-lift-delete:hover,
  267. input[type="submit"].acquia-lift-delete:active {
  268. background: transparent url(../images/000000/delete.png) no-repeat 50%;
  269. width: 24px;
  270. height: 24px;
  271. text-indent: -9999px;
  272. overflow: hidden;
  273. }
  274. .acquia-lift-wizard-add-wrapper {
  275. padding-right: .85rem;
  276. }
  277. input[type="submit"].acquia-lift-wizard-add {
  278. color: #FFF;
  279. background: #0074BD url('../images/actions__add.svg') no-repeat .5em center;
  280. border-radius: 0;
  281. border: .08rem solid #cccccc;
  282. box-shadow: 0 .05rem 0 #cccccc;
  283. margin: .5rem;
  284. font-weight: bold;
  285. display: inline-block;
  286. width: 100%;
  287. left: 0;
  288. text-align: inherit;
  289. font-size: 1.125rem;
  290. padding: .5rem 1rem .5rem 2.25rem;
  291. line-height: 1.33333;
  292. box-sizing: border-box;
  293. }
  294. input[type="submit"].acquia-lift-wizard-add:hover {
  295. color: #FFF;
  296. background: #2FA6E5 url('../images/actions__add.svg') no-repeat .5em center;
  297. font-weight: bold;
  298. }
  299. .el-card__action .acquia-lift-delete {
  300. display: inline-block;
  301. padding-top: .37rem;
  302. }
  303. .el-card__action button.acquia-lift-delete {
  304. background-color: transparent;
  305. border: none;
  306. margin-top: .37rem;
  307. cursor: pointer;
  308. }
  309. .el-card__content fieldset.collapsible.collapsed {
  310. border: none;
  311. }
  312. .acquia-lift-informational .el-card .el-card__header {
  313. background-color: #8A8B8E;
  314. color: #FFF;
  315. }
  316. .acquia-lift-informational .el-card .el-card__header h2 {
  317. color: #FFF;
  318. font-weight: bold;
  319. }
  320. /* Radio list component */
  321. .acquia-lift-radio-list {
  322. max-width: 1000px;
  323. }
  324. .acquia-lift-radio-list .acquia-lift-radio-list-item {
  325. border: 1px solid #CCC;
  326. padding: 1.4em;
  327. background-color: #F5F5F5;
  328. margin-bottom: 1.4em;
  329. cursor: pointer;
  330. }
  331. .acquia-lift-radio-list .acquia-lift-radio-list-item .acquia-lift-radio-list-item-image {
  332. float: left;
  333. width: 125px;
  334. padding-right: 1.4em;
  335. text-align: center;
  336. }
  337. .acquia-lift-radio-list .acquia-lift-radio-list-item .acquia-lift-radio-list-item-holder {
  338. float: left;
  339. max-width: 60%;
  340. }
  341. .acquia-lift-radio-list .acquia-lift-radio-list-item .acquia-lift-radio-list-item-holder .form-item label {
  342. font-weight: bold;
  343. font-size: 1.2em;
  344. margin-bottom: 0.4em;
  345. cursor: pointer;
  346. }
  347. .acquia-lift-radio-list .acquia-lift-radio-list-item .acquia-lift-radio-list-item-holder div.form-type-radio div.description {
  348. margin-left: 0;
  349. }
  350. .acquia-lift-radio-list .acquia-lift-radio-list-item .acquia-lift-radio-list-item-holder .form-item input[type="radio"] {
  351. border: 0;
  352. clip: rect(0 0 0 0);
  353. height: 1px;
  354. margin: -1px;
  355. overflow: hidden;
  356. padding: 0;
  357. position: absolute;
  358. width: 1px;
  359. }
  360. /* Base form */
  361. #edit-agent-basic-info .acquia-lift-revealing-input {
  362. margin-bottom: 1em;
  363. }
  364. #edit-agent-basic-info .acquia-lift-revealing-input .acquia-lift-reveal-value,
  365. #edit-agent-basic-info .acquia-lift-revealing-input .acquia-lift-revealer,
  366. #edit-agent-basic-info .acquia-lift-revealing-input input {
  367. font-size: 1.5em;
  368. }
  369. /* Process bar */
  370. #personalize-campaign-wizard-process-bar {
  371. margin: 1em 0;
  372. }
  373. /* Section help */
  374. #acquia-lift-campaign-wizard-section-help {
  375. padding: 0 1em;
  376. transition: all .5s ease-in-out;
  377. }
  378. #acquia-lift-campaign-wizard-section-help.is-expanded {
  379. border: .08rem solid #cccccc;
  380. box-shadow: 0 .05rem 0 #cccccc;
  381. background-color: #e6e9ed;
  382. padding: 1em;
  383. }
  384. #acquia-lift-campaign-wizard-section-help .acquia-lift-section-help-trigger {
  385. float: right;
  386. background: transparent url(../images/help/help_icon.png) no-repeat left center;
  387. padding-left: 22px;
  388. display: inline-block;
  389. cursor: pointer;
  390. color: #2FA6E5;
  391. }
  392. #acquia-lift-campaign-wizard-section-help .acquia-lift-section-help-expanded {
  393. float: left;
  394. width: 100%;
  395. }
  396. #acquia-lift-campaign-wizard-section-help.is-collapsed .acquia-lift-section-help-expanded {
  397. display: none;
  398. }
  399. #acquia-lift-campaign-wizard-section-help .acquia-lift-section-help img.acquia-lift-section-help {
  400. float: left;
  401. margin: 0 1em 1em 0;
  402. }
  403. #acquia-lift-campaign-wizard-section-help .acquia-lift-section-help-expanded .acquia-lift-section-help-collapse {
  404. float: right;
  405. min-height: 2.5em;
  406. }
  407. #acquia-lift-campaign-wizard-section-help p {
  408. max-width: inherit;
  409. }
  410. /* Variations form */
  411. #edit-variations .acquia-lift-variation .acquia-lift-variation-set {
  412. color: #8A8B8E;
  413. font-size: smaller;
  414. }
  415. .personalize-wizard-section .acquia-lift-personalize-blocks .acquia-lift-revealing-input {
  416. float: left;
  417. }
  418. .personalize-wizard-section .acquia-lift-personalize-blocks .acquia-lift-delete {
  419. float: right;
  420. background-image: url(../images/000000/delete.png);
  421. background-repeat: no-repeat;
  422. background-position: 50%;
  423. background-color: transparent;
  424. width: 24px;
  425. height: 24px;
  426. text-indent: -9999px;
  427. overflow: hidden;
  428. border: none;
  429. cursor: pointer;
  430. margin-bottom: .5rem;
  431. padding-right: 1em;
  432. }
  433. .personalize-wizard-section .acquia-lift-personalize-block-wrapper {
  434. clear: both;
  435. background-color: #e6e9ed;
  436. padding: .5em;
  437. border: solid 1px #cfd1d5;
  438. border-radius: .5rem;
  439. margin-bottom: 1.5rem;
  440. }
  441. .personalize-wizard-section .acquia-lift-personalize-block-wrapper fieldset {
  442. border: none;
  443. }
  444. .personalize-wizard-section .form-item-variations-add-variation-details-element-content-url {
  445. display: inline-block;
  446. }
  447. .personalize-wizard-section .form-item-variations-add-variation-details-element-content-url + input[type="submit"] {
  448. display: inline-block;
  449. }
  450. #edit-variations .personalize-wizard-column > fieldset {
  451. border: none;
  452. }
  453. #edit-variations .el-card:not(.is-compact) .el-card__content {
  454. max-height: 2000rem;
  455. }
  456. .personalize-wizard-section .acquia-lift-preview {
  457. clear: both;
  458. display: block;
  459. }
  460. .personalize-wizard-section .acquia-lift-element-variations {
  461. width: 100%;
  462. padding: 1em 0;
  463. margin-bottom: .5em;
  464. }
  465. .personalize-wizard-section .acquia-lift-element-variations {
  466. border-bottom: 1px solid #cccccc;
  467. }
  468. .personalize-wizard-section .acquia-lift-element-variations .acquia-lift-delete {
  469. float: right; /* RTL */
  470. margin-right: .25rem /* RTL */
  471. }
  472. /* Targeting form */
  473. #edit-targeting .acquia-lift-variation .acquia-lift-variation-set {
  474. font-size: smaller;
  475. }
  476. .acquia-lift-targeting .personalize-target-wrapper .form-item,
  477. .acquia-lift-targeting .personalize-target-wrapper .personalize-target-value,
  478. .acquia-lift-targeting .personalize-target-wrapper .personalize-target-value div,
  479. .acquia-lift-targeting .personalize-target-wrapper .form-item > *,
  480. .acquia-lift-targeting .personalize-target-wrapper .acquia-lift-remove-context {
  481. display: inline;
  482. }
  483. .acquia-lift-targeting .personalize-target-wrapper .form-item label {
  484. display: none;
  485. }
  486. .el-card__footer .acquia-lift-complete-audience {
  487. float: right;
  488. }
  489. /* Spacing to separate out adding audiences from rest of list */
  490. #acquia-lift-targeting-audiences-new {
  491. margin-bottom: 2em;
  492. }
  493. .acquia-lift-audience-priority h4 {
  494. margin-top: 0;
  495. }
  496. /* Edit checkbox in card header */
  497. .el-card__action input[type="checkbox"].acquia-lift-edit {
  498. display: none;
  499. }
  500. .el-card__action input[type="checkbox"].acquia-lift-edit + label {
  501. height: 24px;
  502. width: 24px;
  503. display: inline-block;
  504. padding: 0;
  505. cursor: pointer;
  506. margin-top: .37rem
  507. /* Replace the text with an edit icon. */
  508. white-space: nowrap;
  509. overflow: hidden;
  510. text-indent: 999rem;
  511. background: url(../images/000000/edit.png) no-repeat;
  512. }
  513. .el-card__action input[type="checkbox"].acquia-lift-edit:checked + label {
  514. background-image: url(../images/0F93DE/edit.png);
  515. }
  516. /* Drag and Drop audience targeting */
  517. li.acquia-lift-targeting-draggable {
  518. cursor: -webkit-grab;
  519. cursor: -moz-grab;
  520. }
  521. li.acquia-lift-targeting-draggable.ui-sortable-helper {
  522. cursor: -webkit-grabbing;
  523. cursor: -moz-grabbing;
  524. }
  525. .acquia-lift-targeting-empty {
  526. border: 1px dotted #cfd1d5;
  527. padding: .6em 1em 1em 2em;
  528. max-width: 30em;
  529. height: 1em;
  530. margin: 1em 0;
  531. list-style: none;
  532. }
  533. .acquia-lift-targeting-empty.is-active {
  534. background-color: #FFFFCC;
  535. }
  536. .acquia-lift-sortable-placeholder-empty {
  537. height: 0;
  538. }
  539. .acquia-lift-draggable-variations {
  540. list-style-type: none;
  541. margin: 0;
  542. }
  543. .acquia-lift-draggable-variations.acquia-lift-no-drop {
  544. cursor: no-drop;
  545. }
  546. .acquia-lift-draggable-variations li.acquia-lift-targeting-draggable,
  547. .acquia-lift-targeting-draggable {
  548. background: #E6E9ED url(../images/000000/drag.png) no-repeat;
  549. background-position: left center;
  550. border: 1px solid #cfd1d5;
  551. max-width: 30em;
  552. color: #000;
  553. padding: .6em 1em .6em 2em;
  554. margin: 1em 0;
  555. list-style-type: none;
  556. }
  557. .acquia-lift-targeting-draggable .acquia-lift-targeting-remove {
  558. float: right;
  559. display: inline-block;
  560. text-indent: -9999px;
  561. overflow: hidden;
  562. width: 20px;
  563. height: 20px;
  564. }
  565. .acquia-lift-targeting-draggable .acquia-lift-targeting-remove {
  566. background: transparent url(../images/000000/close.png) no-repeat;
  567. }
  568. .acquia-lift-targeting-draggable .acquia-lift-control-indicator {
  569. margin-left: 1em;
  570. vertical-align: top;
  571. display: inline-block;
  572. }
  573. .acquia-lift-draggable-variations li[data-acquia-lift-option-id] > div {
  574. display: inline-block;
  575. }
  576. .acquia-lift-draggable-variations li[data-acquia-lift-option-id] .acquia-lift-variations-lockstep {
  577. background: url(../images/000000/link.png) no-repeat 0 center;
  578. padding-left: 30px;
  579. }
  580. /* All variations lists */
  581. ul.acquia-lift-variations-list,
  582. .acquia-lift-variations-list ul {
  583. width: 100%;
  584. padding: 0;
  585. }
  586. [dir="ltr"] ul.acquia-lift-variations-list {
  587. padding-left: 0;
  588. margin-left: 0;
  589. }
  590. ul.acquia-lift-variations-list > li + li {
  591. border-top: 1px solid #999;
  592. }
  593. ul.acquia-lift-variations-list li {
  594. max-width: inherit;
  595. }
  596. ul.acquia-lift-variations-list.acquia-lift-variations-lockstep > li {
  597. background: url(../images/000000/link.png) no-repeat .5em center;
  598. padding-left: 24px;
  599. }
  600. .item-list ul.acquia-lift-variations-list,
  601. .item-list ul.acquia-lift-variations-list li,
  602. .item-list ul.acquia-lift-variations-list li + li,
  603. [dir="ltr"] ul.acquia-lift-variations-list {
  604. list-style-type: none;
  605. }
  606. /* Review */
  607. #personalize-campaign-wizard .personalize-wizard-review-warnings li {
  608. list-style-type: none;
  609. background: transparent url(../images/FF8000/alert.png) no-repeat 0 50%;
  610. margin: 1em 1em 1em -15px;
  611. padding-left: 40px;
  612. }
  613. #personalize-campaign-wizard .acquia-lift-test-options fieldset {
  614. border: none;
  615. }
  616. .acquia-lift-review-next-steps .item-list h3 {
  617. font-size: 1rem;
  618. }
  619. /* Personalization listing page */
  620. #personalize-personalizations-list table tr td {
  621. vertical-align: middle;
  622. }
  623. #personalize-personalizations-list table tr td form {
  624. margin: 0;
  625. padding: 0;
  626. }
  627. #personalize-personalizations-list table tr td form input{
  628. margin: 0;
  629. }
  630. #personalize-personalizations-list .acquia-lift-personalize-list-audience .acquia-lift-campaign-title {
  631. padding-left: 2em;
  632. }
  633. #personalize-personalizations-list .acquia-lift-personalize-list-campaign .acquia-lift-campaign-title {
  634. background-image: url(../images/000000/menu-collapsed.png); /* LTR */
  635. background-repeat: no-repeat;
  636. background-position: 5px 50%;
  637. padding-left: 15px; /* LTR */
  638. cursor: pointer;
  639. }
  640. #personalize-personalizations-list .acquia-lift-personalize-list-campaign .acquia-lift-campaign-title.acquia-lift-is-open {
  641. background-image: url(../images/000000/menu-expanded.png);
  642. }
  643. #personalize-personalizations-list .acquia-lift-list-operations li {
  644. list-style-type: none;
  645. display: inline;
  646. padding-right: 0.3em; /* LTR */
  647. }
  648. #personalize-personalizations-list .acquia-lift-delete,
  649. #personalize-personalizations-list .acquia-lift-edit,
  650. #personalize-personalizations-list .acquia-lift-report,
  651. #personalize-personalizations-list .acquia-lift-complete {
  652. display: inline-block;
  653. background-repeat: no-repeat;
  654. background-position: 50%;
  655. width: 20px;
  656. height: 20px;
  657. text-indent: -9999px;
  658. overflow: hidden;
  659. }
  660. #personalize-personalizations-list .acquia-lift-delete {
  661. background-image: url(../images/8A8B8E/delete.png);
  662. }
  663. #personalize-personalizations-list .acquia-lift-edit {
  664. background-image: url(../images/8A8B8E/edit.png);
  665. }
  666. #personalize-personalizations-list .acquia-lift-report {
  667. background-image: url(../images/8A8B8E/report.png);
  668. }
  669. #personalize-personalizations-list .acquia-lift-complete {
  670. background-image: url(../images/8A8B8E/end_test.png);
  671. }
  672. /* General icons*/
  673. a.acquia-lift-configure,
  674. a.acquia-lift-configure:link,
  675. a.acquia-lift-configure:visited {
  676. background: url(../images/0074BD/configure.png) no-repeat left center;
  677. padding-left: 1.3em;
  678. display: inline-block;
  679. background-size: 1.2em;
  680. margin-left: .5em;
  681. color: #0074BD;
  682. }
  683. a.acquia-lift-configure:hover {
  684. background-image: url(../images/2FA6E5/configure.png);
  685. color: #2FA6E5;
  686. }