CLIENT GUI Framework
[vnfsdk/refrepo.git] / portal-common / src / main / webapp / common / thirdparty / zTree / api / apiCss / common.css
1 /* Resets */\r
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 {\r
3         margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}\r
4 :focus {outline: 0;}\r
5 body {color: #2f332a;font: 15px/21px Arial, Helvetica, simsun, sans-serif;background: #528036 url(img/background.jpg) no-repeat fixed 0 0;}\r
6 p {padding-bottom: 20px;}\r
7 ol, ul {list-style: none;}\r
8 table {border-collapse: separate;border-spacing: 0;}\r
9 caption, th, td {text-align: left;font-weight: normal;}\r
10 strong {font-weight: bold;}\r
11 em {font-style: italic;}\r
12 hr {display: none;}\r
13 .font1 {color: white;background-color: #528036;}\r
14 .right {float: right;}\r
15 .left {float: left;}\r
16 .hide {display: none;}\r
17 .round {-moz-border-radius: 15px;-webkit-border-radius: 15px;-khtml-border-radius: 15px;border-radius: 15px;}\r
18 .clear {clear: both;}\r
19 .clearfix {display: block;}\r
20 .clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}\r
21 html[xmlns] .clearfix {display: block;}\r
22 * html .clearfix {height: 1%;}\r
23 \r
24 /* Link Styles */\r
25 a {color: #528036;}\r
26 a:link, a:visited {text-decoration: none;}\r
27 a:hover {color: #000;text-decoration: none;}\r
28 a:active {text-decoration: none;}\r
29 \r
30 /* Headings */\r
31 h1, h2, h3, h4, h5, h6 {color: #2f332a;font-weight: bold;font-family: Helvetica, Arial, simsun, sans-serif;padding-bottom: 5px;}\r
32 h1 {font-size: 36px;line-height: 44px;}\r
33 h2 {font-size: 20px;line-height: 20px;}\r
34 h3 {font-size: 14px;line-height: 14px;}\r
35 h4 {font-size: 14px;font-weight: normal;line-height: 25px;}\r
36 \r
37 /* Wraps */\r
38 .header_wrap {position: relative;min-width: 940px;padding: 100px 30px 0 30px;}\r
39 .content_wrap {position: relative;min-width: 940px;padding: 0 30px 50px 30px;}\r
40 .footer_wrap {bottom: 0;height: 47px;width: 100%;background-color: #1b1b1b;border-top: 1px solid #749e58;}\r
41 \r
42 /* Header */\r
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;}\r
44 .header-text {padding: 40px 25px 15px 120px;font-size: 18px;line-height: 24px;color: #747d67;font-family: Helvetica, sans-serif;}\r
45 .header-text img {padding-bottom: 5px;}\r
46 .shortcuts {white-space: nowrap;text-align: right;position: absolute;top: -45px;right: 5px;}\r
47 .shortcuts.language {top: -85px;right:0px;}\r
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;}\r
49 .shortcuts li button {cursor: pointer;}\r
50 .shortcuts li span {border-bottom: 1px dotted white;}\r
51 .shortcuts li span.selected {padding: 2px;background-color: #528036;}\r
52 .shortcuts li a {color: #fff;}\r
53 .ieSuggest {display:none;font-size: 12px;color: silver;position: absolute;left: 10px;top: 2px;}\r
54 .google_plus {position: absolute;right: 10px; top:10px;}\r
55 .light-bulb {position: absolute;left: -20px;bottom: -35px;width:116px;height:180px;background-image:url(img/lightbulb.png);background-repeat: no-repeat;}\r
56 \r
57 /* Content */\r
58 .content {position: relative;width: 940px;margin: 0 auto;}\r
59 .nav_section {position: relative;height: 20px;font-family: "Myriad Pro", "Trebuchet MS", sans-serif;font-size: 15px;color: #253;padding: 20px 0;}\r
60 .nav_section ul {position: absolute;right: 10px;}\r
61 .nav_section ul li {display: inline;line-height: 20px;margin: 0 5px 0 20px;border-bottom: 1px dotted white;}\r
62 .nav_section ul li.noline {border-bottom: 0;}\r
63 .nav_section ul li a {color: #fff;}\r
64 .nav_section ul li a.selected {padding: 2px;background-color: #528036;}\r
65 .nav_section ul li.first {border: none;}\r
66 .content .title {margin: 50px 30px 20px 70px;}\r
67 .content li {margin-bottom: 5px;}\r
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;}\r
69 \r
70 .zTreeInfo {display:none;width: 940px;position: absolute;}\r
71 .zTreeInfo p {padding-bottom: 50px;}\r
72 .zTreeInfo-left {float: left;width: 280px;height:300px;padding: 0 50px 60px 75px;background:url(img/zTreeIntroduction.jpg) no-repeat 30px 30px;}\r
73 .zTreeInfo-right {position: relative;float: right;width: 475px;padding: 0 50px 60px 0;}\r
74 .zTreeInfo-right li {font-size: 12px;list-style-type: disc;}\r
75 \r
76 .license {display:none;width: 940px;position: absolute;}\r
77 \r
78 .donateInfo {display:block;width: 940px;position: absolute;}\r
79 \r
80 .links {display:none;width: 940px;position: absolute;}\r
81 .links .content {float: left;width: 160px;height:200px;padding: 0 10px 10px 2px;text-align: center;}\r
82 .links .content.first {margin-left: 30px;}\r
83 \r
84 .contact {display:none;width: 940px;position: absolute;}\r
85 .contact .myhome { position: absolute; top:10px; left:620px; width:300px; height:266px; background: transparent url(img/myhome.gif) scroll no-repeat 0 0;}\r
86 \r
87 .siteTag {position: absolute;left: -16px;top: 109px;z-index: 10;width: 65px;height: 46px;padding:0;margin:0 10px 0 0;\r
88                  vertical-align:middle;border:0 none;background: transparent url(img/siteTag.png) scroll no-repeat 0 0;}\r
89 .siteTag.tag_zTreeInfo {background-position: 0 0}\r
90 .siteTag.tag_license {background-position: 0 -46px}\r
91 .siteTag.tag_donate {background-position: 0 -92px}\r
92 .siteTag.tag_contact {background-position: 0 -138px}\r
93 \r
94 .apiContent {width: 940px;}\r
95 .apiContent .right {float: right;padding-right: 100px;}\r
96 .apiContent .left {float: left;padding-right: 20px;border-right: 1px dotted silver;}\r
97 .api_setting {position: relative;margin:20px 0 20px 20px;}\r
98 .api_function {position: relative;margin:20px 0 20px 30px;padding-right: 10px;}\r
99 .api_content_title {text-align: center;font-weight: bold;}\r
100 \r
101 .demoContent {width: 940px;}\r
102 .demoContent .right {float: right;padding: 20px;width: 600px;}\r
103 .demoContent .left {float: left;padding: 20px;}\r
104 .demoContent iframe {width:600px;min-height: 530px;}\r
105 \r
106 .faqContent {width: 940px;}\r
107 .faqContent .right {float: right;padding: 20px;width: 600px;}\r
108 .faqContent .left {float: left;padding: 20px;}\r
109 .faqContent iframe {width:600px;min-height: 300px;}\r
110 \r
111 .baby_overlay_tmp {position: absolute;top:0; left:-5000px;display:block;visibility: hidden;width:640px;font-size:11px;}\r
112 .baby_overlay_tmp .details {padding: 20px;}\r
113 .baby_overlay {display:none;position:absolute;z-index:99;left:0; top:0;width:640px;color:#fff;font-size:11px;}\r
114 .baby_overlay .content {width:100%; height:100px;overflow: hidden;background: transparent url(img/overlay_bg.png) scroll repeat 0 0;}\r
115 .baby_overlay .details {padding:0 20px 20px 20px;}\r
116 .baby_overlay .close {background-image:url(img/close.png);position:absolute; right:5px; top:5px;cursor:pointer;height:36px;width:36px;}\r
117 .baby_overlay_arrow {background-image:url(img/overlay_arrow.png);background-position:0 0;position:absolute;height:40px;width:40px;left: -40px;}\r
118 .baby_overlay_arrow.reverse {background-position:0 -40px;}\r
119 \r
120 /* Footer */\r
121 .footer {position: relative;min-width: 1000px;font: 14px/24px arial, helvetica, sans-serif;}\r
122 .footer ul {position:absolute;left: 0px;border:1px solid #393939;background:#262626;padding:12px 0px;line-height: 18px;display: none;list-style: none;}\r
123 .footer ul li a {display:block;padding: 2px 15px;color: #9c9c9c;text-indent: 0;}\r
124 .footer ul li a:hover {text-decoration:none;color: #fff;}\r
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;}\r
126 .footer_mii {position: absolute;right: 558px;top: 8px;z-index: 10;padding: 4px 0;}\r
127 .footer_mii a {font-size:10px;color:#649140}\r
128 .footer_mii a:hover {color:#B6D76F}\r
129 .footer_siteMap {position: absolute;right: 358px;top: 8px;width: 155px;z-index: 10;padding: 4px 0;}\r
130 .footer_siteMap .footer_siteMap_header {width:155px;text-indent: -9999px;background: transparent url(img/footer_siteMap.gif) no-repeat 0 0;}\r
131 .footer_siteMap ul {top:-202px;width:180px;}\r
132 .footer_siteMap:hover ul {left: 0}\r
133 .footer_contact {position: absolute;right: 193px;top: 8px;width: 155px;z-index: 10;padding: 4px 0;}\r
134 .footer_contact .footer_contact_header {width:155px;text-indent: -9999px;background: transparent url(img/footer_contact.gif) no-repeat 0px 0px;}\r
135 .footer_contact ul {top:-113px;width:153px;}\r
136 .footer_contact:hover ul {left: 0}\r
137 .footer_download {position: absolute;right: 60px;top: 8px;width: 123px;z-index: 10;padding: 4px 0;}\r
138 .footer_download .footer_download_header {width:123px;text-indent: -9999px;background: transparent url(img/footer_download.png) no-repeat 0px 0px;}\r
139 .footer_download ul {top:-113px;width:140px;}\r
140 .footer_download:hover ul {left: 0}\r
141 \r
142 /* button icon */\r
143 button {vertical-align:middle;border:0 none;background: transparent no-repeat 0 0 scroll;}\r
144 \r
145 .shortcuts button.ico {width:24px; height:24px;padding:0; margin:0 10px 0 0;background-image:url(img/menuIcon.png)}\r
146 .shortcuts button.home {background-position: 0 0}\r
147 .shortcuts button.demo {background-position: 0 -24px}\r
148 .shortcuts button.api {background-position: 0 -48px}\r
149 .shortcuts button.faq {background-position: 0 -72px}\r
150 .shortcuts button.donate {background-position: 0 -144px}\r
151 .shortcuts button.download {background-position: 0 -96px}\r
152 .shortcuts button.face {background-position: 0 -120px}\r
153 .shortcuts button.cn {width:48px; height:24px;padding:0; margin:0 10px 0 0;background-image:url(img/chinese.png)}\r
154 .shortcuts button.en {width:48px; height:24px;padding:0; margin:0 10px 0 0;background-image:url(img/english.png)}\r
155 \r
156 .content button.ico {width:24px; height:24px;padding:0; margin:0 10px 0 0;}\r
157 \r
158 .content button.ico16 {width:16px; height:16px;padding:0; margin:0 5px 0 0;background-image:url("img/apiMenu.png");}\r
159 button.z_core {margin-top: -4px;background-position:0 0;}\r
160 button.z_check {margin-top: -4px;background-position:0 -16px;}\r
161 button.z_edit {margin-top: -4px;background-position:0 -32px;}\r
162 button.z_hide {margin-top: -4px;background-position:0 -64px;}\r
163 button.z_search {margin-top: -4px;background-position:0 -48px;}\r
164 button.searchPrev {margin-top: -4px;background-position:-16px 0;cursor:pointer}\r
165 button.searchNext {margin-top: -4px;background-position:-16px -16px;cursor:pointer}\r
166 button.searchPrev.disabled {margin-top: -4px;background-position:-16px -32px;cursor:auto}\r
167 button.searchNext.disabled {margin-top: -4px;background-position:-16px -48px;cursor:auto}\r
168 input.search {margin:0;padding:2px 0; border:0;}\r
169 input.searchKey {width:150px;}\r
170 input.searchResult {margin-left:-3px;width:65px;text-align:right;background-color:white;color:#707070}\r
171 input.searchResult.noResult {background-color:#ff6666;color:black}\r
172 .baby_overlay div.overlaySearch {text-align:right;padding-right:50px;padding-top:12px;}\r
173 \r
174 /* api overlay*/\r
175 .apiDetail .topLine {border-top: 1px dashed #376B29;margin-top: 5px;padding-top: 5px;}\r
176 .apiDetail .highlight_red {color:#A60000;}\r
177 .apiDetail .highlight_green {color:#A7F43D;}\r
178 .apiDetail h1, .apiDetail h2, .apiDetail h3, .apiDetail h4, .apiDetail h5, .apiDetail h6 {color: white;padding: 0;}\r
179 .apiDetail h2 {color: #A7F43D;margin: 5px auto;padding: 5px;font-size: 20px;}\r
180 .apiDetail h2 span {font-size: 14px;float: right;font-weight: normal;margin: 2px 20px 0 0;vertical-align: bottom;}\r
181 .apiDetail h2 span.path {float: left;margin: 2px 0 0 0;vertical-align: bottom;}\r
182 .apiDetail h3 {margin: 5px auto;padding: 5px;font-size: 14px;font-weight: normal;}\r
183 .apiDetail h3 span.h3_info {margin-left: 20px;font-size: 12px;}\r
184 .apiDetail h4 {margin: 0 auto;padding: 0 5px;font-size: 12px;font-weight: normal;line-height: 16px;}\r
185 .apiDetail .desc h4 {color: black;}\r
186 .apiDetail h4 b{width: 150px;display:inline-block;}\r
187 .apiDetail h4 span{width: 230px;display:inline-block;}\r
188 \r
189 .apiDetail pre, .apiDetail .desc {background: #E8FCD6;color: black;margin: 10px;padding: 10px;display: block;}\r
190 .apiDetail pre {word-wrap: break-word;}\r
191 .apiDetail p{margin-left: 5px;padding: 0;}\r
192 .apiDetail .longdesc {margin-top: 5px;}\r
193 .apiDetail .longdesc p{font-size: 12px;line-height:1.5;margin:3px 0;}\r
194 .apiDetail .longdesc b{font-size: 14px;}\r
195 .apiDetail table {border-collapse:collapse;}\r
196 .apiDetail table td {border:1px solid silver;text-align: center;vertical-align: middle;}\r
197 .apiDetail table thead td {font-weight: bold}\r
198 \r
199 .apiDetail button {width:16px; height:16px; vertical-align:middle; border:0 none; cursor: pointer;\r
200         background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;\r
201         background-image:url("zTreeStyle/img/zTreeStandard.png");}\r
202 \r
203 .apiDetail button.chk {width:13px; height:13px; margin:0 3px 2px 0; cursor: auto}\r
204 .apiDetail button.chk.checkbox_false_full {background-position:0 0}\r
205 .apiDetail button.chk.checkbox_false_full_focus {background-position:0 -14px}\r
206 .apiDetail button.chk.checkbox_false_part {background-position:0 -28px}\r
207 .apiDetail button.chk.checkbox_false_part_focus {background-position:0 -42px}\r
208 .apiDetail button.chk.checkbox_true_full {background-position:-14px 0}\r
209 .apiDetail button.chk.checkbox_true_full_focus {background-position:-14px -14px}\r
210 .apiDetail button.chk.checkbox_true_part {background-position:-14px -28px}\r
211 .apiDetail button.chk.checkbox_true_part_focus {background-position:-14px -42px}\r
212 .apiDetail button.chk.radio_false_full {background-position:-28px 0}\r
213 .apiDetail button.chk.radio_false_full_focus {background-position:-28px -14px}\r
214 .apiDetail button.chk.radio_false_part {background-position:-28px -28px}\r
215 .apiDetail button.chk.radio_false_part_focus {background-position:-28px -42px}\r
216 .apiDetail button.chk.radio_true_full {background-position:-42px 0}\r
217 .apiDetail button.chk.radio_true_full_focus {background-position:-42px -14px}\r
218 .apiDetail button.chk.radio_true_part {background-position:-42px -28px}\r
219 .apiDetail button.chk.radio_true_part_focus {background-position:-42px -42px}