You are here

admin-setting.css in SendinBlue 8

/* setting page */

#wrap {
  margin-top: 20px;
  padding: 0px;
}

#wrap-right-side {
  padding-left: 30px;
  padding-right: 20px;
}

div#wrap-left {
  width: 70%;
  float: left;
  box-sizing: border-box;
}

div#wrap-right-side {
  box-sizing: border-box;
  width: 30%;
  float: right;
}

#wrap-left fieldset {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-top: 0px;
  margin-bottom: 20px;
}

#wrap-left #edit-wrap-left-form legend,
#wrap-left #edit-wrap-left-fields legend,
#wrap-left #edit-wrap-left-subscription legend {
  margin-bottom: 20px;
}

#wrap-left #edit-wrap-left-form legend span.fieldset-legend,
#wrap-left #edit-wrap-left-fields legend span.fieldset-legend,
#wrap-left #edit-wrap-left-subscription legend  span.fieldset-legend {
  margin-top: 20px;
  margin-left: 10px;
}

#wrap-left #edit-wrap-left-form div.fieldset-wrapper,
#wrap-left #edit-wrap-left-fields div.fieldset-wrapper,
#wrap-left #edit-wrap-left-subscription div.fieldset-wrapper {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

#wrap-left #edit-wrap-left-subscription #edit-wrap-left-subscription-settings legend,
#wrap-left #edit-wrap-left-subscription #edit-wrap-left-subscription-messages legend {
  margin-bottom: 10px;
}

#wrap-left #edit-wrap-left-subscription #edit-wrap-left-subscription-settings legend  span.fieldset-legend,
#wrap-left #edit-wrap-left-subscription #edit-wrap-left-subscription-messages legend  span.fieldset-legend {
  margin-top: 15px;
  margin-left: 10px;
}

#wrap-left #edit-wrap-left-subscription #edit-wrap-left-subscription-settings div.fieldset-wrapper,
#wrap-left #edit-wrap-left-subscription #edit-wrap-left-subscription-settings div.fieldset-wrapper,
#wrap-left #edit-wrap-left-subscription #edit-wrap-left-subscription-settings div.fieldset-wrapper {
  border-top: 1px solid #ddd;
  padding-top: 10px;
}

#wrap-right-side #wrap-right-side p,
#wrap-right-side a,
#wrap-right-side span,
#wrap-right-side strong {
  font-size: 12px !important;
}

div#wrap-left,
div#wrap-left p,
div#wrap-left a,
div#wrap-left span,
div#wrap-left strong {
  font-size: 14px;
}

.panel-default {
  border-color: #ddd;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-body {
  padding: 15px;
}

#wrap ul {
  margin: 0px;
}

#wrap ul li {
  list-style: none;
}

#sib_merge_fields input[type="text"],
#sendinblue_attribute_lists select {
  padding: 2px;
  border: 1px solid #ccc;
  border-top-color: #999;
  background: #fff;
  color: #333;
}

a#sendinblue_add_field_btn {
  margin-left: 30px;
}

#sendinblue_merge_fields table,
#sendinblue_merge_fields table tr td:last-child {
  border: none;
}

#sendinblue_select_field {
  width: 200px;
}

#edit-wrap-left-fields-addfield,
#edit-wrap-left-fields-addfield div.fieldset-wrapper {
  border: none !important;
  margin-bottom: 0px;
  padding-top: 20px;
}

#edit-wrap-left-fields-addfield a.fieldset-title {
  text-transform: capitalize;
}

#wrap-left div.page-header {
  line-height: 60px;
  margin-left: 20px;
}

#wrap-left div.panel-body {
  border-top: 1px solid #ddd;
}
div.sendinblue_sub_field {
  margin-left: 10px;
}

File

css/admin-setting.css
View source
  1. /* setting page */
  2. #wrap {
  3. margin-top: 20px;
  4. padding: 0px;
  5. }
  6. #wrap-right-side {
  7. padding-left: 30px;
  8. padding-right: 20px;
  9. }
  10. div#wrap-left {
  11. width: 70%;
  12. float: left;
  13. box-sizing: border-box;
  14. }
  15. div#wrap-right-side {
  16. box-sizing: border-box;
  17. width: 30%;
  18. float: right;
  19. }
  20. #wrap-left fieldset {
  21. border: 1px solid #ddd;
  22. border-radius: 5px;
  23. margin-top: 0px;
  24. margin-bottom: 20px;
  25. }
  26. #wrap-left #edit-wrap-left-form legend,
  27. #wrap-left #edit-wrap-left-fields legend,
  28. #wrap-left #edit-wrap-left-subscription legend {
  29. margin-bottom: 20px;
  30. }
  31. #wrap-left #edit-wrap-left-form legend span.fieldset-legend,
  32. #wrap-left #edit-wrap-left-fields legend span.fieldset-legend,
  33. #wrap-left #edit-wrap-left-subscription legend span.fieldset-legend {
  34. margin-top: 20px;
  35. margin-left: 10px;
  36. }
  37. #wrap-left #edit-wrap-left-form div.fieldset-wrapper,
  38. #wrap-left #edit-wrap-left-fields div.fieldset-wrapper,
  39. #wrap-left #edit-wrap-left-subscription div.fieldset-wrapper {
  40. border-top: 1px solid #ddd;
  41. padding-top: 20px;
  42. }
  43. #wrap-left #edit-wrap-left-subscription #edit-wrap-left-subscription-settings legend,
  44. #wrap-left #edit-wrap-left-subscription #edit-wrap-left-subscription-messages legend {
  45. margin-bottom: 10px;
  46. }
  47. #wrap-left #edit-wrap-left-subscription #edit-wrap-left-subscription-settings legend span.fieldset-legend,
  48. #wrap-left #edit-wrap-left-subscription #edit-wrap-left-subscription-messages legend span.fieldset-legend {
  49. margin-top: 15px;
  50. margin-left: 10px;
  51. }
  52. #wrap-left #edit-wrap-left-subscription #edit-wrap-left-subscription-settings div.fieldset-wrapper,
  53. #wrap-left #edit-wrap-left-subscription #edit-wrap-left-subscription-settings div.fieldset-wrapper,
  54. #wrap-left #edit-wrap-left-subscription #edit-wrap-left-subscription-settings div.fieldset-wrapper {
  55. border-top: 1px solid #ddd;
  56. padding-top: 10px;
  57. }
  58. #wrap-right-side #wrap-right-side p,
  59. #wrap-right-side a,
  60. #wrap-right-side span,
  61. #wrap-right-side strong {
  62. font-size: 12px !important;
  63. }
  64. div#wrap-left,
  65. div#wrap-left p,
  66. div#wrap-left a,
  67. div#wrap-left span,
  68. div#wrap-left strong {
  69. font-size: 14px;
  70. }
  71. .panel-default {
  72. border-color: #ddd;
  73. }
  74. .panel {
  75. margin-bottom: 20px;
  76. background-color: #fff;
  77. border: 1px solid #ddd;
  78. border-radius: 4px;
  79. -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  80. box-shadow: 0 1px 1px rgba(0,0,0,.05);
  81. }
  82. .panel-default>.panel-heading {
  83. color: #333;
  84. background-color: #f5f5f5;
  85. border-color: #ddd;
  86. }
  87. .panel-heading {
  88. padding: 10px 15px;
  89. border-bottom: 1px solid #ddd;
  90. border-top-left-radius: 3px;
  91. border-top-right-radius: 3px;
  92. }
  93. .panel-body {
  94. padding: 15px;
  95. }
  96. #wrap ul {
  97. margin: 0px;
  98. }
  99. #wrap ul li {
  100. list-style: none;
  101. }
  102. #sib_merge_fields input[type="text"],
  103. #sendinblue_attribute_lists select {
  104. padding: 2px;
  105. border: 1px solid #ccc;
  106. border-top-color: #999;
  107. background: #fff;
  108. color: #333;
  109. }
  110. a#sendinblue_add_field_btn {
  111. margin-left: 30px;
  112. }
  113. #sendinblue_merge_fields table,
  114. #sendinblue_merge_fields table tr td:last-child {
  115. border: none;
  116. }
  117. #sendinblue_select_field {
  118. width: 200px;
  119. }
  120. #edit-wrap-left-fields-addfield,
  121. #edit-wrap-left-fields-addfield div.fieldset-wrapper {
  122. border: none !important;
  123. margin-bottom: 0px;
  124. padding-top: 20px;
  125. }
  126. #edit-wrap-left-fields-addfield a.fieldset-title {
  127. text-transform: capitalize;
  128. }
  129. #wrap-left div.page-header {
  130. line-height: 60px;
  131. margin-left: 20px;
  132. }
  133. #wrap-left div.panel-body {
  134. border-top: 1px solid #ddd;
  135. }
  136. div.sendinblue_sub_field {
  137. margin-left: 10px;
  138. }