|
1 body { font:69% Verdana, Arial, Helvetica, sans-serif; background-color:#fff; color:#000; } /* 11px */ |
|
2 /* h1 { font-size:1.82em; font-weight:bold; } 20px */ |
|
3 h1 { font-size:1.64em; font-weight:bold; } /* 18px */ |
|
4 h1 a {color:#000;} |
|
5 h2 { font-size:1.64em; font-weight:bold; } /* 18px */ |
|
6 |
|
7 .cssImg {margin:0;} |
|
8 .cssImg a {position:relative; cursor:pointer;} |
|
9 .cssImg span {display:block;overflow: hidden;height: 0 !important;} |
|
10 h3 { font-size:1.18em; font-weight:bold; } /* 13px */ |
|
11 h4 { font-size:1.09em; font-weight:bold; } /* 12px */ |
|
12 a { text-decoration:none; color:#0000FF; } |
|
13 a.active { text-decoration:underline; } |
|
14 a:hover { text-decoration:underline; } |
|
15 .more_info { font-size:0.91em; font-weight:bold; text-decoration:none; color:#000; background:url(../img/btn_cta.gif) no-repeat left 2px; padding-left:10px; } |
|
16 small { font-size:0.82em; } |
|
17 p { padding-bottom:1em; } |
|
18 form select, input, textarea { font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; margin-right:10px;} |
|
19 form select {padding:2px; border: 1px solid #d1d1d1;} |
|
20 |
|
21 #container { width:980px; margin:auto; background-color:#fff; position:relative; } |
|
22 |
|
23 /* global navigation */ |
|
24 #global_nav { padding:5px 10px 0 10px; font-size:0.82em; } |
|
25 #global_nav a, #global_nav a:visited { color:#000; text-decoration:none; } |
|
26 #global_nav a:hover { color:#000; text-decoration:underline; } |
|
27 #global_nav .right { width:500px; } |
|
28 #global_nav .right img { vertical-align:middle; } |
|
29 |
|
30 /* portal navigation */ |
|
31 #portal_nav { margin-bottom:5px; background-color:#d1d1d1; } |
|
32 #portal_nav .divider { font-size:1.18em; line-height:2.3em; height:auto !important; min-height:2.5em; height:2.5em; } |
|
33 #portal_nav .right { float:right; } |
|
34 #portal_nav .right img { vertical-align:middle; } |
|
35 #dropmenu { display:block; padding:0; font-weight:bold; height:auto !important; min-height:17px; height:17px; } |
|
36 #dropmenu li { float:left; display:block; position:relative; padding-right:2px; background:url(../img/divider.gif) center right no-repeat; } |
|
37 #dropmenu li.right { float:right; } |
|
38 #dropmenu li a { display:block; position:relative; padding-left:0.62em; color:#000; text-decoration:none; font-size:1.18em; line-height:2.45em; height:auto !important; min-height:2.5em; height:2.5em; } |
|
39 #dropmenu li a:hover, #dropmenu li a.hover, #dropmenu li#quicklinks a:hover, #dropmenu li#quicklinks a.hover { background-color:#fee126; } |
|
40 #dropmenu li.active a { background-color:#fee126; } |
|
41 #dropmenu ul { z-index:999; position:absolute; display:none; top:auto; left:-1px; } |
|
42 #dropmenu li ul li { border:solid 1px #d1d1d1; margin-top:-1px; background-color:#fff; padding-right:0 !important; background-image:none !important; } |
|
43 #dropmenu li ul li a, #dropmenu li#quicklinks li a { background-image:none ;padding-left:0.62em; width:14em; height:auto; float:left; background-color:#fff; font-size:1.09em; line-height:1.9em; height:auto !important; min-height:2.1em; height:2.1em;} |
|
44 #dropmenu li.active ul li a { background-color:#fff; } |
|
45 #dropmenu li ul li a:hover, #dropmenu li ul li a.hover { background-color:#000 !important; color:#fee126 !important; } |
|
46 #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul { display:none; } |
|
47 #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul { display:block; } |
|
48 #dropmenu li#m_item1 { width:11.8em; padding-left:10px; z-index:6; } /* getting started */ |
|
49 #dropmenu li#m_item2 { width:8.55em; z-index:5; } /* resources */ |
|
50 #dropmenu li#m_item3 { width:15.6em; z-index:4; } /* platform & packages */ |
|
51 #dropmenu li#m_item4 { width:9.5em; z-index:3;} /* comunity */ |
|
52 #dropmenu li#m_item5 { width:7.5em; z-index:2;} /* learning */ |
|
53 #dropmenu li#m_item6 { width:5.46em;} |
|
54 #dropmenu li.last { background:none !important;} /* about */ |
|
55 #dropmenu li#quicklinks { width:12em; z-index:18; padding-right:0 !important; background:none !important; } |
|
56 #dropmenu li#quicklinks a { padding-left:3em; background:url(../img/btn_quick_link.gif) 1em center no-repeat; } |
|
57 |
|
58 /* quick links */ |
|
59 #dropmenu li#quicklinks ul { left:-45px; } |
|
60 |
|
61 /* header */ |
|
62 #devnet_header, #header { padding:0 0 5px 10px; } |
|
63 #devnet_header .right, #header .right { width:548px; } |
|
64 #devnet_header #logo, #header #logo { padding:20px 0 0 0; } |
|
65 #header_form { margin-bottom:10px; } |
|
66 #header_form a, #header_form a:visited { color:#000; font-size:0.82em; } |
|
67 #searchForm { margin-right:25px; } |
|
68 #searchForm label { float:left; padding-top:5px; width:4.30em; } |
|
69 #searchForm .fieldHolder { width:230px; height:23px; background:url(../img/search_box.gif) no-repeat; float:left; margin-bottom:5px; } |
|
70 #searchForm .textInput { width:190px; height:20px; background:none; border:none; color:#000000; margin:5px 0 0 5px; } |
|
71 #searchForm #SearchButton { vertical-align:top; padding:4px; margin-right:0px; margin-left:5px; } |
|
72 #searchForm #advancefilterContainer {margin-left:4.30em;} |
|
73 #searchForm #filterLabel { margin-left:15px; } |
|
74 #searchForm #advancefilter { background-color:#fff; width:150px; height:100px; position:absolute; z-index:9999; padding:20px; display:none; border:solid 1px #d1d1d1; } |
|
75 #searchForm #advancefilter select { margin-bottom:10px; width:150px; } |
|
76 |
|
77 #LoginForm label { float:left; padding-top:3px; width:5.95em; } |
|
78 #LoginForm .fieldHolder { width:170px; height:23px; background:url(../img/login_box.gif) no-repeat; float:left; } |
|
79 #LoginForm .textInput { width:160px; height:20px; background:none; border:none; color:#000000; margin:5px 5px 0 5px; } |
|
80 #LoginForm img { vertical-align:middle; } |
|
81 #LoginForm #SignOnButton { padding-left:8px; } |
|
82 #LoginForm #LoginWelcome { margin-bottom:10px; font-weight:bold; font-style:italic; } |
|
83 #LoginForm .LoginName { margin:0 0 0 5px; vertical-align:middle; } |
|
84 #LoginForm .LoginPadding { margin-bottom:35px; } |
|
85 |
|
86 #feedbackLoginForm {float:none;} |
|
87 #feedbackLoginForm a {color:#000;} |
|
88 #feedbackLoginForm label { float:left; padding-top:3px; width:5.95em; } |
|
89 #feedbackLoginForm .fieldHolder { width:170px; height:23px; background:url(../img/login_box.gif) no-repeat; float:left; } |
|
90 #feedbackLoginForm .textInput { width:160px; height:20px; background:none; border:none; color:#000000; margin:5px 5px 0 5px; } |
|
91 #feedbackLoginForm img { vertical-align:middle; } |
|
92 #feedbackLoginForm #FeedbackSignOnButton { padding-left:8px; } |
|
93 #feedbackLoginForm .LoginPadding { margin-bottom:35px; } |
|
94 div.closeFeedbackForm {margin-bottom:5px; text-align:right;} |
|
95 |
|
96 /* subheader for subpages */ |
|
97 #subheader { margin:20px 0 10px 0; padding:0 8px; } |
|
98 #subheader h1 { text-align:left; padding:0px 0 0px 13px; margin-top:5px; background:url(../img/tbar_l.gif) left no-repeat; float:left; } |
|
99 #subheader h1 span {display:block; padding:0 20px 0 0; background:url(../img/tbar_r.gif) right no-repeat; line-height:50px;} |
|
100 |
|
101 /* common box styles */ |
|
102 .homepage_rightside { padding-right:8px; } /*to fix ie6 margin issue*/ |
|
103 .BoxFrame {border:solid 1px #d1d1d1;} |
|
104 .BoxFrame p.nolist { padding:2em 1em; text-align:center; } |
|
105 .BoxHeader { margin-bottom:5px; } |
|
106 .BoxContent { padding:9px 10px 9px 10px; } |
|
107 .BoxContent h2 {margin-bottom:10px;} |
|
108 .rssIcon { vertical-align:top; } |
|
109 .editorBoxContent { margin:5px 0 15px 0; } |
|
110 .editorBoxContent p { width:190px; } |
|
111 .latestBoxTop { background-color:#e5e5e5; padding:5px 0 5px 15px; } |
|
112 .latestBoxContentFrame { height:auto !important; min-height:400px; height:400px; } |
|
113 .latestBoxContent{ padding:10px 15px 0 15px; } |
|
114 .latestBoxDivider { border-top:dotted 1px #000; margin:10px 15px 0 15px; } |
|
115 .latestBoxContent small { margin-top:5px; } |
|
116 .colcontainer .BoxContent { padding:10px 15px 0 15px; border-bottom:1px solid #d1d1d1;} |
|
117 .colcontainer .last { border-bottom:none; } |
|
118 .colcontainer .more_info { font-size:1em; font-weight:normal; } |
|
119 ul.rowLinks li {float:left; display:block; position:relative; padding-right:20px; padding-bottom:10px; font-size:0.82em;} |
|
120 ul.rowLinks li a {color:#000; background:url(../img/btn_cta.gif) no-repeat left 2px; padding-left:10px; } |
|
121 .infobox .more_info { font-size:0.91em; font-weight:bold;} |
|
122 .BoxContent .title {font-weight:bold; padding-bottom:0;} |
|
123 |
|
124 |
|
125 /* site box */ |
|
126 #siteBox { background:url(../img/masthead.gif) no-repeat; width:703px; height:auto !important; min-height:265px; height:265px; margin:0; } |
|
127 #siteBox a {color:#000;} |
|
128 #siteBox h1, #siteBox h2 { padding:5px 0 15px 0;} |
|
129 #siteBox .siteHeader{ font-size:1.64em; font-weight:bold;} |
|
130 #siteBox ul { padding:40px 0 0 15px; width:185px; color:#000; float:left; } |
|
131 #siteBox ul li:hover { text-decoration:underline; } |
|
132 #siteBox ul .active { background:url(../img/masthead_highlighted.gif) repeat-y; } |
|
133 #siteBox ul li { padding:5px 15px 0 15px; min-height:35px; cursor:pointer; font-weight:bold; } |
|
134 #siteBox ul li a { font-weight:bold; } |
|
135 #siteBox .itemContainer { padding:0 0 0 0; float:left; width:440px; margin:10px 0 0 40px; } |
|
136 #siteBox .itemImage { float:right; padding:0 20px 0 10px; } |
|
137 #siteBox .itemCopy { float:left; width:230px; } |
|
138 #editorBox { width:695px; height:auto !important; min-height:220px; height:220px; margin:0 0 20px 0; } |
|
139 #latestBox { width:695px; margin:5px 0 30px 0; padding-left:8px; } |
|
140 |
|
141 /* editor's choice */ |
|
142 #EditorChoiceBox { width:314px; padding:10px 20px 0 20px; background-color:#fff; margin-right:1px; height:auto !important; min-height:210px; height:210px; border-right:1px solid #d1d1d1; margin-right:-1px; } |
|
143 |
|
144 /* community editor */ |
|
145 #CommunityEditorBox { width:314px; background-color:#fff; padding:10px 0 0 20px; height:auto !important; min-height:210px; height:210px; border-left:1px solid #d1d1d1; } |
|
146 |
|
147 /* latest in documentation */ |
|
148 #LatestDocumentationBox { width:333px; } |
|
149 #LatestDocumentationBox p { padding-bottom:0; } |
|
150 |
|
151 /* latest in forum */ |
|
152 #LatestForumBox { width:333px; } |
|
153 #LatestForumBox p { padding-bottom:5px; } |
|
154 |
|
155 /* download */ |
|
156 #DownloadBox { width:238px; margin:5px 0; height: auto !important; min-height:220px; height:220px; } |
|
157 #DownloadBox img { margin-bottom:10px; } |
|
158 |
|
159 /* featured packages */ |
|
160 #PackageBox { width:238px; margin:5px 0; height: auto !important; min-height:220px; height:220px; } |
|
161 #PackageBox .package { margin-bottom:15px; } |
|
162 #PackageBox .package p { padding-bottom:0; } |
|
163 #PackageBox .package img { float:left; margin-right:15px; } |
|
164 |
|
165 /* top articles */ |
|
166 #TopArticleBox { width:238px; margin:5px 0; height:auto !important; min-height:435px; height:435px; } |
|
167 .voteNum { font-size:1.09em; font-weight:bold; color:#000; padding:0; text-align:center; padding:5px 0 0 0; } |
|
168 .voteTitle { font-size:0.82em; font-weight:bold; text-align:center; } |
|
169 .articleListing { padding:0 0 0 40px; width:150px; float:left; } |
|
170 .articleVote { background:url(../img/vote_box.gif) no-repeat; width:45px; height:40px; float:left; } |
|
171 .ui-accordion-container .more_info { margin-left:40px; } |
|
172 .ui-accordion { list-style-type: none; } |
|
173 .ui-accordion .odd { background-color:#e5e5e5; } |
|
174 .ui-accordion li { padding:1px 0 5px 0; margin:0; } |
|
175 .ui-accordion li span { margin-bottom:3px; } |
|
176 .ui-accordion li:hover { cursor:pointer; } |
|
177 .ui-accordion li span.ui-accordion-header { display:block; color:#000; text-decoration:none; position:relative; padding:0 0 0 10px; background:url(../img/icon_drop_down.gif) no-repeat 216px 4px; font-size:1.09em; } |
|
178 .ui-accordion li .selected { font-weight:bold; } |
|
179 .ui-accordion li span.ui-accordion-header.selected { background:none; } |
|
180 |
|
181 /* subpages styles */ |
|
182 .subcontent { color:#000; padding:0 8px; } |
|
183 .subcontentImage { } |
|
184 .subcontent p { padding:0 0 10px 0; } |
|
185 .subcontent h1 { margin-bottom:10px; } |
|
186 .bulletlist { margin:10px 0 0 30px; } |
|
187 ul.bulletlist { list-style-type:disc; } |
|
188 ol.bulletlist { list-style-type:decimal; margin:10px 0 0 30px; } |
|
189 .bulletlist li { margin:0 0 10px 0; } |
|
190 .bulletlistDocumentation li { float: left;margin-left:40px; margin-top: 25px; } |
|
191 .breadcrumbs { font-size:0.82em; } |
|
192 .breadcrumbs a { text-decoration:underline; } |
|
193 .columns { width:964px; margin:0px 8px; clear:both; } |
|
194 .columns .bulletlist { } |
|
195 .colcontainerspacer { height:18px; } |
|
196 .colBoxTop { background-color:#e5e5e5; padding:5px 15px 5px 15px; color:#000; font-weight:bold; } |
|
197 .colBoxTop p {font-weight:normal; padding-bottom:0em;} |
|
198 .colBoxTop img { vertical-align:middle; } |
|
199 .one_col { width:99.8%; } |
|
200 .two_col { width:49%;} |
|
201 .three_col { width:32%; } |
|
202 .three_col_center { margin-left:1.8%; } |
|
203 .three_col_right { margin-right:0.3%; } |
|
204 .three_col_double { width:66%; } |
|
205 .four_col { width:24%; } |
|
206 .four_col_center { margin-left:1%; } |
|
207 .two_col_copy { width:343px; float:left; padding:0 10px 10px 0; float:right; } |
|
208 .one_col_copy { width:780px; float:left; padding:0 10px 10px 10px; } |
|
209 .colcontainer div.BoxFrame {margin-bottom:18px; height:1%;} |
|
210 .colcontainer {margin-top:10px;} |
|
211 |
|
212 |
|
213 /*Alphabet Listing in sub content*/ |
|
214 .subcontent div.types, .subcontent div.alphabets { background:#d1d1d1; line-height:3em; height:1%;} |
|
215 .subcontent div.alphabets { margin-top:10px; margin-bottom:10px;} |
|
216 .subcontent li.noMatch {padding-bottom:10px; padding-left:15px;} |
|
217 .subcontent div.types small, .subcontent div.alphabets small { float:left; display:block; position:relative; background:#d1d1d1; padding-left:8px; } |
|
218 .subcontent div.types a, .subcontent div.alphabets a { color:#000; text-decoration:none; } |
|
219 .subcontent div.types a.selected, .subcontent div.alphabets a.selected { font-weight:bold; color:#fff; } |
|
220 .subcontent #alphabeticallist { padding:0;} |
|
221 |
|
222 /* forum */ |
|
223 #forum { margin:0 8px 20px 8px; padding-bottom:20px; } |
|
224 #forum h2 { padding:10px; } |
|
225 #forumListing { width:100%; } |
|
226 #forumListing th { font-size:1.09em; padding:5px 10px; background-color:#fee126; font-weight:bold; text-align:center; } |
|
227 #forumListing td { padding:5px 10px; vertical-align:top; text-align:center; } |
|
228 #forumListing .threadColumn { text-align:left; } |
|
229 #forumListing .header .leftalign { text-align:left; } |
|
230 #forumListing .even { background-color:#e5e5e5; } |
|
231 #forumListing a, #forumListing a:visited { text-decoration:none; color:#0000FF; } |
|
232 #forumListing a:hover { text-decoration:underline; } |
|
233 |
|
234 /* community page */ |
|
235 .community_image { padding:10px 5px 25px; } |
|
236 .community_header { padding:10px 5px; position:relative; left:8px;} |
|
237 .community_copy { width:180px; float:left; padding:0 10px 30px 0; float:right; } |
|
238 |
|
239 /*package page*/ |
|
240 .package_description {width:66%;} |
|
241 .package_description .bulletlist {margin-top:0px;} |
|
242 .downloadInfo {text-align:center; margin-top:0px; margin-bottom:0px; padding:0px;} |
|
243 #createPackageFrm label.lnowrap {white-space:nowrap} |
|
244 #createPackageFrm label span {font-weight:normal;} |
|
245 #createPackageFrm small {font-weight:normal; display:inline;} |
|
246 #addPackageUser {border-bottom:1px dotted #d1d1d1;} |
|
247 #addPackageUser ol.forms {padding:15px 15px 0 5px;} |
|
248 #addPackageUser li.buttons {padding-left:210px; font-weight:bold; margin-bottom:0px; width:400px;} |
|
249 .multiSelect {padding-left:80px; padding-top:30px;} |
|
250 .multiSelect .selectContainer {float:left; width:350px;} |
|
251 .multiSelect .labelContainer label {display:inline; float:left; padding-right:10px;} |
|
252 .multiSelect .labelContainer .buttons {float:left; padding-bottom:4px;} |
|
253 .multiSelect select {width:350px;} |
|
254 .multiSelect .moveOptContainer {float:left; padding:70px 30px;} |
|
255 .multiSelect .moveOptContainer input {margin-bottom:10px;} |
|
256 |
|
257 /* search results page */ |
|
258 #searchCriteria { padding:10px 10px; margin-bottom:18px; background-color:#D1D1D1; } |
|
259 #searchCriteria input { margin-left:5px; } |
|
260 #searchResultsTab { margin-bottom:18px; } |
|
261 #searchResultsTab .desc { margin-bottom:10px; } |
|
262 #searchResultsTab ul a:hover { text-decoration:none; } |
|
263 #searchResultsTab hr { color:#D1D1D1; background-color: #D1D1D1; height: 1px; border:0 none; margin-bottom:10px; } |
|
264 #searchResultsTab dl { margin-top:10px; margin-bottom:10px; } |
|
265 #searchResultsTab dl h2 { float:left; width:150px; } |
|
266 .topSearchResults { margin-left:20px; margin-top:10px; } |
|
267 #searchResultsTab a {font-weight:bold; } |
|
268 #searchResultsTab .moreResults a { color:#D6B900; } |
|
269 .searchtab_container .ui-tabs-panel { height:auto; } |
|
270 |
|
271 /* resources > downloads page */ |
|
272 #downloadsTab, .mTab { margin-bottom:18px; } |
|
273 #downloadsTab .ui-tabs-panel, .mTab .ui-tabs-panel { padding:1em 0px; } |
|
274 #downloadsTab div.types, .mTab div.types, #downloadsTab div.alphabets, .mTab div.alphabets { background:#d1d1d1; line-height:3em; height:1%;} |
|
275 #downloadsTab div.alphabets, .mTab div.alphabets { margin-top:10px; } |
|
276 #downloadsTab div.types small, #downloadsTab div.alphabets small { float:left; display:block; position:relative; background:#d1d1d1; padding-left:8px; } |
|
277 #downloadsTab div.types a, #downloadsTab div.alphabets a { color:#000; text-decoration:none; } |
|
278 #downloadsTab div.types a.selected, #downloadsTab div.alphabets a.selected { font-weight:bold; color:#fff; } |
|
279 #downloadsTab div.type, .mTab div.type { padding:1em 8px; border-bottom:1px solid #d1d1d1; margin-bottom:1em; height:1%; clear:both; } |
|
280 #downloadsTab div.last, .mTab div.last { border-bottom:none; } |
|
281 #downloadsTab div.item, .mTab div.item { padding:10px 20px; } |
|
282 #downloadsTab div.description h4 small { font-weight:normal; padding:0 5px; } |
|
283 #downloadsTab div.description { float:left; width:60%; } |
|
284 .mTab div.description { float:left; width:90%; } |
|
285 #downloadsTab div.details { float:right; width:110px; background:#d1d1d1; text-align:center; padding:5px 0; } |
|
286 #downloadsTab .subscribe { float:right; line-height:3em; width:25px; padding-right:10px; } |
|
287 #downloadsTab .subscribe a { display:block; position:relative; height:3em; background:url(../img/icon_rss_feed03.gif) right center no-repeat; text-indent:-9999em; } |
|
288 .mtabs_title {background:#d1d1d1; line-height:3em; text-align:center; margin-bottom:10px;} |
|
289 |
|
290 div.view-by-category div.left { width:60%; } |
|
291 div.view-by-category div.right { width:30%; margin-right:20px; } |
|
292 div.view-by-category #categories a.selected {font-weight:bold!important;} |
|
293 div.view-by-category div.category { padding:1em; margin-bottom:1em; } |
|
294 |
|
295 /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ |
|
296 div.rating { cursor:pointer; margin:10px; clear:both; display:block; } |
|
297 div.rating:after { content:'.'; display:block; height:0; width:0; clear:both; visibility:hidden; } |
|
298 div.cancel, div.star { float:left; width:17px; height:15px; text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden; } |
|
299 div.cancel, div.cancel a { background:url('../img/delete.gif') no-repeat 0 -16px; } |
|
300 div.star, div.star a { background:url('../img/star.gif') no-repeat 0 0px; } |
|
301 div.cancel a, div.star a { display:block; width:16px; height:100%; background-position:0 0px; } |
|
302 div.star_on a { background-position:0 -16px!important; } |
|
303 div.star_hover a, div.star_live a:hover { background-position:0 -32px; } |
|
304 /* Read Only CSS */ |
|
305 div.star_readonly a, div.star_readonly a:hover { cursor:default !important; } |
|
306 /* Partial Star CSS */ |
|
307 div.star { background:transparent!important; overflow:hidden!important; } |
|
308 |
|
309 /* jQuery.listnav Plugin CSS - http://www.ihwy.com/labs/jquery-listnav-plugin.aspx */ |
|
310 #alphabeticallist { padding:0 1em; } |
|
311 .noMatch { list-style:none; } |
|
312 .listNav { padding:0 8px; height:1%; } |
|
313 .listNav a { display:block; float:left; padding:0 5px; font-size:0.82em; } |
|
314 .listNav a.ln-last { } |
|
315 .listNav a.ln-selected { color:#fff !important; font-weight:bold; } |
|
316 .listNav a:hover { text-decoration:underline; } |
|
317 .listNav a.ln-disabled { color:#999 !important; } |
|
318 .listNav .ln-letterCount { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#666; } /* extra styling using jquery.listnav.js internally used class name */ |
|
319 |
|
320 /* Forms */ |
|
321 form .BoxFrame {margin-bottom:15px; width: 960px;} |
|
322 ol.forms {float: left; list-style: none; padding:15px;} |
|
323 ol.forms li {clear: both;float: left;margin: 0 0 10px;width: 100%;} |
|
324 ol.forms label {cursor: pointer;display: block;float: left;font-weight: bold;margin: 0 10px 0 0;width: 200px;} |
|
325 ol.forms label.error { padding-left:210px; color:#FF0000; width:400px; font-weight:normal; font-size:0.9em;} |
|
326 ol.forms label.loading { padding-left:210px; color:#333; width:400px; font-weight:normal; font-size:0.9em; } |
|
327 ol.forms input, ol.forms textarea {font: inherit;padding: 2px;width: 310px;} |
|
328 ol.forms textarea { height: 250px; width:500px;} |
|
329 ol.forms li.grouping label {cursor:pointer; display: block;float: left;font-weight: bold;margin: 0 10px 0 0;width: 200px; } |
|
330 ol.forms li.grouping {padding-bottom:5px; margin-bottom:0px;} |
|
331 ol.forms li.grouping ul { list-style: none; display: block;float: left;} |
|
332 ol.forms li.grouping ul label {display: inline;float: none;font-weight: normal;margin: 0;width: auto;} |
|
333 ol.forms li.grouping ul input { width: auto; } |
|
334 .buttons {float: right; padding-bottom:10px; position:relative; top:1px;} |
|
335 .buttons input {background-color:#000000; color:#fee126; border:none; padding:1px 7px; cursor:pointer; font-weight:bold; font-size:0.82em; } |
|
336 .buttons input:hover {color:#FFF;} |
|
337 .compulsory {color:#FF0000;} |
|
338 .thankyou_container {height:auto !important; min-height:500px; height:500px;} |
|
339 form input.ctyCode {width:25px;} |
|
340 form input.cNumber {width:253px;} |
|
341 |
|
342 .plussign {padding:0 5px 10px 0; margin-bottom:10px;} |
|
343 |
|
344 p.instruction {line-height:1.5em;} |
|
345 |
|
346 /* Feedback */ |
|
347 div#feedbackform {width:780px; margin:0 auto;} |
|
348 div#feedbackform textarea {height:100px;} |
|
349 |
|
350 div#feedback {background-color:#fff; color:#000; z-index:99; padding:20px; position:absolute;bottom:36px; border:1px solid #d1d1d1; display:none;} |
|
351 div#feedback.signin { width: 780px !important; left:80px;} |
|
352 div#feedback.signout { left:40%;} |
|
353 div#feedback textarea {height:100px;} |
|
354 div#feedbackform li.feedback_category label.error {padding:0;} |
|
355 div#feedbackform li.grouping {padding-bottom:20px;} |
|
356 div#feedbackform li.grouping li input {display:inline; margin:0;} |
|
357 div#feedbackform li.grouping li label {display:inline; margin-right:10px;} |
|
358 |
|
359 /*Section/Sub-section Images*/ |
|
360 .img_txt_community_editor {padding: 35px 0 0 0; width:250px; height:35px; background:url(../img/txt_community_editor.gif) top left no-repeat;} |
|
361 .img_txt_editor_choice {padding: 35px 0 0 0; width:215px; height:35px; background:url(../img/txt_editor_choice.gif) top left no-repeat;} |
|
362 .img_txt_download {padding: 25px 0 0 0; width:125px; height:25px; background:url(../img/txt_download.gif) top left no-repeat;} |
|
363 .img_txt_featured_package {padding: 25px 0 0 0; width:220px; height:25px; background:url(../img/txt_featured_package.gif) top left no-repeat;} |
|
364 .img_txt_latest_document {padding: 25px 0 0 0; width:230px; height:25px; background:url(../img/txt_latest_document.gif) top left no-repeat;} |
|
365 .img_txt_latest_forum {padding: 25px 0 0 0; width:160px; height:25px; background:url(../img/txt_latest_forum.gif) top left no-repeat;} |
|
366 .img_txt_top_articles {padding: 25px 0 0 0; width:145px; height:25px; background:url(../img/txt_top_articles.gif) top left no-repeat;} |
|
367 .img_t_going_open_source {padding: 48px 0 0 0; width:130px; height:48px; background:url(../img/t_going_open_source.gif) top left no-repeat;} |
|
368 .img_t_history_of_symbian {padding: 53px 0 0 0; width:125px; height:53px; background:url(../img/t_history_of_symbian.gif) top left no-repeat;} |
|
369 .img_t_leadership_team {padding: 27px 0 0 0; width:188px; height:27px; background:url(../img/t_leadership_team.gif) top left no-repeat;} |
|
370 .img_t_member_companies {padding: 48px 0 0 0; width:120px; height:48px; background:url(../img/t_member_companies.gif) top left no-repeat;} |
|
371 .img_t_foundation_members {padding: 48px 0 0 0; width:125px; height:48px; background:url(../img/t_foundation_members.gif) top left no-repeat;} |
|
372 .img_t_keynote_speeches {padding: 51px 0 0 0; width:110px; height:51px; background:url(../img/t_keynote_speeches.gif) top left no-repeat;} |
|
373 .img_t_forums {padding: 24px 0 0 0; width:80px; height:24px; background:url(../img/t_forums.gif) top left no-repeat;} |
|
374 .img_t_blog {padding: 26px 0 0 0; width:61px; height:26px; background:url(../img/t_blog.gif) top left no-repeat;} |
|
375 .img_t_wikis {padding: 24px 0 0 0; width:58px; height:24px; background:url(../img/t_wikis.gif) top left no-repeat;} |
|
376 .img_t_news {padding: 22px 0 0 0; width:174px; height:22px; background:url(../img/t_news.gif) top left no-repeat;} |
|
377 .img_t_competence {padding: 76px 0 0 0; width:144px; height:76px; background:url(../img/t_competence.gif) top left no-repeat;} |
|
378 .img_hdr_step1 {padding: 26px 0 0 0; width:68px; height:26px; background:url(../img/hdr_step1.gif) top left no-repeat;} |
|
379 .img_hdr_step2 {padding: 26px 0 0 0; width:72px; height:26px; background:url(../img/hdr_step2.gif) top left no-repeat;} |
|
380 .img_hdr_step3 {padding: 26px 0 0 0; width:72px; height:26px; background:url(../img/hdr_step3.gif) top left no-repeat;} |
|
381 .img_hdr_step4 {padding: 26px 0 0 0; width:73px; height:26px; background:url(../img/hdr_step4.gif) top left no-repeat;} |
|
382 .img_hdr_forum {padding: 25px 0 0 0; width:198px; height:25px; background:url(../img/hdr_forum.gif) top left no-repeat;} |
|
383 .img_t_training {padding: 25px 0 0 0; width:97px; height:25px; background:url(../img/t_training.gif) top left no-repeat;} |
|
384 .img_t_developer {padding: 81px 0 0 0; width:123px; height:81px; background:url(../img/t_developer.gif) top left no-repeat;} |
|
385 .img_t_universities {padding: 22px 0 0 0; width:142px; height:22px; background:url(../img/t_universities.gif) top left no-repeat;} |
|
386 .img_t_books {padding: 20px 0 0 0; width:65px; height:20px; background:url(../img/t_books.gif) top left no-repeat;} |
|
387 .img_t_events {padding: 21px 0 0 0; width:81px; height:21px; background:url(../img/t_events.gif) top left no-repeat;} |
|
388 .img_t_categories {padding: 20px 0 0 0; width:105px; height:20px; background:url(../img/t_categories.gif) top left no-repeat;} |
|
389 .img_t_documentation {padding: 22px 0 0 0; width:176px; height:22px; background:url(../img/t_documentation.gif) top left no-repeat;} |
|
390 .img_t_examplecode {padding: 28px 0 0 0; width:163px; height:28px; background:url(../img/t_examplecode.gif) top left no-repeat;} |
|
391 .img_t_tools {padding: 23px 0 0 0; width:67px; height:23px; background:url(../img/t_tools.gif) top left no-repeat;} |
|
392 .img_t_contribute_code {padding: 25px 0 0 0; width:330px; height:25px; background:url(../img/t_contribute_code.gif) top left no-repeat;} |
|
393 .img_t_develop_application {padding: 25px 0 0 0; width:415px; height:25px; background:url(../img/t_develop_application.gif) top left no-repeat;} |
|
394 .img_t_documentation_platform {padding: 25px 0 0 0; width:475px; height:24px; background:url(../img/t_documentation_platform.gif) top left no-repeat;} |
|
395 .img_t_documentation_application {padding: 25px 0 0 0; width:505px; height:24px; background:url(../img/t_documentation_application.gif) top left no-repeat;} |
|
396 .img_t_packages {padding: 25px 0 0 0; width:115px; height:25px; background:url(../img/t_packages.gif) top left no-repeat;} |
|
397 |
|
398 /* documentation style */ |
|
399 .documentationLinks p {background:transparent url(../img/tbar_l.gif) no-repeat scroll left center;padding:0 0 0 13px;} |
|
400 .documentationLinks a {background:transparent url(../img/tbar_r.gif) no-repeat scroll right center;display:block;line-height:20px;padding:0 20px 0 0;} |
|
401 |
|
402 /* common style */ |
|
403 .left { float:left; } |
|
404 .right { float:right; } |
|
405 .clear { clear:both; width:0; height:0; font-size:0; overflow:hidden; } |
|
406 .hidden { display:none; } |
|
407 .bold { font-weight:bold; } |
|
408 .hmarginright {margin-right:10px;} |
|
409 .pname {text-decoration:underline;} |
|
410 |
|
411 |
|
412 /* footer */ |
|
413 #devnet_footer { clear:both; background-color:#000; color:#fff; padding:10px; } |
|
414 #devnet_footer ul li { float:left; display:block; background:url(../img/footer-divider.gif) right bottom no-repeat; padding-right:10px; margin-right:10px; } |
|
415 #devnet_footer ul li.last { background-image:none; } |
|
416 #devnet_footer a, #devnet_footer a:visited, #devnet_footer a:hover { color:#fff; text-decoration:none; font-size:0.82em; } |
|
417 #devnet_footer a:hover { text-decoration:underline; } |
|
418 |
|
419 |
|
420 |
|
421 /* jQuery Thickbox 3.1 CSS - http://jquery.com/demo/thickbox/ */ |
|
422 /* ----------------------------------------------------------------------------------------------------------------*/ |
|
423 /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ |
|
424 /* ----------------------------------------------------------------------------------------------------------------*/ |
|
425 *{padding: 0; margin: 0;} |
|
426 |
|
427 /* ----------------------------------------------------------------------------------------------------------------*/ |
|
428 /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ |
|
429 /* ----------------------------------------------------------------------------------------------------------------*/ |
|
430 #TB_window { |
|
431 color: #000; |
|
432 } |
|
433 |
|
434 #TB_secondLine { |
|
435 color:#000; |
|
436 } |
|
437 |
|
438 #TB_window a:link {color: #0000FF;} |
|
439 #TB_window a:visited {color: #0000FF;} |
|
440 #TB_window a:hover {color: #0000FF; text-decoration:underline;} |
|
441 #TB_window a:active {color: #0000FF;} |
|
442 #TB_window a:focus{color: #0000FF;} |
|
443 |
|
444 /* ----------------------------------------------------------------------------------------------------------------*/ |
|
445 /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ |
|
446 /* ----------------------------------------------------------------------------------------------------------------*/ |
|
447 #TB_overlay { |
|
448 position: fixed; |
|
449 z-index:100; |
|
450 top: 0px; |
|
451 left: 0px; |
|
452 height:100%; |
|
453 width:100%; |
|
454 } |
|
455 |
|
456 .TB_overlayMacFFBGHack {background: url(../img/macFFBgHack.png) repeat;} |
|
457 .TB_overlayBG { |
|
458 background-color:#000; |
|
459 filter:alpha(opacity=75); |
|
460 -moz-opacity: 0.75; |
|
461 opacity: 0.75; |
|
462 } |
|
463 |
|
464 * html #TB_overlay { /* ie6 hack */ |
|
465 position: absolute; |
|
466 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); |
|
467 } |
|
468 |
|
469 #TB_window { |
|
470 position: fixed; |
|
471 background: #ffffff; |
|
472 z-index: 102; |
|
473 color:#000000; |
|
474 display:none; |
|
475 border: 4px solid #525252; |
|
476 text-align:left; |
|
477 top:50%; |
|
478 left:50%; |
|
479 } |
|
480 |
|
481 * html #TB_window { /* ie6 hack */ |
|
482 position: absolute; |
|
483 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); |
|
484 } |
|
485 |
|
486 #TB_window img#TB_Image { |
|
487 display:block; |
|
488 margin: 15px 0 0 15px; |
|
489 border-right: 1px solid #ccc; |
|
490 border-bottom: 1px solid #ccc; |
|
491 border-top: 1px solid #666; |
|
492 border-left: 1px solid #666; |
|
493 } |
|
494 |
|
495 #TB_caption{ |
|
496 height:25px; |
|
497 padding:7px 30px 10px 25px; |
|
498 float:left; |
|
499 } |
|
500 |
|
501 #TB_closeWindow{ |
|
502 height:25px; |
|
503 padding:11px 25px 10px 0; |
|
504 float:right; |
|
505 } |
|
506 |
|
507 #TB_closeAjaxWindow{ |
|
508 padding:7px 10px 5px 0; |
|
509 margin-bottom:1px; |
|
510 text-align:right; |
|
511 float:right; |
|
512 } |
|
513 |
|
514 #TB_ajaxWindowTitle{ |
|
515 float:left; |
|
516 padding:7px 0 5px 10px; |
|
517 margin-bottom:1px; |
|
518 } |
|
519 |
|
520 #TB_title{ |
|
521 background-color:#e8e8e8; |
|
522 height:27px; |
|
523 } |
|
524 |
|
525 #TB_ajaxContent{ |
|
526 clear:both; |
|
527 padding:2px 15px 15px 15px; |
|
528 overflow:auto; |
|
529 text-align:left; |
|
530 line-height:1.4em; |
|
531 } |
|
532 |
|
533 #TB_ajaxContent.TB_modal{ |
|
534 padding:15px; |
|
535 } |
|
536 |
|
537 #TB_ajaxContent p{ |
|
538 padding:5px 0px 5px 0px; |
|
539 } |
|
540 |
|
541 #TB_load{ |
|
542 position: fixed; |
|
543 display:none; |
|
544 height:13px; |
|
545 width:208px; |
|
546 z-index:103; |
|
547 top: 50%; |
|
548 left: 50%; |
|
549 margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ |
|
550 } |
|
551 |
|
552 * html #TB_load { /* ie6 hack */ |
|
553 position: absolute; |
|
554 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); |
|
555 } |
|
556 |
|
557 #TB_HideSelect{ |
|
558 z-index:99; |
|
559 position:fixed; |
|
560 top: 0; |
|
561 left: 0; |
|
562 background-color:#fff; |
|
563 border:none; |
|
564 filter:alpha(opacity=0); |
|
565 -moz-opacity: 0; |
|
566 opacity: 0; |
|
567 height:100%; |
|
568 width:100%; |
|
569 } |
|
570 |
|
571 * html #TB_HideSelect { /* ie6 hack */ |
|
572 position: absolute; |
|
573 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); |
|
574 } |
|
575 |
|
576 #TB_iframeContent{ |
|
577 clear:both; |
|
578 border:none; |
|
579 margin-bottom:-1px; |
|
580 margin-top:1px; |
|
581 _margin-bottom:1px; |
|
582 } |