You are here

general.css in Instapage plugin 8.3

Same filename and directory in other branches
  1. 7.3 core/assets/css/general.css
#instapage-toolbar.l-wrapper
{
  margin-top: 50px;
  margin-bottom: 50px;
}

#instapage-toolbar.l-wrapper > div
{
  border: 1px solid #f0f0f0;
  padding: 40px 0;
  background-color: white;
}

.instapage-cms-plugin
{
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #37475a;
  font-size: 14px;
}

.instapage-cms-plugin .preview-image .cropper
{
  max-height: 200px;
  margin-bottom: 10px;
  overflow: hidden;
}

.instapage-cms-plugin td .page-title
{
  margin-top: 10px;
}

.instapage-cms-plugin td .page-actions
{
   margin: 10px auto 15px;
}

.instapage-cms-plugin td .page-url
{
   margin: 10px 0;
}

.instapage-cms-plugin td .page-url a
{
  word-wrap: break-word; 
  word-break: break-all; 
  display: inline-block;
}

.instapage-cms-plugin td .variation
{
  padding-bottom: 15px;
}

.instapage-cms-plugin td .variation:first-child
{
  padding-top: 10px;
}

.instapage-cms-plugin td .variation div:first-of-type
{
  padding-bottom: 5px;
  display: inline-block;
}

.instapage-cms-plugin td .variation div:nth-of-type(2),
.instapage-cms-plugin td .variation div:nth-of-type(3)
{
  background-color: #F2F7F9;
}

.instapage-cms-plugin .variation-conversion-rate
{
  margin-top: 5px;
}

.instapage-cms-plugin .variation-stats
{
  padding: 4px;
  border-radius: 3px;
}

.instapage-cms-plugin .c-table__cell img
{
  margin: 10px 0;
}

.instapage-cms-plugin h2
{
  text-align: center;
  border: none;
}

.instapage-cms-plugin .instapage-content input[type=password]
{
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #ddd;
}

.instapage-cms-plugin input[type=text],
.instapage-cms-plugin input[type=text]:focus
{
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #ddd;
  background: none;
}

.instapage-cms-plugin .c-modal
{
  line-height: 1.5;
  width: 80%;
  position: relative;
  margin-bottom: 10px;
}

.instapage-cms-plugin label
{
  cursor: default;
  padding-left: 5px;
  margin-bottom: 10px;
}

.instapage-cms-plugin select
{
  box-shadow: none;
}

.instapage-cms-plugin .los-pollos.c-form-text-item
{
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
}

.instapage-cms-plugin .los-pollos span.c-form-text-item__info
{
  font-size: 14px;
  width: 31%;
  display: block;
  position: initial;
  text-align: right;
  padding-top: 10px;
}

.instapage-cms-plugin .los-pollos span.c-form-text-item__info.slug
{
  text-align: left;
  padding-top: 0;
  display: flex;
  justify-content: space-between;
  align-content: center;
  width: 100%;
}

.instapage-cms-plugin .los-pollos > div
{
  width: 68%;
  display: block;
  margin-left: 30px;
}

.instapage-cms-plugin .los-pollos > div > label
{
  left: 340px;
}

.instapage-cms-plugin .tokens-container
{
  padding-top: 15px;
}

.instapage-cms-plugin .tokens-container table tbody td
{
  padding-top: 20px;
}

.instapage-cms-plugin .c-table__cell:first-child
{
  padding-left: 15px;
}

.instapage-cms-plugin .c-table__cell:last-child
{
  padding-right: 15px;
}

.instapage-cms-plugin .page-loader
{
  text-align: center;
}

.instapage-cms-plugin .diagnostic-mode-on .diagnostic-mode-warning
{
  font-weight: 600;
  color: #cc0000;
}

File

core/assets/css/general.css
View source
  1. #instapage-toolbar.l-wrapper
  2. {
  3. margin-top: 50px;
  4. margin-bottom: 50px;
  5. }
  6. #instapage-toolbar.l-wrapper > div
  7. {
  8. border: 1px solid #f0f0f0;
  9. padding: 40px 0;
  10. background-color: white;
  11. }
  12. .instapage-cms-plugin
  13. {
  14. font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  15. color: #37475a;
  16. font-size: 14px;
  17. }
  18. .instapage-cms-plugin .preview-image .cropper
  19. {
  20. max-height: 200px;
  21. margin-bottom: 10px;
  22. overflow: hidden;
  23. }
  24. .instapage-cms-plugin td .page-title
  25. {
  26. margin-top: 10px;
  27. }
  28. .instapage-cms-plugin td .page-actions
  29. {
  30. margin: 10px auto 15px;
  31. }
  32. .instapage-cms-plugin td .page-url
  33. {
  34. margin: 10px 0;
  35. }
  36. .instapage-cms-plugin td .page-url a
  37. {
  38. word-wrap: break-word;
  39. word-break: break-all;
  40. display: inline-block;
  41. }
  42. .instapage-cms-plugin td .variation
  43. {
  44. padding-bottom: 15px;
  45. }
  46. .instapage-cms-plugin td .variation:first-child
  47. {
  48. padding-top: 10px;
  49. }
  50. .instapage-cms-plugin td .variation div:first-of-type
  51. {
  52. padding-bottom: 5px;
  53. display: inline-block;
  54. }
  55. .instapage-cms-plugin td .variation div:nth-of-type(2),
  56. .instapage-cms-plugin td .variation div:nth-of-type(3)
  57. {
  58. background-color: #F2F7F9;
  59. }
  60. .instapage-cms-plugin .variation-conversion-rate
  61. {
  62. margin-top: 5px;
  63. }
  64. .instapage-cms-plugin .variation-stats
  65. {
  66. padding: 4px;
  67. border-radius: 3px;
  68. }
  69. .instapage-cms-plugin .c-table__cell img
  70. {
  71. margin: 10px 0;
  72. }
  73. .instapage-cms-plugin h2
  74. {
  75. text-align: center;
  76. border: none;
  77. }
  78. .instapage-cms-plugin .instapage-content input[type=password]
  79. {
  80. border: none;
  81. box-shadow: none;
  82. border-bottom: 1px solid #ddd;
  83. }
  84. .instapage-cms-plugin input[type=text],
  85. .instapage-cms-plugin input[type=text]:focus
  86. {
  87. border: none;
  88. box-shadow: none;
  89. border-bottom: 1px solid #ddd;
  90. background: none;
  91. }
  92. .instapage-cms-plugin .c-modal
  93. {
  94. line-height: 1.5;
  95. width: 80%;
  96. position: relative;
  97. margin-bottom: 10px;
  98. }
  99. .instapage-cms-plugin label
  100. {
  101. cursor: default;
  102. padding-left: 5px;
  103. margin-bottom: 10px;
  104. }
  105. .instapage-cms-plugin select
  106. {
  107. box-shadow: none;
  108. }
  109. .instapage-cms-plugin .los-pollos.c-form-text-item
  110. {
  111. display: inline-flex;
  112. flex-direction: row;
  113. justify-content: flex-start;
  114. align-items: flex-start;
  115. margin-top: 20px;
  116. }
  117. .instapage-cms-plugin .los-pollos span.c-form-text-item__info
  118. {
  119. font-size: 14px;
  120. width: 31%;
  121. display: block;
  122. position: initial;
  123. text-align: right;
  124. padding-top: 10px;
  125. }
  126. .instapage-cms-plugin .los-pollos span.c-form-text-item__info.slug
  127. {
  128. text-align: left;
  129. padding-top: 0;
  130. display: flex;
  131. justify-content: space-between;
  132. align-content: center;
  133. width: 100%;
  134. }
  135. .instapage-cms-plugin .los-pollos > div
  136. {
  137. width: 68%;
  138. display: block;
  139. margin-left: 30px;
  140. }
  141. .instapage-cms-plugin .los-pollos > div > label
  142. {
  143. left: 340px;
  144. }
  145. .instapage-cms-plugin .tokens-container
  146. {
  147. padding-top: 15px;
  148. }
  149. .instapage-cms-plugin .tokens-container table tbody td
  150. {
  151. padding-top: 20px;
  152. }
  153. .instapage-cms-plugin .c-table__cell:first-child
  154. {
  155. padding-left: 15px;
  156. }
  157. .instapage-cms-plugin .c-table__cell:last-child
  158. {
  159. padding-right: 15px;
  160. }
  161. .instapage-cms-plugin .page-loader
  162. {
  163. text-align: center;
  164. }
  165. .instapage-cms-plugin .diagnostic-mode-on .diagnostic-mode-warning
  166. {
  167. font-weight: 600;
  168. color: #cc0000;
  169. }