Home Explore Help
Register Sign In
cxs
/
KJDS
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: d18d355a75
Branches Tags
KJDS
/
new
/
admin
/
lib
/
zTree
/
v3
/
api
/
apiCss
/
common.css

common.css 13 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219 
  1. /* Resets */
    2. 

  2. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    3. 

  3. 	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
    4. 

  4. :focus {outline: 0;}
    5. 

  5. body {color: #2f332a;font: 15px/21px Arial, Helvetica, simsun, sans-serif;background: #528036 url(img/background.jpg) no-repeat fixed 0 0;}
    6. 

  6. p {padding-bottom: 20px;}
    7. 

  7. ol, ul {list-style: none;}
    8. 

  8. table {border-collapse: separate;border-spacing: 0;}
    9. 

  9. caption, th, td {text-align: left;font-weight: normal;}
    10. 

  10. strong {font-weight: bold;}
    11. 

  11. em {font-style: italic;}
    12. 

  12. hr {display: none;}
    13. 

  13. .font1 {color: white;background-color: #528036;}
    14. 

  14. .right {float: right;}
    15. 

  15. .left {float: left;}
    16. 

  16. .hide {display: none;}
    17. 

  17. .round {-moz-border-radius: 15px;-webkit-border-radius: 15px;-khtml-border-radius: 15px;border-radius: 15px;}
    18. 

  18. .clear {clear: both;}
    19. 

  19. .clearfix {display: block;}
    20. 

  20. .clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
    21. 

  21. html[xmlns] .clearfix {display: block;}
    22. 

  22. * html .clearfix {height: 1%;}
    23. 

  23. 

  24. /* Link Styles */
    25. 

  25. a {color: #528036;}
    26. 

  26. a:link, a:visited {text-decoration: none;}
    27. 

  27. a:hover {color: #000;text-decoration: none;}
    28. 

  28. a:active {text-decoration: none;}
    29. 

  29. 

  30. /* Headings */
    31. 

  31. h1, h2, h3, h4, h5, h6 {color: #2f332a;font-weight: bold;font-family: Helvetica, Arial, simsun, sans-serif;padding-bottom: 5px;}
    32. 

  32. h1 {font-size: 36px;line-height: 44px;}
    33. 

  33. h2 {font-size: 20px;line-height: 20px;}
    34. 

  34. h3 {font-size: 14px;line-height: 14px;}
    35. 

  35. h4 {font-size: 14px;font-weight: normal;line-height: 25px;}
    36. 

  36. 

  37. /* Wraps */
    38. 

  38. .header_wrap {position: relative;min-width: 940px;padding: 100px 30px 0 30px;}
    39. 

  39. .content_wrap {position: relative;min-width: 940px;padding: 0 30px 50px 30px;}
    40. 

  40. .footer_wrap {bottom: 0;height: 47px;width: 100%;background-color: #1b1b1b;border-top: 1px solid #749e58;}
    41. 

  41. 

  42. /* Header */
    43. 

  43. .header {position: relative;width: 940px;margin: 0 auto;height: 160px;border: 1px solid white;background: transparent url(img/header-bg.png) repeat-x 0 -50px;}
    44. 

  44. .header-text {padding: 40px 25px 15px 120px;font-size: 18px;line-height: 24px;color: #747d67;font-family: Helvetica, sans-serif;}
    45. 

  45. .header-text img {padding-bottom: 5px;}
    46. 

  46. .shortcuts {white-space: nowrap;text-align: right;position: absolute;top: -45px;right: 5px;}
    47. 

  47. .shortcuts.language {top: -85px;right:0px;}
    48. 

  48. .shortcuts li {display: inline;font-size: 18px;line-height: 28px;font-family: Helvetica, Arial, simsun, sans-serif;padding-bottom: 5px;margin-left: 30px;cursor: pointer;}
    49. 

  49. .shortcuts li button {cursor: pointer;}
    50. 

  50. .shortcuts li span {border-bottom: 1px dotted white;}
    51. 

  51. .shortcuts li span.selected {padding: 2px;background-color: #528036;}
    52. 

  52. .shortcuts li a {color: #fff;}
    53. 

  53. .ieSuggest {display:none;font-size: 12px;color: silver;position: absolute;left: 10px;top: 2px;}
    54. 

  54. .google_plus {position: absolute;right: 10px; top:10px;}
    55. 

  55. .light-bulb {position: absolute;left: -20px;bottom: -35px;width:116px;height:180px;background-image:url(img/lightbulb.png);background-repeat: no-repeat;}
    56. 

  56. 

  57. /* Content */
    58. 

  58. .content {position: relative;width: 940px;margin: 0 auto;}
    59. 

  59. .nav_section {position: relative;height: 20px;font-family: "Myriad Pro", "Trebuchet MS", sans-serif;font-size: 15px;color: #253;padding: 20px 0;}
    60. 

  60. .nav_section ul {position: absolute;right: 10px;}
    61. 

  61. .nav_section ul li {display: inline;line-height: 20px;margin: 0 5px 0 20px;border-bottom: 1px dotted white;}
    62. 

  62. .nav_section ul li.noline {border-bottom: 0;}
    63. 

  63. .nav_section ul li a {color: #fff;}
    64. 

  64. .nav_section ul li a.selected {padding: 2px;background-color: #528036;}
    65. 

  65. .nav_section ul li.first {border: none;}
    66. 

  66. .content .title {margin: 50px 30px 20px 70px;}
    67. 

  67. .content li {margin-bottom: 5px;}
    68. 

  68. .contentBox {position: relative;overflow: hidden;border: 1px solid white;min-height: 200px;line-height: 25px;background: transparent url(img/contact-bg.png) repeat-x 0 0;}
    69. 

  69. 

  70. .zTreeInfo {display:none;width: 940px;position: absolute;}
    71. 

  71. .zTreeInfo p {padding-bottom: 50px;}
    72. 

  72. .zTreeInfo-left {float: left;width: 280px;height:300px;padding: 0 50px 60px 75px;background:url(img/zTreeIntroduction.jpg) no-repeat 30px 30px;}
    73. 

  73. .zTreeInfo-right {position: relative;float: right;width: 475px;padding: 0 50px 60px 0;}
    74. 

  74. .zTreeInfo-right li {font-size: 12px;list-style-type: disc;}
    75. 

  75. 

  76. .license {display:none;width: 940px;position: absolute;}
    77. 

  77. 

  78. .donateInfo {display:block;width: 940px;position: absolute;}
    79. 

  79. 

  80. .links {display:none;width: 940px;position: absolute;}
    81. 

  81. .links .content {float: left;width: 160px;height:200px;padding: 0 10px 10px 2px;text-align: center;}
    82. 

  82. .links .content.first {margin-left: 30px;}
    83. 

  83. 

  84. .contact {display:none;width: 940px;position: absolute;}
    85. 

  85. .contact .myhome { position: absolute; top:10px; left:620px; width:300px; height:266px; background: transparent url(img/myhome.gif) scroll no-repeat 0 0;}
    86. 

  86. 

  87. .siteTag {position: absolute;left: -16px;top: 109px;z-index: 10;width: 65px;height: 46px;padding:0;margin:0 10px 0 0;
    88. 

  88. 		 vertical-align:middle;border:0 none;background: transparent url(img/siteTag.png) scroll no-repeat 0 0;}
    89. 

  89. .siteTag.tag_zTreeInfo {background-position: 0 0}
    90. 

  90. .siteTag.tag_license {background-position: 0 -46px}
    91. 

  91. .siteTag.tag_donate {background-position: 0 -92px}
    92. 

  92. .siteTag.tag_contact {background-position: 0 -138px}
    93. 

  93. 

  94. .apiContent {width: 940px;}
    95. 

  95. .apiContent .right {float: right;padding-right: 100px;}
    96. 

  96. .apiContent .left {float: left;padding-right: 20px;border-right: 1px dotted silver;}
    97. 

  97. .api_setting {position: relative;margin:20px 0 20px 20px;}
    98. 

  98. .api_function {position: relative;margin:20px 0 20px 30px;padding-right: 10px;}
    99. 

  99. .api_content_title {text-align: center;font-weight: bold;}
    100. 

  100. 

  101. .demoContent {width: 940px;}
    102. 

  102. .demoContent .right {float: right;padding: 20px;width: 600px;}
    103. 

  103. .demoContent .left {float: left;padding: 20px;}
    104. 

  104. .demoContent iframe {width:600px;min-height: 530px;}
    105. 

  105. 

  106. .faqContent {width: 940px;}
    107. 

  107. .faqContent .right {float: right;padding: 20px;width: 600px;}
    108. 

  108. .faqContent .left {float: left;padding: 20px;}
    109. 

  109. .faqContent iframe {width:600px;min-height: 300px;}
    110. 

  110. 

  111. .baby_overlay_tmp {position: absolute;top:0; left:-5000px;display:block;visibility: hidden;width:640px;font-size:11px;}
    112. 

  112. .baby_overlay_tmp .details {padding: 20px;}
    113. 

  113. .baby_overlay {display:none;position:absolute;z-index:99;left:0; top:0;width:640px;color:#fff;font-size:11px;}
    114. 

  114. .baby_overlay .content {width:100%; height:100px;overflow: hidden;background: transparent url(img/overlay_bg.png) scroll repeat 0 0;}
    115. 

  115. .baby_overlay .details {padding:0 20px 20px 20px;}
    116. 

  116. .baby_overlay .close {background-image:url(img/close.png);position:absolute; right:5px; top:5px;cursor:pointer;height:36px;width:36px;}
    117. 

  117. .baby_overlay_arrow {background-image:url(img/overlay_arrow.png);background-position:0 0;position:absolute;height:40px;width:40px;left: -40px;}
    118. 

  118. .baby_overlay_arrow.reverse {background-position:0 -40px;}
    119. 

  119. 

  120. /* Footer */
    121. 

  121. .footer {position: relative;min-width: 1000px;font: 14px/24px arial, helvetica, sans-serif;}
    122. 

  122. .footer ul {position:absolute;left: 0px;border:1px solid #393939;background:#262626;padding:12px 0px;line-height: 18px;display: none;list-style: none;}
    123. 

  123. .footer ul li a {display:block;padding: 2px 15px;color: #9c9c9c;text-indent: 0;}
    124. 

  124. .footer ul li a:hover {text-decoration:none;color: #fff;}
    125. 

  125. .footer-logo {position:absolute;margin: 10px 0 0 30px;width:122px; height:24px;top:0; left:0;background: transparent url(img/footer-logo.png) no-repeat 0 0;}
    126. 

  126. .footer_mii {position: absolute;right: 558px;top: 8px;z-index: 10;padding: 4px 0;}
    127. 

  127. .footer_mii a {font-size:10px;color:#649140}
    128. 

  128. .footer_mii a:hover {color:#B6D76F}
    129. 

  129. .footer_siteMap {position: absolute;right: 358px;top: 8px;width: 155px;z-index: 10;padding: 4px 0;}
    130. 

  130. .footer_siteMap .footer_siteMap_header {width:155px;text-indent: -9999px;background: transparent url(img/footer_siteMap.gif) no-repeat 0 0;}
    131. 

  131. .footer_siteMap ul {top:-202px;width:180px;}
    132. 

  132. .footer_siteMap:hover ul {left: 0}
    133. 

  133. .footer_contact {position: absolute;right: 193px;top: 8px;width: 155px;z-index: 10;padding: 4px 0;}
    134. 

  134. .footer_contact .footer_contact_header {width:155px;text-indent: -9999px;background: transparent url(img/footer_contact.gif) no-repeat 0px 0px;}
    135. 

  135. .footer_contact ul {top:-113px;width:153px;}
    136. 

  136. .footer_contact:hover ul {left: 0}
    137. 

  137. .footer_download {position: absolute;right: 60px;top: 8px;width: 123px;z-index: 10;padding: 4px 0;}
    138. 

  138. .footer_download .footer_download_header {width:123px;text-indent: -9999px;background: transparent url(img/footer_download.png) no-repeat 0px 0px;}
    139. 

  139. .footer_download ul {top:-113px;width:140px;}
    140. 

  140. .footer_download:hover ul {left: 0}
    141. 

  141. 

  142. /* button icon */
    143. 

  143. button {vertical-align:middle;border:0 none;background: transparent no-repeat 0 0 scroll;}
    144. 

  144. 

  145. .shortcuts button.ico {width:24px; height:24px;padding:0; margin:0 10px 0 0;background-image:url(img/menuIcon.png)}
    146. 

  146. .shortcuts button.home {background-position: 0 0}
    147. 

  147. .shortcuts button.demo {background-position: 0 -24px}
    148. 

  148. .shortcuts button.api {background-position: 0 -48px}
    149. 

  149. .shortcuts button.faq {background-position: 0 -72px}
    150. 

  150. .shortcuts button.donate {background-position: 0 -144px}
    151. 

  151. .shortcuts button.download {background-position: 0 -96px}
    152. 

  152. .shortcuts button.face {background-position: 0 -120px}
    153. 

  153. .shortcuts button.cn {width:48px; height:24px;padding:0; margin:0 10px 0 0;background-image:url(img/chinese.png)}
    154. 

  154. .shortcuts button.en {width:48px; height:24px;padding:0; margin:0 10px 0 0;background-image:url(img/english.png)}
    155. 

  155. 

  156. .content button.ico {width:24px; height:24px;padding:0; margin:0 10px 0 0;}
    157. 

  157. 

  158. .content button.ico16 {width:16px; height:16px;padding:0; margin:0 5px 0 0;background-image:url("img/apiMenu.png");}
    159. 

  159. button.z_core {margin-top: -4px;background-position:0 0;}
    160. 

  160. button.z_check {margin-top: -4px;background-position:0 -16px;}
    161. 

  161. button.z_edit {margin-top: -4px;background-position:0 -32px;}
    162. 

  162. button.z_hide {margin-top: -4px;background-position:0 -64px;}
    163. 

  163. button.z_search {margin-top: -4px;background-position:0 -48px;}
    164. 

  164. button.searchPrev {margin-top: -4px;background-position:-16px 0;cursor:pointer}
    165. 

  165. button.searchNext {margin-top: -4px;background-position:-16px -16px;cursor:pointer}
    166. 

  166. button.searchPrev.disabled {margin-top: -4px;background-position:-16px -32px;cursor:auto}
    167. 

  167. button.searchNext.disabled {margin-top: -4px;background-position:-16px -48px;cursor:auto}
    168. 

  168. input.search {margin:0;padding:2px 0; border:0;}
    169. 

  169. input.searchKey {width:150px;}
    170. 

  170. input.searchResult {margin-left:-3px;width:65px;text-align:right;background-color:white;color:#707070}
    171. 

  171. input.searchResult.noResult {background-color:#ff6666;color:black}
    172. 

  172. .baby_overlay div.overlaySearch {text-align:right;padding-right:50px;padding-top:12px;}
    173. 

  173. 

  174. /* api overlay*/
    175. 

  175. .apiDetail .topLine {border-top: 1px dashed #376B29;margin-top: 5px;padding-top: 5px;}
    176. 

  176. .apiDetail .highlight_red {color:#A60000;}
    177. 

  177. .apiDetail .highlight_green {color:#A7F43D;}
    178. 

  178. .apiDetail h1, .apiDetail h2, .apiDetail h3, .apiDetail h4, .apiDetail h5, .apiDetail h6 {color: white;padding: 0;}
    179. 

  179. .apiDetail h2 {color: #A7F43D;margin: 5px auto;padding: 5px;font-size: 20px;}
    180. 

  180. .apiDetail h2 span {font-size: 14px;float: right;font-weight: normal;margin: 2px 20px 0 0;vertical-align: bottom;}
    181. 

  181. .apiDetail h2 span.path {float: left;margin: 2px 0 0 0;vertical-align: bottom;}
    182. 

  182. .apiDetail h3 {margin: 5px auto;padding: 5px;font-size: 14px;font-weight: normal;}
    183. 

  183. .apiDetail h3 span.h3_info {margin-left: 20px;font-size: 12px;}
    184. 

  184. .apiDetail h4 {margin: 0 auto;padding: 0 5px;font-size: 12px;font-weight: normal;line-height: 16px;}
    185. 

  185. .apiDetail .desc h4 {color: black;}
    186. 

  186. .apiDetail h4 b{width: 150px;display:inline-block;}
    187. 

  187. .apiDetail h4 span{width: 230px;display:inline-block;}
    188. 

  188. 

  189. .apiDetail pre, .apiDetail .desc {background: #E8FCD6;color: black;margin: 10px;padding: 10px;display: block;}
    190. 

  190. .apiDetail pre {word-wrap: break-word;}
    191. 

  191. .apiDetail p{margin-left: 5px;padding: 0;}
    192. 

  192. .apiDetail .longdesc {margin-top: 5px;}
    193. 

  193. .apiDetail .longdesc p{font-size: 12px;line-height:1.5;margin:3px 0;}
    194. 

  194. .apiDetail .longdesc b{font-size: 14px;}
    195. 

  195. .apiDetail table {border-collapse:collapse;}
    196. 

  196. .apiDetail table td {border:1px solid silver;text-align: center;vertical-align: middle;}
    197. 

  197. .apiDetail table thead td {font-weight: bold}
    198. 

  198. 

  199. .apiDetail button {width:16px; height:16px; vertical-align:middle; border:0 none; cursor: pointer;
    200. 

  200. 	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
    201. 

  201. 	background-image:url("zTreeStyle/img/zTreeStandard.png");}
    202. 

  202. 

  203. .apiDetail button.chk {width:13px; height:13px; margin:0 3px 2px 0; cursor: auto}
    204. 

  204. .apiDetail button.chk.checkbox_false_full {background-position:0 0}
    205. 

  205. .apiDetail button.chk.checkbox_false_full_focus {background-position:0 -14px}
    206. 

  206. .apiDetail button.chk.checkbox_false_part {background-position:0 -28px}
    207. 

  207. .apiDetail button.chk.checkbox_false_part_focus {background-position:0 -42px}
    208. 

  208. .apiDetail button.chk.checkbox_true_full {background-position:-14px 0}
    209. 

  209. .apiDetail button.chk.checkbox_true_full_focus {background-position:-14px -14px}
    210. 

  210. .apiDetail button.chk.checkbox_true_part {background-position:-14px -28px}
    211. 

  211. .apiDetail button.chk.checkbox_true_part_focus {background-position:-14px -42px}
    212. 

  212. .apiDetail button.chk.radio_false_full {background-position:-28px 0}
    213. 

  213. .apiDetail button.chk.radio_false_full_focus {background-position:-28px -14px}
    214. 

  214. .apiDetail button.chk.radio_false_part {background-position:-28px -28px}
    215. 

  215. .apiDetail button.chk.radio_false_part_focus {background-position:-28px -42px}
    216. 

  216. .apiDetail button.chk.radio_true_full {background-position:-42px 0}
    217. 

  217. .apiDetail button.chk.radio_true_full_focus {background-position:-42px -14px}
    218. 

  218. .apiDetail button.chk.radio_true_part {background-position:-42px -28px}
    219. 

  219. .apiDetail button.chk.radio_true_part_focus {background-position:-42px -42px}
    220.