You are here

Home » API reference » Acquia Lift Connector 7

acquia_lift.admin.css in Acquia Lift Connector 7

Same filename and directory in other branches
  1. 7.2 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 {
  float: left;
  margin-right: 1.4em;
}
#acquia-lift-overview-report .acquia-lift-overview-item {
  font-size: 1.4em;
  font-weight: bold;
  min-height: 24px;
}

/* Reporting: positive/negative indicators. */
#acquia-lift-experiment-report .acquia-lift-report-negative,
#acquia-lift-context-report .acquia-lift-report-negative,
#acquia-lift-stability-report .acquia-lift-report-negative,
#acquia-lift-overview-report .acquia-lift-report-negative .acquia-lift-overview-item,
#acquia-lift-experiment-report .acquia-lift-report-positive,
#acquia-lift-context-report .acquia-lift-report-positive,
#acquia-lift-stability-report .acquia-lift-report-positive,
#acquia-lift-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-context-report .acquia-lift-report-positive,
#acquia-lift-stability-report .acquia-lift-report-positive,
#acquia-lift-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-experiment-report .acquia-lift-report-negative,
#acquia-lift-context-report .acquia-lift-report-negative,
#acquia-lift-stability-report .acquia-lift-report-negative,
#acquia-lift-overview-report .acquia-lift-report-negative .acquia-lift-overview-item {
  background-image: url(../images/FF8000/alert.png);
  background-image: url(../images/FF8000/alert.svg), none;
}
#acquia-lift-overview-report .acquia-lift-report-negative .acquia-lift-overview-item,
#acquia-lift-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 {
  color: #85B200;
}
#acquia-lift-overview-report .acquia-lift-report-negative .acquia-lift-overview-item {
  color: #F7941F;
}

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

/* Reporting: content variation special indicators */
#acquia-lift-context-report td.acquia-lift-context-best .acquia-lift-best {
  background-image: url(../images/85b200/confirm.png);
  background-image: url(../images/85b200/confirm.svg), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right;
  background-size: 18px;
  float: right;
  padding-right: 20px;
}

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

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. 

  59. #personalize-acquia-lift-reset {

  60.   display: inline;

  61. }

  62. 

  63. /* Reports */

  64. .acquia-lift-report-filters div {

  65.   float: left;

  66.   margin-right: 10px;

  67. }

  68. 

  69. .acquia-lift-report-section {

  70.   margin: 25px 0;

  71. }

  72. 

  73. .acquia-lift-report-section-title h2 {

  74.   display: inline-block;

  75.   margin-right: .5em; /* LTR */

  76.   margin-bottom: 0;

  77. }

  78. 

  79. .acquia-lift-report-section-title .acquia-lift-report-controls {

  80.   padding-bottom: 10px;

  81. }

  82. 

  83. #acquia-lift-overview-report .form-wrapper > div {

  84.   float: left;

  85.   margin-right: 1.4em;

  86. }

  87. #acquia-lift-overview-report .acquia-lift-overview-item {

  88.   font-size: 1.4em;

  89.   font-weight: bold;

  90.   min-height: 24px;

  91. }

  92. 

  93. /* Reporting: positive/negative indicators. */

  94. #acquia-lift-experiment-report .acquia-lift-report-negative,

  95. #acquia-lift-context-report .acquia-lift-report-negative,

  96. #acquia-lift-stability-report .acquia-lift-report-negative,

  97. #acquia-lift-overview-report .acquia-lift-report-negative .acquia-lift-overview-item,

  98. #acquia-lift-experiment-report .acquia-lift-report-positive,

  99. #acquia-lift-context-report .acquia-lift-report-positive,

  100. #acquia-lift-stability-report .acquia-lift-report-positive,

  101. #acquia-lift-overview-report .acquia-lift-report-positive .acquia-lift-overview-item {

  102.   background-color: transparent;

  103.   background-repeat: no-repeat;

  104.   background-position: left center;

  105.   background-size: 18px;

  106.   padding-left: 20px;

  107. }

  108. #acquia-lift-experiment-report .acquia-lift-report-positive,

  109. #acquia-lift-context-report .acquia-lift-report-positive,

  110. #acquia-lift-stability-report .acquia-lift-report-positive,

  111. #acquia-lift-overview-report .acquia-lift-report-positive .acquia-lift-overview-item {

  112.   background-image: url(../images/85b200/confirm.png);

  113.   background-image: url(../images/85b200/confirm.svg), none;

  114. }

  115. #acquia-lift-experiment-report .acquia-lift-report-negative,

  116. #acquia-lift-context-report .acquia-lift-report-negative,

  117. #acquia-lift-stability-report .acquia-lift-report-negative,

  118. #acquia-lift-overview-report .acquia-lift-report-negative .acquia-lift-overview-item {

  119.   background-image: url(../images/FF8000/alert.png);

  120.   background-image: url(../images/FF8000/alert.svg), none;

  121. }

  122. #acquia-lift-overview-report .acquia-lift-report-negative .acquia-lift-overview-item,

  123. #acquia-lift-overview-report .acquia-lift-report-positive .acquia-lift-overview-item {

  124.   background-position: left top;

  125. }

  126. #acquia-lift-overview-report .acquia-lift-report-positive .acquia-lift-overview-item {

  127.   color: #85B200;

  128. }

  129. #acquia-lift-overview-report .acquia-lift-report-negative .acquia-lift-overview-item {

  130.   color: #F7941F;

  131. }

  132. 

  133. #acquia-lift-context-report td.acquia-lift-report-positive,

  134. #acquia-lift-experiment-report-data td.acquia-lift-report-positive,

  135. #acquia-lift-stability-report-data td.acquia-lift-report-positive {

  136.   color: #85B200;

  137.   font-weight: bold;

  138. }

  139. 

  140. /* Reporting: content variation special indicators */

  141. #acquia-lift-context-report td.acquia-lift-context-best .acquia-lift-best {

  142.   background-image: url(../images/85b200/confirm.png);

  143.   background-image: url(../images/85b200/confirm.svg), none;

  144.   background-color: transparent;

  145.   background-repeat: no-repeat;

  146.   background-position: right;

  147.   background-size: 18px;

  148.   float: right;

  149.   padding-right: 20px;

  150. }

  151. 

  152. tr.acquia-lift-report-control {

  153.   background-color: #FAFAEA;

  154. }

  155. 

  156. /* Reporting: Report heading */

  157. .acquia-lift-report-summary {

  158.   font-style: italic;

  159. }

  160. /* Reporting: Distribution labels */

  161. .acquia-lift-distribution {

  162.   width: 350px;

  163.   font-size: smaller;

  164. }

  165. .acquia-lift-distribution .distribution-set {

  166.   float: left;

  167. }

  168. .acquia-lift-distribution .distribution-rest {

  169.   float: right;

  170. }

  171. .acquia-lift-distribution .distribution-graphic {

  172.   clear: both;

  173.   width: 100%;

  174.   height: .4em;

  175.   background-color: #C961AF;

  176. }

  177. .acquia-lift-distribution .distribution-graphic .fill {

  178.   height: 100%;

  179.   background-color: #85B200;

  180. }

  181. 

  182. #acquia-lift-experiment-report .acquia-lift-distribution .distribution-graphic {

  183.   background-color: #999;

  184. }

  185. #acquia-lift-experiment-report .acquia-lift-distribution .distribution-rest {

  186.   color: #999;

  187. }

  188. /* Reporting: Header summary */

  189. .acquia-lift-report-header-summary {

  190.   float: left;

  191. }

  192. /* Reporting: Context select */

  193. .acquia-lift-report-controls {

  194.   float: right;

  195. }

  196. .acquia-lift-report-controls .form-type-select label {

  197.   margin: 0;

  198.   display: inline;

  199. }

  200. 

  201. /* Reporting: High-low goal value display */

  202. .acquia-lift-hilo-estimate {

  203.   width: 200px;

  204.   border-left: 1px solid #999;

  205.   border-right: 1px solid #999;

  206.   height: 24px;

  207. }

  208. .acquia-lift-hilo-estimate .acquia-lift-hilo-background {

  209.   background-color: #999;

  210.   height: 1px;

  211.   vertical-align: middle;

  212.   position: relative;

  213.   top: 12px;

  214. }

  215. .acquia-lift-hilo-estimate .acquia-lift-hilo-bounds {

  216.   height: 5px;

  217.   overflow: visible;

  218.   background-color: #2FA6E5;

  219.   position: relative;

  220.   top: -2px;

  221.   display: inline-block;

  222. }

  223. .acquia-lift-hilo-estimate .acquia-lift-estimate {

  224.   width: 100%;

  225.   text-align: center;

  226. }

  227. .acquia-lift-hilo-estimate .acquia-lift-badge {

  228.   position: relative;

  229.   background: white;

  230.   display: inline-block;

  231.   border-radius: 10px;

  232.   border: 1px solid #2FA6E5;

  233.   padding: 2px 4px;

  234.   font-weight: bold;

  235. }

  236. .acquia-lift-hilo-estimate .acquia-lift-badge {

  237.   top: -12px;

  238. }

  239. 

  240. /* Reporting: Static bar graphs to show percentage */

  241. .acquia-lift-graph-level-0,

  242. .acquia-lift-graph-level-1,

  243. .acquia-lift-graph-level-2,

  244. .acquia-lift-graph-level-3,

  245. .acquia-lift-graph-level-4,

  246. .acquia-lift-graph-level-5 {

  247.   background-repeat: no-repeat;

  248.   background-position: left center;

  249.   padding-left: 30px;

  250. }

  251. .acquia-lift-graph-level-0 {

  252.   background-image: url('../images/graph-0.png');

  253. }

  254. .acquia-lift-graph-level-1 {

  255.   background-image: url('../images/graph-1.png');

  256. }

  257. .acquia-lift-graph-level-2 {

  258.   background-image: url('../images/graph-2.png');

  259. }

  260. .acquia-lift-graph-level-3 {

  261.   background-image: url('../images/graph-3.png');

  262. }

  263. .acquia-lift-graph-level-4 {

  264.   background-image: url('../images/graph-4.png');

  265. }

  266. .acquia-lift-graph-level-5 {

  267.   background-image: url('../images/graph-5.png');

  268. }

  269. 

  270. /* Acquia Lift configuration form */

  271. .acquia-lift-config-minimum-runtime {

  272.     clear: both;

  273.     margin-bottom: .5em;

  274.     width: 100%;

  275.     display: inline-block;

  276. }

  277. .acquia-lift-config-minimum-runtime div.form-item {

  278.     float: left;

  279.     padding-top: 1px;

  280.     padding-bottom: 5px;

  281.     margin-bottom: 0px;

  282.     padding-right: 10px;

  283. }

  284. 

  285. .acquia-lift-config-minimum-runtime div.description {

  286.     clear: both;

  287. }