bpmn-properties-theme.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. .bpp-properties-panel {
  2. background-color: rgba(27, 31, 35, 0.05);
  3. // border-color: rgba(0, 0, 0, 0.09);
  4. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
  5. }
  6. .bpp-properties-panel label {
  7. color: #0e88eb;
  8. line-height: 14px;
  9. }
  10. .bpp-properties-header {
  11. color: #fff;
  12. }
  13. .bpp-properties-header > .label {
  14. color: #0e88eb;
  15. font-size: 16px;
  16. }
  17. .bpp-field-description {
  18. font-size: 12px;
  19. }
  20. ul.bpp-properties-tabs-links > li.bpp-active a {
  21. border-top: 2px solid #0e88eb;
  22. color: #0e88eb;
  23. }
  24. ul.bpp-properties-tabs-links > li > a {
  25. border: 1px solid #0e88eb;
  26. border-radius: 2px 2px 0 0;
  27. }
  28. .bpp-properties-group:hover > .group-toggle {
  29. background-color: #0e88eb;
  30. }
  31. .bpp-properties-group > .group-label {
  32. font-size: 16px;
  33. color: #0e88eb;
  34. border-bottom: 2px solid #0e88eb;
  35. font-style: normal;
  36. }
  37. .bpp-properties-panel [type="text"],
  38. .bpp-properties-panel [contenteditable],
  39. .bpp-properties-panel textarea,
  40. .bpp-properties-panel select {
  41. // width: 85%;
  42. padding: 4px 11px;
  43. color: rgba(0, 0, 0, 0.65);
  44. font-size: 14px;
  45. background-color: #fff;
  46. background-image: none;
  47. border: 1px solid #d9d9d9;
  48. border-radius: 4px;
  49. transition: all 0.3s;
  50. }
  51. .bpp-properties-panel input:focus,
  52. .bpp-properties-panel button:focus,
  53. .bpp-properties-panel textarea:focus,
  54. .bpp-properties-panel [contenteditable]:focus {
  55. border-color: #0e88eb;
  56. box-shadow: 0 0 1px 2px #4d90fe45;
  57. }
  58. .bpp-properties-panel [contenteditable] {
  59. margin: 0 auto;
  60. }
  61. .bpp-properties-panel button {
  62. height: 15px;
  63. width: 14px;
  64. text-align: center;
  65. border-radius: 50%;
  66. padding: 0;
  67. color: #fff;
  68. }
  69. .bpp-textfield .clear {
  70. top: 50%;
  71. right: 11px;
  72. transform: translateY(-50%);
  73. background-color: #ccc;
  74. }
  75. .bpp-properties-panel button:hover {
  76. background: #0e88eb;
  77. color: #fff;
  78. }
  79. .bpp-properties-tab-bar {
  80. border-color: #0e88eb;
  81. }
  82. .bpp-properties-group + .bpp-properties-group {
  83. border-top: 1px dotted #0e88eb;
  84. }
  85. .bpp-checkbox input {
  86. margin-right: 2px;
  87. }
  88. .bjs-powered-by {
  89. display: none;
  90. }