Commit 5d79a4595636a411238b7bcefb7f13eb1174082a
1 parent
e810a9d3
Exists in
master
and in
79 other branches
adjustments in the popup, tabs and fine adjustments
Showing
2 changed files
with
222 additions
and
14 deletions
Show diff stats
css/community-pages.css
@@ -151,15 +151,20 @@ | @@ -151,15 +151,20 @@ | ||
151 | 151 | ||
152 | /*Members Page*/ | 152 | /*Members Page*/ |
153 | 153 | ||
154 | + | ||
154 | /*area do select*/ | 155 | /*area do select*/ |
156 | + | ||
155 | .action-profile-members #profile-members-sort-options{ | 157 | .action-profile-members #profile-members-sort-options{ |
156 | font-size: 14px; | 158 | font-size: 14px; |
157 | text-align: right; | 159 | text-align: right; |
158 | - margin-bottom:20px; | 160 | + margin:16px 15px 17px 6px; |
161 | + border-bottom: 1px solid #ECEDF1; | ||
162 | + padding-bottom:8px; | ||
159 | } | 163 | } |
160 | 164 | ||
161 | .action-profile-members #profile-members-sort-options label{ | 165 | .action-profile-members #profile-members-sort-options label{ |
162 | - font-weight: 600; | 166 | + font-weight: 700; |
167 | + color:#172738; | ||
163 | } | 168 | } |
164 | 169 | ||
165 | .action-profile-members #profile-members-sort-options select{ | 170 | .action-profile-members #profile-members-sort-options select{ |
@@ -171,6 +176,14 @@ | @@ -171,6 +176,14 @@ | ||
171 | font-size: 14px; | 176 | font-size: 14px; |
172 | } | 177 | } |
173 | /*fim select*/ | 178 | /*fim select*/ |
179 | +.action-profile-members .profile-members{ | ||
180 | + padding-left: 5px; /*34px;*/ | ||
181 | + /*background-image: url(members.png);*/ | ||
182 | +} | ||
183 | +.action-profile-members .profile-admins{ | ||
184 | + padding-left: 5px; | ||
185 | + /*background-image: url(members.png);*/ | ||
186 | +} | ||
174 | /*area da imagem*/ | 187 | /*area da imagem*/ |
175 | .action-profile-members .box-1 .common-profile-list-block span{ | 188 | .action-profile-members .box-1 .common-profile-list-block span{ |
176 | margin-right: 9px; | 189 | margin-right: 9px; |
@@ -198,9 +211,10 @@ | @@ -198,9 +211,10 @@ | ||
198 | background:#172738; | 211 | background:#172738; |
199 | border-radius: 4px; | 212 | border-radius: 4px; |
200 | /***posicionamento do bloco na lateral***/ | 213 | /***posicionamento do bloco na lateral***/ |
201 | - bottom:-66px; /*0px;*/ | 214 | + bottom:0px; /*-66px; 0px;*/ |
202 | right: 105%; | 215 | right: 105%; |
203 | - width: 126px; | 216 | + width: 131px; |
217 | + height: 171px; | ||
204 | } | 218 | } |
205 | .action-profile-members .menu-submenu.down::before { | 219 | .action-profile-members .menu-submenu.down::before { |
206 | content:"\f0da"; | 220 | content:"\f0da"; |
@@ -209,8 +223,8 @@ | @@ -209,8 +223,8 @@ | ||
209 | font-size: 25px; | 223 | font-size: 25px; |
210 | float: right; | 224 | float: right; |
211 | position: relative; | 225 | position: relative; |
212 | - margin-right: -8px; /*-7px;*/ | ||
213 | - margin-top: 3px; /*65%;*/ | 226 | + margin:-7px; |
227 | + margin-top: 30%; /*3px /65%;*/ | ||
214 | } | 228 | } |
215 | 229 | ||
216 | .action-profile-members .menu-submenu-header, | 230 | .action-profile-members .menu-submenu-header, |
@@ -235,8 +249,11 @@ | @@ -235,8 +249,11 @@ | ||
235 | border-top-left-radius: 4px; | 249 | border-top-left-radius: 4px; |
236 | border-bottom: 2px solid #FF0366; | 250 | border-bottom: 2px solid #FF0366; |
237 | text-transform: uppercase; | 251 | text-transform: uppercase; |
238 | - padding:6px; | 252 | + padding:6px 6px 10px 6px; |
253 | + margin:2px 0px 2px 0px; | ||
239 | text-align: center; | 254 | text-align: center; |
255 | + max-height: 16px; | ||
256 | + overflow: hidden; | ||
240 | } | 257 | } |
241 | 258 | ||
242 | .action-profile-members #content .menu-submenu-content ul a{ | 259 | .action-profile-members #content .menu-submenu-content ul a{ |
@@ -282,6 +299,10 @@ | @@ -282,6 +299,10 @@ | ||
282 | top:5px; | 299 | top:5px; |
283 | left:4px; | 300 | left:4px; |
284 | border:1px solid #172738; | 301 | border:1px solid #172738; |
302 | + padding-bottom: 0px; | ||
303 | + border-radius: 5px; | ||
304 | + -moz-border-radius:5px; | ||
305 | + -webkit-border-radius:5px; | ||
285 | } | 306 | } |
286 | 307 | ||
287 | .action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger::before{ | 308 | .action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger::before{ |
@@ -296,9 +317,11 @@ | @@ -296,9 +317,11 @@ | ||
296 | color:#172738; | 317 | color:#172738; |
297 | }*/ | 318 | }*/ |
298 | 319 | ||
299 | -/*.action-profile-members .common-profile-list-block .vcard a{ | ||
300 | - max-height: 150px; | ||
301 | -}*/ | 320 | +.action-profile-members .common-profile-list-block .vcard a{ |
321 | + /*height: 145px; | ||
322 | + max-height: 150px;*/ | ||
323 | + padding-bottom: 30px; | ||
324 | +} | ||
302 | 325 | ||
303 | /*.action-profile-members .comment-actions .vcard a{ | 326 | /*.action-profile-members .comment-actions .vcard a{ |
304 | height: 150px; | 327 | height: 150px; |
@@ -310,11 +333,194 @@ | @@ -310,11 +333,194 @@ | ||
310 | color:#172738; | 333 | color:#172738; |
311 | margin-bottom: 27px; | 334 | margin-bottom: 27px; |
312 | margin-top:2px; | 335 | margin-top:2px; |
313 | - height: 30px; | ||
314 | - max-height: 30px; | 336 | + height: 35px; |
337 | + max-height: 35px; | ||
315 | overflow: hidden; | 338 | overflow: hidden; |
316 | } | 339 | } |
317 | 340 | ||
318 | /************************************************************/ | 341 | /************************************************************/ |
319 | 342 | ||
320 | -/*Members block*/ | ||
321 | \ No newline at end of file | 343 | \ No newline at end of file |
344 | +/*Members block*/ | ||
345 | + | ||
346 | +#content .members-block{ | ||
347 | + border:1px solid #D3D6DE !important; | ||
348 | + border-radius: 4px; | ||
349 | +} | ||
350 | +#content .members-block .block-title{ | ||
351 | + background-color:#ECEDF1; | ||
352 | + border-bottom:1px solid #D3D6DE; | ||
353 | + border-top:none; | ||
354 | + color:#172738; | ||
355 | + font-size:14px; | ||
356 | + padding:12px; | ||
357 | + margin-bottom:12px; | ||
358 | +} | ||
359 | + | ||
360 | +.members-block .block-footer-content{ | ||
361 | + background-color:#ECEDF1; | ||
362 | + padding:8px 10px 15px 0px; | ||
363 | + margin-right:0px; | ||
364 | + border-top:1px solid #D3D6DE; | ||
365 | + text-align: right; | ||
366 | +} | ||
367 | +#content .members-block .block-footer-content a{ | ||
368 | + padding-right: 0px !important; | ||
369 | +} | ||
370 | + | ||
371 | +#content .members-block .block-footer-content a.view-all{ | ||
372 | + background-image:none; | ||
373 | + border:none; | ||
374 | + text-transform: uppercase; | ||
375 | + line-height: 21px; | ||
376 | +} | ||
377 | +#content .members-block .block-footer-content a.view-all::after{ | ||
378 | +content:"\f105"; | ||
379 | +font-family: FontAwesome; | ||
380 | +/*content: url("images/left-arrow.png");*/ | ||
381 | +padding-left: 7px; | ||
382 | +padding-right: 4px; | ||
383 | +color:#ffffff; | ||
384 | +background: #3E67B1; | ||
385 | +border-radius: 4px; | ||
386 | +font-size: 18px; | ||
387 | +line-height: 20px; | ||
388 | +text-align: center; | ||
389 | +margin-left: 5px; | ||
390 | +position: relative; | ||
391 | +top: 2px; | ||
392 | +/*margin-right:0px;*/ | ||
393 | +} | ||
394 | + | ||
395 | +.members-block .common-profile-list-block .vcard{ | ||
396 | + border:none; | ||
397 | +} | ||
398 | +.members-block .common-profile-list-block .vcard:hover{ | ||
399 | + border:none; | ||
400 | + background:none; | ||
401 | +} | ||
402 | +/*.members-block .common-profile-list-block .vcard a{ | ||
403 | + padding-bottom: 0px; | ||
404 | +} | ||
405 | +.members-block .common-profile-list-block .vcard a.profile_link{ | ||
406 | + max-height: 100px; | ||
407 | + height: 100px; | ||
408 | +}*/ | ||
409 | + | ||
410 | +#content .members-block .common-profile-list-block .vcard li a{ | ||
411 | + color:#172738; | ||
412 | +} | ||
413 | + | ||
414 | +.members-block .menu-submenu{ | ||
415 | + background:#172738; | ||
416 | + border-radius: 4px; | ||
417 | + /***posicionamento do bloco na lateral***/ | ||
418 | + bottom:-29px; | ||
419 | + right: 100%; | ||
420 | + width: 131px; | ||
421 | + height: 176px; | ||
422 | +} | ||
423 | + | ||
424 | +.members-block .menu-submenu.down::before{ | ||
425 | + content:"\f0da"; | ||
426 | + color:#172738; | ||
427 | + font-family: FontAwesome; | ||
428 | + font-size:25px; | ||
429 | + float:right; | ||
430 | + position:relative; | ||
431 | + margin:-7px; | ||
432 | + margin-top:30%; | ||
433 | +} | ||
434 | + | ||
435 | +.members-block .menu-submenu-header, | ||
436 | +.members-block .menu-submenu-content, | ||
437 | +.members-block .menu-submenu-footer{ | ||
438 | + background:none; | ||
439 | +} | ||
440 | + | ||
441 | +.members-block .menu-submenu-header, | ||
442 | +.members-block .menu-submenu-footer{ | ||
443 | + display: none; | ||
444 | +} | ||
445 | +.members-block .menu-submenu-content{ | ||
446 | + height:100%; | ||
447 | +} | ||
448 | + | ||
449 | +#content .members-block .common-profile-list-block li{ | ||
450 | + margin:0px !important; | ||
451 | +} | ||
452 | + | ||
453 | +.members-block .common-profile-list-block .vcard .menu-submenu-trigger{ | ||
454 | + display: block; | ||
455 | + background:#172738; | ||
456 | + top:2px; | ||
457 | + left:3px; | ||
458 | + border:1px solid #fff; /*#172738;*/ | ||
459 | + padding-bottom: 0px; | ||
460 | + opacity: 0.7; | ||
461 | + height: 13px; | ||
462 | +} | ||
463 | + | ||
464 | +.members-block .common-profile-list-block .vcard .menu-submenu-trigger::before{ | ||
465 | + content:"\f053"; | ||
466 | + color:#fff; | ||
467 | + font-family: FontAwesome; | ||
468 | + font-size: 8px; /*10px;*/ | ||
469 | + line-height: 11px; /*13px*/ | ||
470 | +} | ||
471 | + | ||
472 | +/*.members-block .common-profile-list-block .vcard .menu-submenu-trigger:hover, | ||
473 | +.members-block .menu-submenu-trigger:hover{ | ||
474 | + background: none; | ||
475 | + border:none; | ||
476 | + width: 40%; | ||
477 | + height: 25%; | ||
478 | +}*/ | ||
479 | + | ||
480 | +#content .members-block .common-profile-list-block .fn { | ||
481 | + margin-top:2px; | ||
482 | + color:#172738; | ||
483 | +} | ||
484 | + | ||
485 | +#content .members-block .menu-submenu-content h4{ | ||
486 | + color: #fff; | ||
487 | + background:#243F59; | ||
488 | + border-bottom: 2px solid #FF0366; | ||
489 | + text-transform: uppercase; | ||
490 | + padding:6px 6px 10px 6px; | ||
491 | + margin:2px 0px 2px 0px; | ||
492 | + text-align: center; | ||
493 | + max-height: 16px; | ||
494 | + overflow: hidden; | ||
495 | +} | ||
496 | + | ||
497 | +#content .friends-block ul, #content .members-block ul { | ||
498 | +min-width: 196px; | ||
499 | +width: 192px; | ||
500 | +margin: 0px 0px 0px 0px; | ||
501 | +padding: 0px; | ||
502 | +} | ||
503 | + | ||
504 | +#content .members-block .menu-submenu-content .menu-submenu-list li a{ | ||
505 | + color:#fff; | ||
506 | + border-bottom:1px dotted #2C4B6B; | ||
507 | + text-align: center; | ||
508 | +} | ||
509 | + | ||
510 | +#content .members-block .menu-submenu-content h4:hover, | ||
511 | +#content .members-block .menu-submenu-content .menu-submenu-list li a:hover{ | ||
512 | + color:#ECEDF1; | ||
513 | +} | ||
514 | + | ||
515 | +.members-block .common-profile-list-block img{ | ||
516 | + border-radius: 4px; | ||
517 | + max-height:50px; | ||
518 | + max-width:50px; | ||
519 | + width: 50px; | ||
520 | + height: 50px; | ||
521 | +} | ||
522 | + | ||
523 | +.members-block .block-footer-content a.view-all{ | ||
524 | + position:relative; | ||
525 | +} | ||
526 | + | ||
527 | +/*****************************************************/ |
css/tabs.css
@@ -5,7 +5,9 @@ | @@ -5,7 +5,9 @@ | ||
5 | .profile-members-tabs-container .ui-corner-all{ | 5 | .profile-members-tabs-container .ui-corner-all{ |
6 | overflow: visible; | 6 | overflow: visible; |
7 | } | 7 | } |
8 | - | 8 | +.profile-members-tabs-container .ui-widget{ |
9 | + font-size: 0px; | ||
10 | +} | ||
9 | .profile-members-tabs-container .ui-widget-header{ | 11 | .profile-members-tabs-container .ui-widget-header{ |
10 | background:#ECEDF1; | 12 | background:#ECEDF1; |
11 | border:none; | 13 | border:none; |