customizer.less 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. // stylelint-disable selector-max-id, selector-no-qualifying-type
  2. .bs-customizer .toggle {
  3. float: right;
  4. margin-top: 25px;
  5. }
  6. // Headings and form contrls
  7. .bs-customizer label {
  8. margin-top: 10px;
  9. font-weight: 500;
  10. color: #555;
  11. }
  12. .bs-customizer h2 {
  13. padding-top: 30px;
  14. margin-top: 0;
  15. margin-bottom: 5px;
  16. }
  17. .bs-customizer h3 {
  18. margin-bottom: 0;
  19. }
  20. .bs-customizer h4 {
  21. margin-top: 15px;
  22. margin-bottom: 0;
  23. }
  24. .bs-customizer .bs-callout h4 {
  25. margin-top: 0; // lame, but due to specificity we have to duplicate
  26. margin-bottom: 5px;
  27. }
  28. .bs-customizer input[type="text"] {
  29. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  30. background-color: #fafafa;
  31. }
  32. .bs-customizer .help-block {
  33. margin-bottom: 5px;
  34. font-size: 12px;
  35. }
  36. // For the variables, use regular weight
  37. #less-section label {
  38. font-weight: 400;
  39. }
  40. // Downloads
  41. .bs-customize-download .btn-outline {
  42. padding: 20px;
  43. }
  44. // Error handling
  45. .bs-customizer-alert {
  46. position: fixed;
  47. top: 0;
  48. right: 0;
  49. left: 0;
  50. z-index: 1030;
  51. padding: 15px 0;
  52. color: #fff;
  53. background-color: #d9534f;
  54. border-bottom: 1px solid #b94441;
  55. box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
  56. }
  57. .bs-customizer-alert .close {
  58. margin-top: -4px;
  59. font-size: 24px;
  60. }
  61. .bs-customizer-alert p {
  62. margin-bottom: 0;
  63. }
  64. .bs-customizer-alert .glyphicon {
  65. margin-right: 5px;
  66. }
  67. .bs-customizer-alert pre {
  68. margin: 10px 0 0;
  69. color: #fff;
  70. background-color: #a83c3a;
  71. border-color: #973634;
  72. box-shadow: inset 0 2px 4px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
  73. }
  74. .bs-dropzone {
  75. position: relative;
  76. padding: 20px;
  77. margin-bottom: 20px;
  78. color: #777;
  79. text-align: center;
  80. border: 2px dashed #eee;
  81. border-radius: 4px;
  82. }
  83. .bs-dropzone .import-header {
  84. margin-bottom: 5px;
  85. }
  86. .bs-dropzone .glyphicon-folder-open {
  87. font-size: 40px;
  88. }
  89. .bs-dropzone hr {
  90. width: 100px;
  91. }
  92. .bs-dropzone .lead {
  93. margin-bottom: 10px;
  94. font-weight: 400;
  95. color: #333;
  96. }
  97. #import-manual-trigger {
  98. cursor: pointer;
  99. }
  100. .bs-dropzone p:last-child {
  101. margin-bottom: 0;
  102. }