Home Explore Help
Register Sign In
ZYjames12345
/
zhujian_OA
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 0535b0bc7d
Branches Tags
zhujian_OA
/
tpl
/
flowchart_formbuilder
/
css
/
formbuilder.css

formbuilder.css 6.6 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 
  1. 
    2. 

  2. .fb-left{position:absolute; left:0; top:0; bottom:0;  width:240px; padding:10px; background-color:#fff; font-size:12px; }
    3. 

  3. .fb-center{position:absolute; left:250px; top:0; bottom:0; right:250px; padding:10px; background-color:#fff;}
    4. 

  4. .fb-right{position:absolute; right:0; top:0; bottom:0; width:240px; padding:10px; background-color:#fff;}
    5. 

  5. 

  6. .fb-left-col{float:left; width:46%; margin:2px 2%; height:28px; line-height:28px; border:1px dotted #888;color:#333;cursor:pointer; text-indent:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    7. 

  7. .fb-left-col:hover{color:#1c84c6 !important; border:1px dashed #1c84c6;text-decoration:none;}
    8. 

  8. 

  9. /**无边框的table表格样式**/
    10. 

  10. .sp-fb-grid{border-collapse: collapse;width:100%; border:1px solid #E1E6EB; border-left:none;}
    11. 

  11. .sp-fb-grid tbody td{ outline: none;text-align: left;height:26px; line-height:26px;border-bottom:1px solid #E1E6EB; border-left:1px solid #E1E6EB;}
    12. 

  12. 

  13. .sp-fb-grid tbody td input[type='text']{outline:none;border:1px solid transparent;width:99%;margin-left:0.5%;  text-indent:5px; color:#666; line-height:26px;}
    14. 

  14. .sp-fb-grid tbody td input[type='date']{outline:none;border:1px solid transparent;width:99%;margin-left:0.5%; text-indent:5px; color:#666; line-height:26px;}
    15. 

  15. .sp-fb-grid tbody td input[type='datetime']{outline:none;border:1px solid transparent;width:99%;margin-left:0.5%;  text-indent:5px; color:#666; line-height:26px;}
    16. 

  16. .sp-fb-grid tbody td input[type='number']{outline:none;border:1px solid transparent;width:99%;margin-left:0.5%;  text-indent:5px; color:#666; line-height:26px;}
    17. 

  17. .sp-fb-grid tbody td select{outline:none;border:1px solid transparent;width:99%;margin-left:0.5%; text-indent:5px;color:#666;height:26px;line-height:26px;}
    18. 

  18. .sp-fb-grid tbody td select:hover{border:1px solid #ddd;}
    19. 

  19. .sp-fb-grid tbody td textarea{outline:none;border:1px solid transparent;width:99%;margin-left:0.5%; padding:0 5px; line-height:22px;color:#666; box-sizing:border-box !important; }
    20. 

  20. 

  21. .sp-fb-grid-div{width:100%;height:40px;line-height:40px; text-align:center; border:1px solid #E1E6EB; border-top:none;}
    22. 

  22. .sp-fb-grid-div a{color:#0066cc !important;}
    23. 

  23. 

  24. 

  25. /**单项选择器--图标*/
    26. 

  26. .spfb-input-popradiobox{ background:url('./icons/spfb-popradiobox.png') right center no-repeat #fff; 
    27. 

  27.                        background-size:20px 20px; box-sizing: border-box; cursor:pointer;}
    28. 

  28. .spfb-textarea-popcheckbox-1{ background:url('./icons/spfb-textarea-popcheckbox-1.png') right bottom no-repeat #fff; 
    29. 

  29.                        background-size:20px 20px; box-sizing: border-box; cursor:pointer;}
    30. 

  30. 

  31. /**无边框的子表table表格样式**/
    32. 

  32. .sp-fb-subgrid{border-collapse: collapse;width:99%; margin:5px 0.5%; border:1px solid #E1E6EB; border-left:none;}
    33. 

  33. .sp-fb-subgrid thead th{ outline: none;text-align: center;height:26px; line-height:26px; font-weight:bold; border-bottom:1px solid #E1E6EB;  border-left:1px solid #E1E6EB;}
    34. 

  34. .sp-fb-subgrid tbody td{ outline: none;text-align: center;height:26px; line-height:26px;border-bottom:1px solid #E1E6EB; border-left:1px solid #E1E6EB;}
    35. 

  35. 

  36. .sp-fb-subgrid tbody td input[type='text']{outline:none;border:none;width:100%; text-indent:5px; color:#666; float:left;line-height:26px;}
    37. 

  37. .sp-fb-subgrid tbody td input[type='date']{outline:none;border:none;width:100%; text-indent:5px; color:#666; float:left;line-height:26px;}
    38. 

  38. .sp-fb-subgrid tbody td input[type='datetime']{outline:none;border:none;width:100%; text-indent:5px; color:#666; float:left;line-height:26px;}
    39. 

  39. .sp-fb-subgrid tbody td input[type='number']{outline:none;border:none;width:100%; text-indent:5px; color:#666; float:left;line-height:26px;}
    40. 

  40. .sp-fb-subgrid tbody td select{outline:none;border:none;float:left;width:100%; text-indent:5px;color:#666;line-height:26px;}
    41. 

  41. .sp-fb-subgrid tbody td select:hover{border:1px solid #ddd;}
    42. 

  42. .sp-fb-subgrid tbody td textarea{outline:none;border:none;width:100%;padding:0 5px; line-height:22px;color:#666; float:left;}
    43. 

  43. 

  44. .sp-fb-subgrid-div{width:100%;height:40px;line-height:40px; text-align:center; border:1px solid #E1E6EB; border-top:none;}
    45. 

  45. .sp-fb-subgrid-div a{color:#0066cc !important;}
    46. 

  46. 

  47. .sp-fb-subgrid .sp-upload{position:relative;  display:block; min-height:36px;overflow:hidden;vertical-align:middle; cursor:pointer;}
    48. 

  48. .sp-fb-subgrid .sp-upload-file{position:absolute; right:0; top:0; font-size:100px; opacity:0; filter:alpha(opacity=0);cursor:pointer; width:100%;height:100%;}
    49. 

  49. .sp-fb-subgrid .sp-upload-btn{ position:absolute; right:0; outline:none;border:0; height:30px; line-height:30px; padding:0 5px; margin:3px 1px 3px 0; color:#fff;background:#1c84c6;cursor:pointer; border-radius:3px;}
    50. 

  50. .sp-fb-subgrid .sp-upload-url { position:absolute;left:1px; right:60px;  border-radius:2px; border: solid 1px #ddd !important; width: 98%; height:30px;line-height: 30px; margin:3px 0 3px 0; text-indent:3px;}
    51. 

  51. 

  52. /**红色主题边框---2023-01-09***/
    53. 

  53. .sp-fb-grid-red{ border:2px solid #ff5454 !important;}
    54. 

  54. .sp-fb-grid-red tbody td{ border-bottom:2px solid #ff5454; border-left:2px solid #ff5454;color:#ff5454; padding:2px 5px;}
    55. 

  55. .sp-fb-grid-red tbody td input[type='text']{color:#333;}
    56. 

  56. .sp-fb-grid-red tbody td input[type='date']{color:#333;}
    57. 

  57. .sp-fb-grid-red tbody td input[type='datetime']{color:#333;}
    58. 

  58. .sp-fb-grid-red tbody td input[type='number']{color:#333;}
    59. 

  59. .sp-fb-grid-red tbody td select{color:#333;}
    60. 

  60. .sp-fb-grid-red tbody td select:hover{color:#333;}
    61. 

  61. .sp-fb-grid-red tbody td textarea{color:#333;}
    62. 

  62. 

  63. /****/
    64. 

  64. .sp-fb-red{color:#ff5454;}
    65. 

  65. /**去掉表格外层边框**/
    66. 

  66. .sp-fb-grid-noneOutLine{border:none !important; border-left:none;}
    67. 

  67. .sp-fb-grid-noneOutLine tbody tr td:first-child{ border-left:none !important;}
    68. 

  68. 

  69. /*文本框区域**/
    70. 

  70. .fb-textbox-part{display:none;}
    71. 

  71. /*单选按钮区域*/
    72. 

  72. .fb-radio-part{display:none;}
    73. 

  73. /*多选选按钮区域*/
    74. 

  74. .fb-checkbox-part{display:none;}
    75. 

  75. /*日期控件设置区域*/
    76. 

  76. .fb-dateset-part{display:none;}
    77. 

  77. /*设置上传图片按钮宽高区域*/
    78. 

  78. .fb-upload-img{display:none;}
    79. 

  79. .fb-upload-img-input{ outline:none; border:0; border-bottom: solid 1px #ddd; width: 100%; height:22px;line-height: 22px; text-align:center;}
    80. 

  80. /*设置补充样式区域*/
    81. 

  81. .fb-setStyle-part{display:none;}
    82. 

  82. 

  83. /*子表按钮样式*/
    84. 

  84. .fb-add-data{outline: none;border: 0;background: transparent;cursor: pointer;}
    85. 

  85. .fb-edit-data{outline: none;border: 0;background: transparent;cursor: pointer;}
    86. 

  86. .fb-delete-data{outline: none;border: 0;background: transparent;cursor: pointer;}
    87. 

  87. .fb-submit-data{display:none;outline: none;border: 0;background: transparent;cursor: pointer;}
    88. 

  88. .fb-add-data i,.fb-edit-data i,.fb-delete-data i,.fb-submit-data i{
    89. 

  89.   width: 22px;
    90. 

  90. }
    91. 

  91. 

  92. 

  93. .spfb-optionbox-canvas canvas {  float: left;  display: block; width:100%; height:300px;   }
    94. 

  94. 

  95. /**签写意见--按钮--布局设置***/
    96. 

  96. .spfb-btn-sign{float:right; clear:both; margin:5px 5px 5px 0; padding:2px 10px; border-radius:3px;}
    97.