Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
lihai
/
RoadFlow2.1
Obserwuj 1
Polub 0
Forkuj 0
Kod Problemy 0 Oczekujące zmiany 0 Commity 4 Wydania 0 Wiki

RoadFlow2.1 临时演示

Gałąź: master
Gałęzie Tagi
RoadFlow2.1
/
WebForm
/
obj
/
Release
/
Package
/
PackageTmp
/
Themes
/
Blue
/
Style
/
ui.css

ui.css 14KB
Bezpośredni odnośnik Historia Czysty

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135 
  1. /*tab*/
    2. 

  2. .tab {border:1px solid #284f8e; }
    3. 

  3. .tab_top { height:3px; background:#f3f6fb; font-size:0px}
    4. 

  4. .tab_title {width:100%; height:30px; background:#f3f6fb url(../images/tab/bg.gif) repeat-x bottom; position:relative; overflow:hidden;}
    5. 

  5. .tab_title_ul {  float:left; width:99999px; list-style:none; margin:0; padding:2px 0 0 2px; position:absolute; z-index:10; overflow:hidden;}
    6. 

  6. .tab_title_ul_li { float:left; height:27px; margin:0 1px; background:url(../images/tab/right.gif) no-repeat right top; cursor:pointer; border-bottom:1px solid #e4e9f0;}
    7. 

  7. .tab_title_ul_li_txt { float:left; height:27px; white-space:nowrap; line-height:29px!important; line-height:27px; padding:0 8px; background:url(../images/tab/left.gif) no-repeat left top; }
    8. 

  8. .tab_title_ul_li_over { float:left; height:28px; margin:0 1px; background:url(../images/tab/right1.gif) no-repeat right top; cursor:pointer;}
    9. 

  9. .tab_title_ul_li_txt_over { float:left; height:28px; white-space:nowrap; line-height:29px!important; line-height:28px; padding:0 8px; background:url(../images/tab/left1.gif) no-repeat left top;}
    10. 

  10. .tab_title_ul_li_close { float:left; padding-top:9px!important;  padding-top:4px; cursor:pointer;}
    11. 

  11. .tab_title_ul_li_close_div { background:url(../images/tab/close.gif) no-repeat left; width:17px; height:11px;}
    12. 

  12. .tab_title_ul_li_close_div_over { background:url(../images/tab/close1.gif) no-repeat left; width:17px; height:11px; }
    13. 

  13. .tab_title_left { float:left; background:url(../images/tab/scroll.gif) 0 0; width:17px; height:23px; margin-top:2px; z-index:20; position:relative; cursor:pointer;}
    14. 

  14. .tab_title_right { float:right; background:url(../images/tab/scroll.gif) -51px 0;  width:17px; height:23px; margin-top:2px; z-index:20; position:relative; cursor:pointer;}
    15. 

  15. .tab_title_left_over { float:left; background:url(../images/tab/scroll.gif) -17px 0; width:17px; height:23px; margin-top:2px; z-index:20; position:relative; cursor:pointer;}
    16. 

  16. .tab_title_right_over { float:right; background:url(../images/tab/scroll.gif) -68px 0;  width:17px; height:23px; margin-top:2px; z-index:20; position:relative; cursor:pointer;}
    17. 

  17. /*tab*/
    18. 

  18. 

  19. /*contextmenu*/
    20. 

  20. .ctxmenu { background:#f5f5f5 url(../images/menu/bg.gif) repeat-y left; border:1px solid #979797; padding:5px 2px 5px 2px; white-space:nowrap;word-break:keep-all; overflow:visible; position:absolute; z-index:999999; overflow:hidden; box-shadow:1px 1px 6px #eae8e8; filter:progid:DXImageTransform.Microsoft.Shadow(color='#eae8e8', Direction=120, Strength=3);-moz-box-shadow:1px 1px 5px #eae8e8;-webkit-box-shadow:1px 1px 5px #eae8e8;}
    21. 

  21. .ctxmenuimg { width:31px; padding-left:4px;}
    22. 

  22. .ctxmenuimg1 { width:31px; cursor:pointer; padding-left:4px; margin:0; background:url(../images/menu/left.gif) no-repeat left;}
    23. 

  23. .ctxmenutxt { cursor:pointer; padding:4px 9px 4px 0;height:16px;}
    24. 

  24. .ctxmenutxt1 { cursor:pointer; padding:4px 9px 4px 0;height:16px; margin:0; background:url(../images/menu/right.gif) no-repeat right;}
    25. 

  25. .ctxmenutxt_disabled { color:#a1a1a1; padding:4px 6px 4px 0;height:16px; }
    26. 

  26. .ctxmenuimg_disabled { filter:alpha(opacity=20);-khtml-opacity: 0.2;-moz-opacity:.2;opacity:0.2; cursor:initial;}
    27. 

  27. .ctxmenu_itemsplit { height:15px; background:url(../images/menu/split.gif); }
    28. 

  28. /*contextmenu*/
    29. 

  29. 

  30. /*tree*/
    31. 

  31. .tree_div { margin:0; padding:0; white-space:nowrap;}
    32. 

  32. .tree_ul { margin:0; padding:0 0 0 2px; list-style:none; vertical-align:top; height:20px; line-height:20px;}
    33. 

  33. .tree_ul_over { margin:0; padding:0 0 0 2px; list-style:none; vertical-align:top; height:20px; line-height:20px; background:url(../images/tree/bg.gif) repeat-x;}
    34. 

  34. .tree_title { display:inline-block; height:20px; vertical-align:baseline; cursor:pointer;}
    35. 

  35. .tree_empty { width:19px; height:20px; display:inline-block; vertical-align:top; }
    36. 

  36. .tree_root { width:19px; height:20px; display:inline-block; vertical-align:top; cursor:pointer; background:url(../images/tree/root.gif) no-repeat 0px 2px;}
    37. 

  37. .tree_loading { width:16px; height:20px; display:inline-block; vertical-align:top; background:url(../images/tree/loading.gif) no-repeat -1px 2px;}
    38. 

  38. .tree_close { width:16px; height:20px; display:inline-block; vertical-align:top; cursor:pointer; background:url(../images/tree/tree.gif) no-repeat -10px -571px;}
    39. 

  39. .tree_open { width:16px; height:20px; display:inline-block; vertical-align:top; cursor:pointer; background:url(../images/tree/tree.gif) no-repeat  -10px -534px;}
    40. 

  40. .tree_leaf { width:16px; height:20px; display:inline-block; vertical-align:top; background:url(../images/tree/tree.gif) no-repeat -11px -606px;}
    41. 

  41. .tree_minus_top { width:19px; height:20px; display:inline-block; vertical-align:top; cursor:pointer; background:url(../images/tree/tree.gif) no-repeat -8px -265px;}
    42. 

  42. .tree_minus_top_noprev { width:19px; height:20px; display:inline-block; vertical-align:top; cursor:pointer; background:url(../images/tree/tree.gif) no-repeat -8px -246px;}
    43. 

  43. .tree_minus_center { width:19px; height:20px; display:inline-block; vertical-align:top; cursor:pointer; background:url(../images/tree/tree.gif) no-repeat -8px -293px;}
    44. 

  44. .tree_minus_bottom { width:19px; height:20px; display:inline-block; vertical-align:top; cursor:pointer;  background:url(../images/tree/tree.gif) no-repeat -8px -344px;}
    45. 

  45. .tree_minus_bottom_noprev { width:19px; height:20px; display:inline-block; vertical-align:top; cursor:pointer;  background:url(../images/tree/tree.gif) no-repeat -8px -196px;}
    46. 

  46. .tree_plus_top { width:19px; height:20px; display:inline-block; vertical-align:top; cursor:pointer; background:url(../images/tree/tree.gif) no-repeat -8px -51px;}
    47. 

  47. .tree_plus_top_noprev { width:19px; height:20px; display:inline-block; vertical-align:top; cursor:pointer; background:url(../images/tree/tree.gif) no-repeat -8px -46px;}
    48. 

  48. .tree_plus_center { width:19px; height:20px; display:inline-block; vertical-align:top; cursor:pointer; background:url(../images/tree/tree.gif) no-repeat -8px -93px;}
    49. 

  49. .tree_plus_bottom { width:19px; height:20px; display:inline-block; vertical-align:top; cursor:pointer; background:url(../images/tree/tree.gif) no-repeat -8px -144px;}
    50. 

  50. .tree_plus_bottom_noprev { width:19px; height:20px; display:inline-block; vertical-align:top; cursor:pointer; background:url(../images/tree/tree.gif) no-repeat -8px 4px;}
    51. 

  51. .tree_line_conn { width:19px; height:20px; display:inline-block; vertical-align:top; background:url(../images/tree/tree.gif) no-repeat -8px -394px;}
    52. 

  52. .tree_line_center { width:19px; height:20px; display:inline-block; vertical-align:top; background:url(../images/tree/tree.gif) no-repeat -8px -444px;}
    53. 

  53. .tree_line_bottom { width:19px; height:20px; display:inline-block; vertical-align:top; background:url(../images/tree/tree.gif) no-repeat -8px -494px;}
    54. 

  54. .tree_line_top { width:19px; height:20px; display:inline-block; vertical-align:top; background:url(../images/tree/tree.gif) no-repeat -8px -630px;}
    55. 

  55. .tree_li{ display:inline; vertical-align:top;}
    56. 

  56. /*tree*/
    57. 

  57. 

  58. /*window*/
    59. 

  59. .window_maskdiv{width:1px;height:1px;background-color:#000000;position:absolute; filter:alpha(opacity=5);-khtml-opacity:0.1;-moz-opacity:0.1; opacity:0.1;left:0;top:0;right:0;bottom:0;}
    60. 

  60. .window_maindiv{position:absolute;background:#ffffff; overflow:hidden; border:1px solid #115fc2; box-shadow:0px 0px 7px #cccccc; filter:progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=120, Strength=3);-moz-box-shadow:0px 0px 7px #cccccc;-webkit-box-shadow:0px 0px 7px #cccccc;}
    61. 

  61. .window_title{height:26px; padding-left:5px; color:#ffffff; padding-right:5px; background:url(../images/window/bg.gif) repeat-x;}
    62. 

  62. .window_title_title{font-weight:bold; float:left; overflow:hidden; height:26px; line-height:28px;}
    63. 

  63. .window_title_title_ico{font-weight:bold; float:left; padding-left:16px; height:26px; line-height:28px; overflow:hidden; background:url(../images/window/ico.gif) no-repeat left center;}
    64. 

  64. .window_title_button{float:right; width:11px; cursor:pointer; height:26px; line-height:26px; background:url(../images/window/close.gif) no-repeat center;}
    65. 

  65. .window_title_button1{float:right; width:11px; cursor:pointer; height:26px; line-height:26px; background:url(../images/window/close1.gif) no-repeat center;}
    66. 

  66. .window_body{padding:0;}
    67. 

  67. .window_resize{ padding:0 2px 2px 0; height:13px;}
    68. 

  68. .window_resize_img{ height:11px; width:11px; float:right; background:url(../images/window/drag.gif) no-repeat right center; cursor:se-resize;}
    69. 

  69. /*window*/
    70. 

  70. 

  71. /*text*/
    72. 

  72. .text1{background:#ffffff; border:1px solid #b7b6b4; line-height:21px; vertical-align:middle; height:21px; padding-left:2px;  margin:0;}
    73. 

  73. .text2{background:#ffffff; border:1px solid #3399ff; line-height:21px; vertical-align:middle; height:21px; padding-left:2px;  margin:0;}
    74. 

  74. /*text*/
    75. 

  75. 

  76. /*disabled text*/
    77. 

  77. .disabled{background:#efeeee; border:1px solid #c8c8c7; color:#666666; line-height:21px; vertical-align:middle; height:21px;padding-left:2px;}
    78. 

  78. /*disabled text*/
    79. 

  79. 

  80. /*validate*/
    81. 

  81. .validate1{display:inline-block; height:18px; width:18px; vertical-align:middle; margin-left:4px; border:none; background:url(../images/validate/right.png) no-repeat left center; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/validate/right.png',sizingMethod='crop'); }
    82. 

  82. .validate2{display:inline-block; height:18px; vertical-align:middle; margin-left:4px; padding:5px 3px 0 0; border:1px solid #ffcc5d; padding-left:18px; background:#fffdcf url(../images/validate/error.png) no-repeat left center; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/validate/error.png',sizingMethod='crop'); }
    83. 

  83. .validate3{display:inline-block; height:18px; width:18px; vertical-align:middle; background:url(../images/validate/error.png) no-repeat center; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/validate/error.png',sizingMethod='crop'); }
    84. 

  84. /*validate*/
    85. 

  85. 

  86. /*select*/
    87. 

  87. .select1{background:#ffffff; border:1px solid #b7b6b4; line-height:25px; padding:2px; vertical-align:middle; height:25px;}
    88. 

  88. .select2{background:#ffffff; border:1px solid #3399ff; line-height:25px; padding:2px; vertical-align:middle; height:25px;}
    89. 

  89. /*select*/
    90. 

  90. 

  91. /*button*/
    92. 

  92. .button1{background:#3599ee; border:1px solid #0e66c8; color:#ffffff; line-height:25px; vertical-align:middle; height:25px;}
    93. 

  93. .button2{background:#3c87da; border:1px solid #0e66c8; color:#ffffff; line-height:25px; vertical-align:middle; height:25px;}
    94. 

  94. .buttondisabled{background:#d5d5d4; border:1px solid #b7b6b4; color:#a6a5a4; line-height:25px; vertical-align:middle; height:25px;}
    95. 

  95. /*button*/
    96. 

  96. 

  97. /*grid*/
    98. 

  98. .grid { background:#ffffff; position:relative;}
    99. 

  99. .gridlist { position:relative }
    100. 

  100. .gridhead { background:#cee7fd; overflow:hidden; position:relative}
    101. 

  101. .gridheadwrap { background:#cee7fd; position:relative}
    102. 

  102. .gridbody { overflow:auto; position:relative; }
    103. 

  103. .gridhead table { border-collapse:collapse;}
    104. 

  104. .gridhead table thead tr th { text-align:left; padding-left:2px; height:28px; border-spacing:0; border:1px solid #f9f9f9; border-top:none 0; border-bottom:none 0;}
    105. 

  105. .gridheadtitle { float:left; height:26px; line-height:26px;}
    106. 

  106. .gridheadsort { float:right; }
    107. 

  107. .gridheadsort div { float:left; height:26px; line-height:26px;}
    108. 

  108. .gridheadsortempty {width:16px; height:26px;}
    109. 

  109. .gridheadsortasc {width:16px; height:26px; background:url(../Images/grid/sortasc.gif) no-repeat center;}
    110. 

  110. .gridheadsortdesc {width:16px; height:26px; background:url(../Images/grid/sortdesc.gif) no-repeat center;}
    111. 

  111. .gridheadsortasc1 {width:16px; height:26px; background:url(../Images/grid/sortasc1.gif) no-repeat center;}
    112. 

  112. .gridheadsortdesc1 {width:16px; height:26px; background:url(../Images/grid/sortdesc1.gif) no-repeat center;}
    113. 

  113. .gridheadresize { width:2px; cursor:e-resize; float:right;}
    114. 

  114. .gridheadresizeline { font-size:0px; width:1px; cursor:e-resize; border-left:1px dashed #ccc;height:auto!important; height:100%; min-height:100%; position:absolute; z-index:999999; top:0;}
    115. 

  115. .gridmask { background:#fafafa; z-index:99999; text-align:center; width:100%; height:auto!important; height:100%; min-height:100%; position:absolute; filter:alpha(opacity=1);-khtml-opacity:0.1;-moz-opacity:0.1; opacity:0.1;left:0;top:0;}
    116. 

  116. .gridbody table { border-collapse:collapse; table-layout:fixed;}
    117. 

  117. .gridbody table tbody tr td { text-align:left; padding-left:2px; border-bottom:1px dotted #e8e8e8; height:28px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border-spacing:0; }
    118. 

  118. .gridbodytrodd { text-align:left; padding-left:2px; height:28px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#fafbfc;border-spacing:0;}
    119. 

  119. .gridbodytreven { text-align:left; padding-left:2px; height:28px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#ffffff;border-spacing:0;}
    120. 

  120. .gridbodytrclick { text-align:left; padding-left:2px; height:28px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#e2f1fe;border-spacing:0;}
    121. 

  121. .gridpager { height:26px; background:#ffffff; padding-top:6px; text-align:right; padding-right:6px;}
    122. 

  122. .gridmaskdiv { background: #ecf5fd; float:left; padding-top:8px; border:1px solid #d7e9f8;z-index: 999999; width: 190px; height: 42px; vertical-align: middle; position: absolute; left: 0; top: 0; }
    123. 

  123. .gridmaskdiv div { margin-left:20px; padding-left:38px; height:32px; line-height:32px; background-image: url(../Images/grid/loading.gif); background-position:left; background-repeat: no-repeat; }
    124. 

  124. /*grid*/
    125. 

  125. 

  126. /*combox*/
    127. 

  127. .comboxdiv {position:absolute; margin-top:0; z-index:2000; overflow:auto; border:1px solid #a1b7de; background:#ffffff; padding:1px; box-shadow:0 0 2px #ccc;}
    128. 

  128. .comboxtext1 {border:1px solid #b7b6b4; padding-right:16px; line-height:21px; vertical-align:middle; height:21px; padding-left:2px;  margin:0; background:#ffffff url(../Images/combox/down.gif) no-repeat right center;}
    129. 

  129. .comboxtext2 {border:1px solid #3399ff; padding-right:16px; line-height:21px; vertical-align:middle; height:21px; padding-left:2px;  margin:0; background:#ffffff url(../Images/combox/down1.gif) no-repeat right center;}
    130. 

  130. .comboxoption {text-align:left; height:18px; line-height:18px; padding:2px 2px; background:#ffffff;}
    131. 

  131. .comboxoption1 {text-align:left; height:18px; line-height:18px; padding:2px 2px; background:#cddceb;}
    132. 

  132. .comboxoptgroup {text-align:left; height:18px; line-height:18px; padding:2px 2px; background:#ffffff; font-style:italic; font-weight:bold;}
    133. 

  133. /*combox*/
    134. 

  134. 

  135.