|
1 /* Symbian Foundation |
|
2 CSS |
|
3 Alex Abarmovich 10-02-2009 |
|
4 Version 5 |
|
5 Date: 10-02-2009 |
|
6 Last modified: 17-02-2009 |
|
7 */ |
|
8 |
|
9 /* Addtitional CSS styles and style corrections */ |
|
10 |
|
11 #container #contentContainer{ |
|
12 min-height:500px; |
|
13 } |
|
14 |
|
15 #header { |
|
16 height:90px |
|
17 } |
|
18 |
|
19 /* variable width container AA */ |
|
20 |
|
21 body#variable_width #container { |
|
22 width: 99%; |
|
23 margin: 0 auto; |
|
24 /*overflow: hidden; does not work with absolutely positioned #globalWrapper Wiki AA */ |
|
25 max-width: 1250px; |
|
26 min-width: 980px; |
|
27 text-align: left; |
|
28 } |
|
29 |
|
30 /* top header AA */ |
|
31 #header .right { width:548px; } |
|
32 #searchForm label { float:left; padding-top:5px; width:4.30em; } |
|
33 |
|
34 |
|
35 |
|
36 /* top navigation AA */ |
|
37 #dropmenu li#m_item1 { width:9.8em; padding-left:10px; z-index:11; } /* community */ |
|
38 #dropmenu li#m_item2 { width:5.25em; z-index:12; } /* code */ |
|
39 #dropmenu li#m_item3 { width:9.1em; z-index:13; } /* tools */ |
|
40 #dropmenu li#m_item4 { width:11.7em; z-index:14; } /* documentation */ |
|
41 #dropmenu li#m_item5 { width:6.5em; z-index:15;} /* forums */ |
|
42 #dropmenu li#m_item6 { width:7.3em; z-index:16;} /* learning */ |
|
43 #dropmenu li#m_item7 { width:5.46em; z-index:17;} /* about us */ |
|
44 |
|
45 /* generic classes */ |
|
46 |
|
47 #genericContent { |
|
48 padding:10px; |
|
49 } |
|
50 |
|
51 #genericContent h2 { |
|
52 margin-bottom:10px; |
|
53 } |
|
54 |
|
55 #genericContent h3 { |
|
56 margin-bottom:5px; |
|
57 } |
|
58 |
|
59 #genericContent img { |
|
60 padding:15px; |
|
61 } |
|
62 |
|
63 |
|
64 /* home page */ |
|
65 /* main promo */ |
|
66 |
|
67 #siteBox div.itemCopy ul.main_promo_internal { |
|
68 margin-bottom:10px; |
|
69 padding-top:0; |
|
70 } |
|
71 |
|
72 #siteBox div.itemCopy ul.main_promo_internal li { |
|
73 min-height:10px; |
|
74 } |
|
75 |
|
76 |
|
77 /* contact form AA */ |
|
78 form#contactUsFrm input#ophone_ctyCode { |
|
79 width:25px; |
|
80 } |
|
81 |
|
82 /* form submit buttons AA */ |
|
83 |
|
84 p.buttons { |
|
85 padding-bottom:10px; |
|
86 margin:10px 0 20px 0; |
|
87 width:100%; |
|
88 } |
|
89 |
|
90 p.buttons input { |
|
91 float:none; |
|
92 font-size:1.1em; |
|
93 font-weight:bold; |
|
94 padding:2px 9px; |
|
95 display:block; |
|
96 min-width:20px; |
|
97 margin:0 auto; |
|
98 } |
|
99 |
|
100 #addPackageUser li.buttons { |
|
101 padding:5px 0 5px 210px; |
|
102 } |
|
103 |
|
104 .multiSelect .labelContainer .buttons { |
|
105 margin:0 0 10px 0; |
|
106 } |
|
107 |
|
108 /* Getting Started */ |
|
109 |
|
110 .GetStartedBoxContent { padding:9px 10px 2px 10px; } |
|
111 |
|
112 #GetStartedBox { width:238px; margin:5px 0; height: auto !important; min-height:237px; height:237px; } |
|
113 #GetStartedBox .started { margin-bottom:5px; margin-top:5px; background-image: url('../img/btn_box.gif'); background-repeat: no-repeat; background-position: top left; height: 60px; width: 220px; padding: 3px;} |
|
114 #GetStartedBox .started p { padding-bottom:0px;} |
|
115 #GetStartedBox .started img { float:left; margin-left: 10px; margin-right:15px;} |
|
116 #GetStartedBox .BoxCenter {height:60px;} |
|
117 |
|
118 /* Tools & kits box content */ |
|
119 |
|
120 div#colcontainer1 p, div#colcontainer2 p { float:left;padding: 5px 0 10px 10px;} |
|
121 |
|
122 .img_t_comm_activity_dashboard {background:transparent url(../img/t_comm_activity_dashboard.gif) no-repeat scroll left top; padding:30px 0 0; width:350px;} |
|
123 .img_t_other_tools {background:transparent url(../img/t_other_tools.gif) no-repeat scroll left top; padding:30px 0 0; width:350px;} |
|
124 .img_t_quick_links {background:transparent url(../img/t_quick_links.gif) no-repeat scroll left top; padding:25px 0 0; width:350px;} |
|
125 .img_t_featured_developer {background:transparent url(../img/t_featured_developer.gif) no-repeat scroll left top; padding:55px 0 0; width:350px;} |
|
126 .img_t_platform_dashboard {background:transparent url(../img/t_platform_dashboard.gif) no-repeat scroll left top; padding:35px 0 0; width:265px;} |
|
127 .img_t_community_news {background:transparent url(../img/t_community_news.gif) no-repeat scroll left top; padding:55px 0 0; width:350px;} |
|
128 .img_t_application_dev {background:transparent url(../img/t_application_dev.gif) no-repeat scroll left top; padding:30px 0 0; width:350px;} |
|
129 .img_t_platform_dev {background:transparent url(../img/t_platform_phone_dev.gif) no-repeat scroll left top; padding:30px 0 0; width:350px;} |
|
130 .img_t_lets_get_started {background:transparent url(../img/t_lets_get_started.gif) no-repeat scroll left top; padding:30px 0 0; width:350px;} |
|
131 |
|
132 /* User profile section */ |
|
133 |
|
134 /* registration */ |
|
135 |
|
136 body#user_profile form table td { |
|
137 height:25px; |
|
138 padding-left:15px; |
|
139 } |
|
140 |
|
141 body#user_profile form table td.userFormLabel { |
|
142 padding-left:0; |
|
143 } |
|
144 |
|
145 |
|
146 |
|
147 body#user_profile form#registerForm table { |
|
148 width:850px; |
|
149 } |
|
150 |
|
151 body#user_profile form#registerForm { |
|
152 margin-top:20px; |
|
153 } |
|
154 |
|
155 body#user_profile form#registerForm input { |
|
156 margin-right:3px; |
|
157 } |
|
158 |
|
159 body#user_profile #subheader { |
|
160 margin-top:10px; |
|
161 height:60px; |
|
162 } |
|
163 |
|
164 body#user_profile div.BoxFrame { |
|
165 margin-bottom:20px; |
|
166 padding-bottom:15px; |
|
167 } |
|
168 |
|
169 body#user_profile div.error { |
|
170 color:#ff0000; |
|
171 margin-bottom:2px; |
|
172 } |
|
173 |
|
174 body#user_profile td.userFormLabel { |
|
175 font-weight:700; |
|
176 text-align:right; |
|
177 } |
|
178 |
|
179 body#user_profile input#registerForm_submit, |
|
180 body#user_profile input#_submit { |
|
181 background-color:#000000; |
|
182 color:#fee126; |
|
183 border:none; |
|
184 padding:2px 9px; |
|
185 cursor:pointer; |
|
186 font-weight:bold; |
|
187 font-size:1.1em; |
|
188 margin-left:0; |
|
189 } |
|
190 |
|
191 /* login */ |
|
192 |
|
193 body#user_profile #formContent { |
|
194 padding:15px; |
|
195 } |
|
196 |
|
197 body#user_profile form#frmLogin div.fieldHolder { |
|
198 height:25px; |
|
199 display:inline; |
|
200 } |
|
201 |
|
202 body#user_profile form#frmLogin label { |
|
203 width:90px; |
|
204 display:inline-block; |
|
205 font-weight:700; |
|
206 height:25px; |
|
207 } |
|
208 |
|
209 body#user_profile form#frmLogin input.loginSubmit { |
|
210 margin:0 0 20px 95px; |
|
211 } |
|
212 |
|
213 body#user_profile #loginLinks { |
|
214 margin-left:95px; |
|
215 } |
|
216 |
|
217 /* profile */ |
|
218 |
|
219 body#user_profile table#user_profile_table { |
|
220 border: none; |
|
221 } |
|
222 |
|
223 body#user_profile table#user_profile_table td { |
|
224 height:25px; |
|
225 padding-left:20px; |
|
226 vertical-align:top; |
|
227 } |
|
228 |
|
229 |
|
230 code var {font-style: italic; font-family: times new roman, times, serif} |
|
231 code em.comment {font-style: italic; color: #383; font-family: arial, helvetica, sans;} |
|
232 code em.comment code {font-weight: normal; font-size: 90%!important} |
|
233 code span.opt {color: #666} |
|
234 code span.depr {text-decoration: line-through} |
|
235 code span.default, code.default {color: #338} |
|
236 code span.aux {color:blue; font: sans; padding: 0px 0.3em} |
|
237 span.namespaced {color: #e3e} |
|
238 |
|
239 div.indent { |
|
240 margin-left: 1em; |
|
241 } |
|
242 |
|
243 div.grouped {border: 1px dashed green; margin-top: 0.6em; margin-bottom: 0.6em; padding-left: 0.3emx;} |
|
244 |
|
245 tbody.deprecated td {background-color: #eee} |
|
246 |
|
247 table.invisible td { |
|
248 vertical-align:top; |
|
249 } |
|
250 table.invisible th { |
|
251 vertical-align:top; |
|
252 width: 9em; |
|
253 } |