GooFlow2.css 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. v\:group,v\:rect,v\:imagedata,v\:oval,v\:line,v\:polyline,v\:stroke,v\:textbox { display:inline-block;background:transparent }
  2. .GooFlow{
  3. background:#F5F5F5;border:#ccc 1px solid;font: 0.8em Microsoft Yahei;
  4. -moz-user-select:none;-webkit-user-select:none;border-radius:4px;color:#333
  5. }
  6. .GooFlow i{font: 1em}
  7. .GooFlow_head{clear:both;height:20px;padding:1px;border-bottom:#00B4E1 2px solid;}
  8. .GooFlow_head label{
  9. font-weight:bold;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:18px;padding:2px;width:170px;text-align:center;
  10. background:#00B4E1;float:left;color:#fff;border-radius:3px 0px 0px 0px;overflow:hidden;margin:-1px 4px 0px -1px;
  11. }
  12. .GooFlow_head span{float:left;height:22px;width:0px;overflow:hidden;border-left:#3892D3 1px solid;margin:0px 3px;}
  13. .GooFlow_head_btn{display:block;border:0px;height:18px;width:18px;cursor:default;padding:1px;margin:0px 3px;float:left;outline:none;blr:expression(this.onFocus=this.blur());}
  14. .GooFlow_head_btn i{display:inline-block;overflow:hidden;width:18px;height:18px;border:0px;}
  15. .GooFlow_head_btn:hover{border-radius:2px;background:#FFBF00}
  16. .GooFlow_head_btn:hover i{}
  17. .GooFlow_tool{float:left;padding:0px 3px;overflow:hidden;clear:left;border-right:#ccc 1px solid}
  18. .GooFlow_tool_div{overflow:hidden;border-radius:2px;width:24px;padding:2px}
  19. .GooFlow_tool span{height:0px;overflow:hidden;border-top:#ccc 1px solid;margin:3px 1px;clear:both;display:block;}
  20. .GooFlow_tool_btn{display:block;border:0px;height:18px;width:18px;cursor:default;padding:2px;margin:3px 1px;outline:none;blr:expression(this.onFocus=this.blur());}
  21. .GooFlow_tool_btn i{display:block;overflow:hidden;width:18px;height:18px;border:0px}
  22. .GooFlow_tool_btn:hover{border-radius:3px;padding:0px;border:#99B1CE 1px solid;width:20px;height:20px;background:#fff}
  23. .GooFlow_tool_btn:hover i{margin:1px;border-radius:2px}
  24. .GooFlow_tool_btndown{
  25. cursor:default;margin:3px 1px;outline:none;blr:expression(this.onFocus=this.blur());
  26. border-radius:3px;padding:2px;background:#FFBF00;display:block;
  27. }
  28. .GooFlow_tool_btndown i{display:block;overflow:hidden;width:18px;height:18px;border-radius:2px}
  29. .GooFlow_work{float:right;margin:0px 3px 3px 0px;border:#F5F5F5 1px solid;position:relative;overflow:hidden;}
  30. .GooFlow_work .GooFlow_work_inner{background-image:url(../img/gooflow_blank2.gif);position:relative;overflow:hidden;}
  31. .GooFlow_work .GooFlow_work_group{cursor:default;position:absolute;overflow:hidden;top:0px;left:0px}
  32. .GooFlow_work text{color:#fff}
  33. .GooFlow_area{cursor:default;position:absolute;overflow:hidden;}
  34. .GooFlow_area .lock{cursor:default;}
  35. .GooFlow_area .bg{cursor:move;filter:Alpha(Opacity=30);-moz-opacity:0.3;opacity: 0.3;}
  36. .GooFlow_work .lock .bg{cursor:default;}
  37. .GooFlow_area label{cursor:text;top:1px;left:1px;position:absolute;display:block;font-size:12px;text-indent:18px;height:18px;line-height:18px}
  38. .GooFlow_work .lock label{cursor:default;}
  39. .GooFlow_area i{display:block;height:18px;widht:18px;top:0px;left:0px;position:absolute;cursor:pointer}
  40. .GooFlow_work .area_red .bg{border:1px solid red;background-color:#FF7865}
  41. .GooFlow_work .area_red label{color:red;background:url(../img/gooflow_bullet.png) no-repeat 1px 1px}
  42. .GooFlow_work .area_yellow .bg{border:1px solid #CD925A;background-color:#FFD564}
  43. .GooFlow_work .area_yellow label{color:#FFBA1D;background:url(../img/gooflow_bullet.png) no-repeat 1px -16px}
  44. .GooFlow_work .area_blue .bg{border:1px solid #347BB1;background-color:#549CDE}
  45. .GooFlow_work .area_blue label{color:#347BB1;background:url(../img/gooflow_bullet.png) no-repeat 1px -33px}
  46. .GooFlow_work .area_green .bg{border:1px solid green;background-color:#84CA04}
  47. .GooFlow_work .area_green label{color:green;background:url(../img/gooflow_bullet.png) no-repeat 1px -50px}
  48. .GooFlow_work svg{display:block;position:absolute}
  49. .GooFlow_work v\:group{position:relative;display:block}
  50. .GooFlow_work v\:group v\:line{overflow:visible}
  51. .GooFlow_work v\:group v\:polyline{overflow:visible}
  52. .GooFlow_work v\:group div{cursor:text;position:absolute;overflow:visible;display:inline;float:left;white-space: nowrap}
  53. .GooFlow_work .draw{color:#ff3300}
  54. .GooFlow_item{
  55. position:absolute;background:#A1DCEB;border:#A1DCEB solid 1px;
  56. border-radius:3px;background-color:#C1DCFC;box-shadow:1px 1px 2px rgba(99,99,99,2);
  57. }
  58. .GooFlow table{padding:1px;border-radius:2px}
  59. .GooFlow td{ vertical-align:middle;text-align:center;padding:0px;cursor:default;word-wrap:break-word;word-break:break-all}
  60. .GooFlow .ico{width:18px;cursor:move}
  61. .GooFlow i{display:block;width:18px;height:18px;overflow:hidden}
  62. .GooFlow .item_round{border-radius:11px;border:#C1DCFC solid 1px;width:22px;height:22px; overflow:visible}
  63. .GooFlow .item_round table{border:0px;padding:2px;width:22px;height:22px}
  64. .GooFlow .item_round .span{
  65. display:block;text-align:center; position:absolute;top:24px;left:-28px;width:80px;overflow:visible;text-align:center;
  66. padding:0px;cursor:default;word-wrap: break-word;word-break:break-all
  67. }
  68. .GooFlow .item_mix{background:#B6F700;border-color:#C2DB4E;color:#fff}
  69. .GooFlow div .rs_right{overflow:hidden;position:absolute;right:-1px;top:-1px;height:100%;width:6px;cursor:w-resize}
  70. .GooFlow div .rs_bottom{overflow:hidden;position:absolute;left:-1px;bottom:-1px;width:100%;height:6px;cursor:n-resize}
  71. .GooFlow div .rs_rb{
  72. position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;overflow:hidden;cursor:nw-resize;background:url(../img/gooflow_tip.png) no-repeat 0px -8px;
  73. }
  74. .GooFlow div .rs_close{
  75. position:absolute;right:1px;top:1px;width:7px;height:7px;overflow:hidden;cursor:pointer;background:url(../img/gooflow_tip.png) no-repeat 0px 0px
  76. }
  77. .GooFlow .rs_ghost{
  78. position:absolute;display:none;overflow:hidden;border:#8EA4C1 1px dashed; background:#D9E8FB;
  79. filter:Alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;z-index:10
  80. }
  81. .GooFlow .item_focus{border:#FF0000 1px solid}
  82. .GooFlow .item_mark{border:#ff3300 1px solid}
  83. .GooFlow .item_mark td{cursor:crosshair}
  84. .GooFlow textarea{position:absolute;border:#3892D3 1px solid;display:none;font: 1em Microsoft Yahei;overflow-y:visible;width:100px;z-index:10001}
  85. .GooFlow .GooFlow_line_oper{
  86. width:70px;height:15px;background-color:#D8E8FC;border:#7DA2CE 1px solid;position:absolute;
  87. filter:Alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;z-index:10000;
  88. }
  89. .GooFlow .GooFlow_line_mp{
  90. width:9px;height:9px;filter:Alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4;overflow:hidden;
  91. position:absolute;z-index:9999;background:#333;cursor:crosshair
  92. }
  93. .GooFlow .GooFlow_line_move{filter:Alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;overflow:hidden;position:absolute;z-index:9999;}
  94. .GooFlow .GooFlow_line_oper i{display:inline-block;width:15px;height:15px;margin-left:2px;cursor:pointer}
  95. .GooFlow .b_l1{background:url(../img/GooFlow_line_oper.png) no-repeat 1px 1px}
  96. .GooFlow .b_l2{background:url(../img/GooFlow_line_oper.png) no-repeat 1px -14px}
  97. .GooFlow .b_l3{background:url(../img/GooFlow_line_oper.png) no-repeat 1px -29px}
  98. .GooFlow .b_x{background:url(../img/GooFlow_line_oper.png) no-repeat 1px -44px;margin-left:10px}
  99. .GooFlow .ico_cursor{background:url(../img/gooflow_icon.png) no-repeat 2px -20px}
  100. .GooFlow .ico_start{background:url(../img/gooflow_icon.png) no-repeat -19px -20px}
  101. .GooFlow .ico_end{background:url(../img/gooflow_icon.png) no-repeat -39px -20px}
  102. .GooFlow .ico_fork{background:url(../img/gooflow_icon.png) no-repeat -59px -20px}
  103. .GooFlow .ico_join{background:url(../img/gooflow_icon.png) no-repeat -78px -20px}
  104. .GooFlow .ico_direct{background:url(../img/gooflow_icon.png) no-repeat -137px -20px}
  105. .GooFlow .ico_group{background:url(../img/gooflow_icon.png) no-repeat -96px -20px}
  106. .GooFlow .ico_recombination{background:url(../img/gooflow_icon.png) no-repeat -116px -20px}
  107. .GooFlow .ico_node{background:url(../img/gooflow_icon.png) no-repeat -19px -45px}
  108. .GooFlow .ico_task{background:url(../img/gooflow_icon.png) no-repeat 2px -45px}
  109. .GooFlow .ico_chat{background:url(../img/gooflow_icon.png) no-repeat -38px -45px}
  110. .GooFlow .ico_state{background:url(../img/gooflow_icon.png) no-repeat -59px -45px}
  111. .GooFlow .ico_plug{background:url(../img/gooflow_icon.png) no-repeat -135px -45px}
  112. .GooFlow .ico_menu{background:url(../img/gooflow_icon.png) no-repeat 1px -65px}
  113. .GooFlow .ico_topo{background:url(../img/gooflow_icon.png) no-repeat -117px -45px}
  114. .GooFlow .ico_sound{background:url(../img/gooflow_icon.png) no-repeat -18px -65px}
  115. .GooFlow .ico_open{background:url(../img/gooflow_icon.png) no-repeat -19px 1px}
  116. .GooFlow .ico_new{background:url(../img/gooflow_icon.png) no-repeat 2px 1px}
  117. .GooFlow .ico_reload{background:url(../img/gooflow_icon.png) no-repeat -97px 1px}
  118. .GooFlow .ico_save{background:url(../img/gooflow_icon.png) no-repeat -39px 1px}
  119. .GooFlow .ico_undo{background:url(../img/gooflow_icon.png) no-repeat -58px 1px}
  120. .GooFlow .ico_redo{background:url(../img/gooflow_icon.png) no-repeat -78px 1px}
  121. .GooFlow .ico_mutiselect{background:url(../img/gooflow_icon.png) no-repeat -156px 1px}
  122. *,h6,button{padding: 0;margin: 0}
  123. ul{list-style: none}
  124. .notice_main{height: 98%;width: 99.5%;border: 1px #ccc solid;background-color: #fff;overflow: auto}
  125. .notice_check p label{text-align: right;font-size: 12px;display: inline-block;}
  126. .notice_main_p{font-weight: bold !important;padding-left: 10px !important;line-height: 31px !important;border-bottom: 1px #ccc solid !important;font-size: 12px}
  127. h5{font-weight: bold !important;padding-left: 10px !important;line-height: 31px !important;border-bottom: 1px #ccc solid !important}
  128. .ts{margin-left: 16px}
  129. .ts li{color: #bb8940;line-height: 24px;font-size: 12px;}
  130. .ts li span{margin-right: 16px}