Download as
Browse Code »

Commit 7fde45dddd17a49bd0af257af4b4e59e3152226a

Authored by Melissa Wen
2 parents e08a4dc9 fd42e2c4
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

Members page basic style

Showing 3 changed files with 472 additions and 2 deletions   Show diff stats
css/community-pages.css
  Diff comments   View file @7fde45d
... ... @@ -23,7 +23,7 @@
23 23 font-size: 11px;
24 24 }
25 25  
26   -/* Search form - need to develop solution - hideen on profile page*/
  26 +/* Search form - need to develop solution - hidden on profile page*/
27 27 .profile-type-is-community .action-profile-index #public-profile-search{
28 28 display: none;
29 29 }
... ... @@ -125,6 +125,399 @@
125 125 display: block;
126 126 }
127 127  
  128 +/*Members Page*/
  129 +
  130 +/*Select area*/
  131 +
  132 +.action-profile-members #profile-members-sort-options{
  133 + font-size: 14px;
  134 + text-align: right;
  135 + margin:16px 15px 17px 6px;
  136 + border-bottom: 1px solid #ECEDF1;
  137 + padding-bottom:8px;
  138 +}
  139 +
  140 +.action-profile-members #profile-members-sort-options label{
  141 + font-weight: 700;
  142 + color:#172738;
  143 +}
  144 +
  145 +.action-profile-members #profile-members-sort-options select{
  146 + background: none;
  147 + border: 1px solid #D3D6DE;
  148 + border-radius: 4px;
  149 + padding: 4px 15px 4px 4px;
  150 + margin: 0px 0px 0px 10px;
  151 + font-size: 14px;
  152 +}
  153 +/*end of select*/
  154 +
  155 +.action-profile-members .profile-members{
  156 + padding-left: 5px; /*34px;*/
  157 +}
  158 +
  159 +.action-profile-members .profile-admins{
  160 + padding-left: 5px;
  161 +}
  162 +
  163 +/* Image area*/
  164 +.action-profile-members .box-1 .common-profile-list-block span{
  165 + margin-right: 9px;
  166 + width: 90px;
  167 + height: 86px;
  168 +}
  169 +.action-profile-members .common-profile-list-block img{
  170 + border-radius: 4px;
  171 + width: 82px;
  172 + height: 82px;
  173 + max-width: 150px;
  174 + max-height: 150px;
  175 +}
  176 +
  177 +/*Image hover and informations*/
  178 +.action-profile-members .common-profile-list-block .vcard{
  179 + border:none;
  180 +}
  181 +
  182 +.action-profile-members .common-profile-list-block .vcard:hover{
  183 + border:none;
  184 + background:none;
  185 +}
  186 +
  187 +.action-profile-members .menu-submenu{
  188 + background:#172738;
  189 + border-radius: 4px;
  190 + /***side block position***/
  191 + bottom:0px;
  192 + right: 105%;
  193 + width: 131px;
  194 + height: 178px;
  195 + box-shadow: 2px 2px 2px #ECEDF1;
  196 + -webkit-box-shadow: 2px 2px 2px #ECEDF1;
  197 + -moz-box-shadow: 2px 2px 2px #ECEDF1;
  198 +}
  199 +
  200 +.action-profile-members .menu-submenu.down::before {
  201 + content:"\f0da";
  202 + color:#172738;
  203 + font-family: FontAwesome;
  204 + font-size: 25px;
  205 + float: right;
  206 + position: relative;
  207 + margin:-7px;
  208 + margin-top: 30%;
  209 +}
  210 +
  211 +.action-profile-members .menu-submenu-header,
  212 +.action-profile-members .menu-submenu-content,
  213 +.action-profile-members .menu-submenu-footer{
  214 + background:none;
  215 +}
  216 +
  217 +.action-profile-members .menu-submenu-header,
  218 +.action-profile-members .menu-submenu-footer{
  219 + display: none;
  220 +}
  221 +
  222 +.action-profile-members .menu-submenu-content{
  223 + height: 100%;
  224 +}
  225 +
  226 +.action-profile-members #content .menu-submenu-content h4{
  227 + color:#fff;
  228 + font-size: 13px;
  229 + background:#243F59;
  230 + border-top-right-radius: 4px;
  231 + border-top-left-radius: 4px;
  232 + border-bottom: 2px solid #FF0366;
  233 + text-transform: uppercase;
  234 + padding:8px 7px 10px 6px;
  235 + margin:0px 0px 2px 0px;
  236 + text-align: center;
  237 + max-height: 16px;
  238 + overflow: hidden;
  239 +}
  240 +
  241 +.action-profile-members #content .menu-submenu-content ul a{
  242 + padding-left: 0px;
  243 +}
  244 +
  245 +.action-profile-members #content .menu-submenu-content .menu-submenu-list .add-friend::before{
  246 + content:"\f067";
  247 + font-family: FontAwesome;
  248 + color:#FF0366;
  249 + font-size: 11px;
  250 + padding-right: 6px;
  251 +}
  252 +
  253 +.action-profile-members #content .menu-submenu-content .menu-submenu-list .add-friend:last-child{
  254 + border-bottom:none;
  255 +}
  256 +
  257 +.action-profile-members #content .menu-submenu-content .menu-submenu-list li a {
  258 + color:#fff;
  259 + font-family: Arial;
  260 + font-size: 14px;
  261 + border-bottom:1px dotted #2C4B6B;
  262 + text-align: center;
  263 + padding-top:8px;
  264 + padding-bottom:10px;
  265 + margin-right: 1px;
  266 +}
  267 +
  268 +.action-profile-members .box-1 .common-profile-list-block span{
  269 + margin-right: 9px;
  270 + width: 90px;
  271 + height: 86px;
  272 +}
  273 +
  274 +.action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger{
  275 + display: block;
  276 + background:#172738;
  277 + top:5px;
  278 + left:4px;
  279 + border:1px solid #172738;
  280 + padding-bottom: 0px;
  281 + border-radius: 5px;
  282 + -moz-border-radius:5px;
  283 + -webkit-border-radius:5px;
  284 + height: 15px;
  285 +}
  286 +
  287 +.action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger::before{
  288 + content:"\f053";
  289 + color:#fff;
  290 + font-family: FontAwesome;
  291 + font-size: 10px;
  292 + line-height: 11px;
  293 +}
  294 +
  295 +.action-profile-members .common-profile-list-block .vcard a{
  296 + padding-bottom: 30px;
  297 +}
  298 +
  299 +.action-profile-members .box-1 .common-profile-list-block .fn{
  300 + font-size: 14px;
  301 + color:#172738;
  302 + margin-bottom: 27px;
  303 + margin-top:2px;
  304 + height: 35px;
  305 + max-height: 35px;
  306 + overflow: hidden;
  307 +}
  308 +
  309 +/************************************************************/
  310 +/*****title of the area members******/
  311 +.action-profile-members #content .page-members-header{
  312 + font-family: Arial;
  313 + border-bottom: 1px solid #D3D6DE;
  314 + margin-bottom: 45px;
  315 + padding-bottom: 26px;
  316 + background-image: url("titulo.png");
  317 +
  318 +}
  319 +
  320 +.action-profile-members #content .page-members-header h1{
  321 + margin:20px 0px 8px 0px;
  322 +}
  323 +
  324 +.action-profile-members #content .page-members-header h3.community-name-members{
  325 + font-size: 14px;
  326 + font-weight: 600;
  327 + margin:0px 0px 5px 0px;
  328 +}
  329 +
  330 +.action-profile-members #content .page-members-header a.button.with-text{
  331 + border:1px solid #ccc;
  332 + text-transform: none;
  333 + font-size: 12px;
  334 + padding:3px 15px;
  335 +}
  336 +
  337 +.action-profile-members .page-members-header .join-leave-button.require-login-popup{
  338 + float:left;
  339 + margin-right: 4px;
  340 +}
  341 +
  342 +/*************************************/
  343 +
  344 +/*Members block*/
  345 +
  346 +#content .members-block{
  347 + border:1px solid #D3D6DE !important;
  348 + border-radius: 4px;
  349 +}
  350 +
  351 +#content .members-block .block-title{
  352 + background-color:#ECEDF1;
  353 + border-bottom:1px solid #D3D6DE;
  354 + border-top:none;
  355 + color:#172738;
  356 + font-size:14px;
  357 + padding:12px;
  358 + margin-bottom:12px;
  359 +}
  360 +
  361 +.members-block .block-footer-content{
  362 + background-color:#ECEDF1;
  363 + padding:8px 10px 15px 0px;
  364 + margin-right:0px;
  365 + border-top:1px solid #D3D6DE;
  366 + text-align: right;
  367 +}
  368 +
  369 +#content .members-block .block-footer-content a{
  370 + padding-right: 0px !important;
  371 +}
  372 +
  373 +#content .members-block .block-footer-content a.view-all{
  374 + background-image:none;
  375 + border:none;
  376 + text-transform: uppercase;
  377 + line-height: 21px;
  378 +}
  379 +
  380 +#content .members-block .block-footer-content a.view-all::after{
  381 + content:"\f105";
  382 + font-family: FontAwesome;
  383 + padding-left: 7px;
  384 + padding-right: 4px;
  385 + color:#ffffff;
  386 + background: #3E67B1;
  387 + border-radius: 4px;
  388 + font-size: 18px;
  389 + line-height: 20px;
  390 + text-align: center;
  391 + margin-left: 5px;
  392 + position: relative;
  393 + top: 2px;
  394 +}
  395 +
  396 +.members-block .common-profile-list-block .vcard{
  397 + border:none;
  398 +}
  399 +.members-block .common-profile-list-block .vcard:hover{
  400 + border:none;
  401 + background:none;
  402 +}
  403 +
  404 +#content .members-block .common-profile-list-block .vcard li a{
  405 + color:#172738;
  406 +}
  407 +
  408 +.members-block .menu-submenu{
  409 + background:#172738;
  410 + border-radius: 4px;
  411 + /***side block position***/
  412 + bottom:-29px;
  413 + right: 100%;
  414 + width: 131px;
  415 + height: 176px;
  416 + box-shadow: 2px 2px 2px #ECEDF1;
  417 + -webkit-box-shadow: 2px 2px 2px #ECEDF1;
  418 + -moz-box-shadow: 2px 2px 2px #ECEDF1;
  419 +}
  420 +
  421 +.members-block .menu-submenu.down::before{
  422 + content:"\f0da";
  423 + color:#172738;
  424 + font-family: FontAwesome;
  425 + font-size:25px;
  426 + float:right;
  427 + position:relative;
  428 + margin:-7px;
  429 + margin-top:30%;
  430 +}
  431 +
  432 +.members-block .menu-submenu-header,
  433 +.members-block .menu-submenu-content,
  434 +.members-block .menu-submenu-footer{
  435 + background:none;
  436 +}
  437 +
  438 +.members-block .menu-submenu-header,
  439 +.members-block .menu-submenu-footer{
  440 + display: none;
  441 +}
  442 +.members-block .menu-submenu-content{
  443 + height:100%;
  444 +}
  445 +
  446 +#content .members-block .common-profile-list-block li{
  447 + margin:0px !important;
  448 +}
  449 +
  450 +.members-block .common-profile-list-block .vcard .menu-submenu-trigger{
  451 + display: block;
  452 + background:#172738;
  453 + top:2px;
  454 + left:3px;
  455 + border:1px solid #fff;
  456 + padding-bottom: 0px;
  457 + opacity: 0.7;
  458 + height: 13px;
  459 +}
  460 +
  461 +.members-block .common-profile-list-block .vcard .menu-submenu-trigger::before{
  462 + content:"\f053";
  463 + color:#fff;
  464 + font-family: FontAwesome;
  465 + font-size: 8px;
  466 + line-height: 11px;
  467 +}
  468 +
  469 +#content .members-block .common-profile-list-block .fn {
  470 + margin-top:2px;
  471 + color:#172738;
  472 +}
  473 +
  474 +#content .members-block .menu-submenu-content h4{
  475 + color: #fff;
  476 + font-family: Arial;
  477 + font-size: 13px;
  478 + background:#243F59;
  479 + border-bottom: 2px solid #FF0366;
  480 + text-transform: uppercase;
  481 + padding:8px 7px 10px 6px;
  482 + margin:0px 0px 2px 0px;
  483 + text-align: center;
  484 + max-height: 16px;
  485 + overflow: hidden;
  486 +}
  487 +
  488 +#content .friends-block ul, #content .members-block ul {
  489 +min-width: 196px;
  490 +width: 192px;
  491 +margin: 0px 0px 0px 0px;
  492 +padding: 0px;
  493 +}
  494 +
  495 +#content .members-block .menu-submenu-content .menu-submenu-list li a{
  496 + color:#fff;
  497 + border-bottom:1px dotted #2C4B6B;
  498 + text-align: center;
  499 +}
  500 +
  501 +#content .members-block .menu-submenu-content h4:hover,
  502 +#content .members-block .menu-submenu-content .menu-submenu-list li a:hover{
  503 + color:#ECEDF1;
  504 +}
  505 +
  506 +.members-block .common-profile-list-block img{
  507 + border-radius: 4px;
  508 + max-height:50px;
  509 + max-width:50px;
  510 + width: 50px;
  511 + height: 50px;
  512 +}
  513 +
  514 +.members-block .block-footer-content a.view-all{
  515 + position:relative;
  516 +}
  517 +
  518 +/*****************************************************/
  519 +
  520 +
128 521 /*** Events ***/
129 522  
130 523 #content .article-body-event .event-card{
... ... @@ -180,4 +573,3 @@
180 573 font-family: Arial;
181 574 line-height: 22px;
182 575 }
183   -
... ...
css/tabs.css 0 → 100644
  Diff comments   View file @7fde45d
... ... @@ -0,0 +1,77 @@
  1 +.profile-members-tabs-container{
  2 + font-family: Arial;
  3 +}
  4 +
  5 +.profile-members-tabs-container .ui-corner-all{
  6 + overflow: visible;
  7 +}
  8 +.profile-members-tabs-container .ui-widget{
  9 + font-size: 0px;
  10 +}
  11 +.profile-members-tabs-container .ui-widget-header{
  12 + background:#ECEDF1;
  13 + border:none;
  14 + border-bottom: 3px solid #D3D6DE;
  15 +}
  16 +
  17 +.profile-members-tabs-container .ui-widget-content{
  18 + border:none;
  19 + background:none;
  20 +}
  21 +
  22 +.profile-members-tabs-container .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,
  23 +.profile-members-tabs-container .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,
  24 +.profile-members-tabs-container .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
  25 + border-radius:0px;
  26 +}
  27 +
  28 +.profile-members-tabs-container .ui-state-default,
  29 +.profile-members-tabs-container .ui-widget-content .ui-state-default,
  30 +.profile-members-tabs-container .ui-widget-header .ui-state-default{
  31 + border:none;
  32 + background:#ECEDF1;
  33 + font-weight: normal;
  34 + color:#172738;
  35 +}
  36 +
  37 +.profile-members-tabs-container .ui-tabs .ui-tabs-nav {
  38 + font-size: 15px;
  39 +}
  40 +
  41 +/*.profile-members-tabs-container .ui-tabs .ui-tabs-nav{
  42 + margin: 0px;
  43 + padding: 0px;
  44 +}
  45 +
  46 +.profile-members-tabs-container .ui-tabs .ui-tabs-panel {
  47 + padding: 0px;
  48 +}*/
  49 +
  50 +#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li{
  51 + padding-right: 3px;
  52 +}
  53 +
  54 +#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li a:visited{
  55 + color:#172738;
  56 +}
  57 +
  58 +#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  59 + margin-bottom: -3px !important;
  60 + padding-bottom: 1px;
  61 + border-bottom: 3px solid #FF0366;
  62 +}
  63 +
  64 +#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active:before{
  65 + content:"\f0dd";
  66 + font-family: FontAwesome;
  67 + font-size: 16px;
  68 + position:absolute;
  69 + top:26px;
  70 + margin:0px 45%;
  71 + color:#FF0366;
  72 +}
  73 +
  74 +#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  75 + color: #FF0366;
  76 + font-weight: 700;
  77 +}
... ...
style.css
  Diff comments   View file @7fde45d
... ... @@ -19,6 +19,7 @@
19 19 @import url(css/article-page.css);
20 20 @import url(css/software-pages.css);
21 21 @import url(css/community-pages.css);
  22 +@import url(css/use-report.css);
22 23 @import url(css/news-page.css);
23 24 @import url(css/search-pages.css);
24 25 @import url(css/software-catalog-page.css);
... ...