Download as
Browse Code »

Commit 5d79a4595636a411238b7bcefb7f13eb1174082a

Authored by Juliana
1 parent e810a9d3
Exists in master and in 9 other branches bootstrap_modal, bug_fix_40, code_block, design_41_backup, event_block, master_with_pkg_fixes, pkg_fixes, r4, r5_design

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
  Diff comments   View file @5d79a45
... ... @@ -151,15 +151,20 @@
151 151  
152 152 /*Members Page*/
153 153  
  154 +
154 155 /*area do select*/
  156 +
155 157 .action-profile-members #profile-members-sort-options{
156 158 font-size: 14px;
157 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 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 170 .action-profile-members #profile-members-sort-options select{
... ... @@ -171,6 +176,14 @@
171 176 font-size: 14px;
172 177 }
173 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 187 /*area da imagem*/
175 188 .action-profile-members .box-1 .common-profile-list-block span{
176 189 margin-right: 9px;
... ... @@ -198,9 +211,10 @@
198 211 background:#172738;
199 212 border-radius: 4px;
200 213 /***posicionamento do bloco na lateral***/
201   - bottom:-66px; /*0px;*/
  214 + bottom:0px; /*-66px; 0px;*/
202 215 right: 105%;
203   - width: 126px;
  216 + width: 131px;
  217 + height: 171px;
204 218 }
205 219 .action-profile-members .menu-submenu.down::before {
206 220 content:"\f0da";
... ... @@ -209,8 +223,8 @@
209 223 font-size: 25px;
210 224 float: right;
211 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 230 .action-profile-members .menu-submenu-header,
... ... @@ -235,8 +249,11 @@
235 249 border-top-left-radius: 4px;
236 250 border-bottom: 2px solid #FF0366;
237 251 text-transform: uppercase;
238   - padding:6px;
  252 + padding:6px 6px 10px 6px;
  253 + margin:2px 0px 2px 0px;
239 254 text-align: center;
  255 + max-height: 16px;
  256 + overflow: hidden;
240 257 }
241 258  
242 259 .action-profile-members #content .menu-submenu-content ul a{
... ... @@ -282,6 +299,10 @@
282 299 top:5px;
283 300 left:4px;
284 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 308 .action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger::before{
... ... @@ -296,9 +317,11 @@
296 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 326 /*.action-profile-members .comment-actions .vcard a{
304 327 height: 150px;
... ... @@ -310,11 +333,194 @@
310 333 color:#172738;
311 334 margin-bottom: 27px;
312 335 margin-top:2px;
313   - height: 30px;
314   - max-height: 30px;
  336 + height: 35px;
  337 + max-height: 35px;
315 338 overflow: hidden;
316 339 }
317 340  
318 341 /************************************************************/
319 342  
320   -/*Members block*/
321 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
  Diff comments   View file @5d79a45
... ... @@ -5,7 +5,9 @@
5 5 .profile-members-tabs-container .ui-corner-all{
6 6 overflow: visible;
7 7 }
8   -
  8 +.profile-members-tabs-container .ui-widget{
  9 + font-size: 0px;
  10 +}
9 11 .profile-members-tabs-container .ui-widget-header{
10 12 background:#ECEDF1;
11 13 border:none;
... ...