style.html 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <style type="text/css">
  2. /* Builder样式 */
  3. .builder .builder-container .builder-data-empty {
  4. margin-bottom: 20px;
  5. background-color: #f9f9f9;
  6. }
  7. .builder .builder-container .builder-data-empty .empty-info {
  8. padding: 130px 0;
  9. color: #555;
  10. }
  11. .builder .builder-container .builder-table .table td {
  12. max-width: 600px;
  13. vertical-align: middle;
  14. overflow: hidden;
  15. }
  16. .builder .builder-container .builder-table .table td img.picture {
  17. max-width: 200px;
  18. max-height: 40px;
  19. }
  20. .builder .builder-container .pagination {
  21. margin-top: 0px;
  22. }
  23. .builder.formbuilder-box .form-builder .img-box .remove-picture {
  24. color: red;
  25. position: absolute;
  26. top: 0;
  27. right: 2px;
  28. background: #fff;
  29. border-radius: 20px;
  30. cursor: pointer;
  31. }
  32. .builder.formbuilder-box .form-builder .img-box .remove-picture:hover {
  33. color: #DD0000;
  34. box-shadow: inset 0 1px 1px red, 0 0 8px red;
  35. }
  36. .builder.formbuilder-box .form-builder .file-box .remove-file {
  37. color: red;
  38. position: absolute;
  39. top: 12px;
  40. right: 10px;
  41. border-radius: 20px;
  42. cursor: pointer;
  43. }
  44. .builder.formbuilder-box .form-builder .file-box .remove-file:hover {
  45. color: #DD0000;
  46. box-shadow: inset 0 1px 1px red, 0 0 8px red;
  47. }
  48. .builder.formbuilder-box .form-builder .board_list .board {
  49. padding: 0px;
  50. margin-right: 10px;
  51. }
  52. @media (min-width: 768px) {
  53. .builder.formbuilder-box .form-builder .input,
  54. .builder.formbuilder-box .form-builder .select,
  55. .builder.formbuilder-box .form-builder .textarea,
  56. .builder.formbuilder-box .form-builder .file-box {
  57. width: 70%;
  58. }
  59. .builder.formbuilder-box .form-builder .bottom_button_list .btn {
  60. min-width: 120px;
  61. }
  62. .builder.formbuilder-box .form-builder.form-horizontal {
  63. padding: 0 15px;
  64. }
  65. .builder.formbuilder-box .form-builder.form-horizontal .control-label {
  66. text-align: left;
  67. }
  68. .builder.formbuilder-box .form-builder.form-horizontal .left {
  69. width: 15%;
  70. float: left;
  71. }
  72. .builder.formbuilder-box .form-builder.form-horizontal .right {
  73. width: 85%;
  74. float: left;
  75. }
  76. }
  77. @media (min-width: 992px) {
  78. .builder.formbuilder-box .form-builder.form-horizontal .left {
  79. width: 12%;
  80. float: left;
  81. }
  82. .builder.formbuilder-box .form-builder.form-horizontal .right {
  83. width: 88%;
  84. float: left;
  85. }
  86. }
  87. @media (max-width: 768px) {
  88. .builder.formbuilder-box .form-builder .bottom_button_list .btn {
  89. width: 100%;
  90. }
  91. }
  92. </style>