Download as
Browse Code »

Commit 927453c5c87d2aec70ed7db2c5b8ebb8f86d6952

Authored by Juliana
1 parent 1255ac8a
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

Css reorganization for area members with tabs - font, color and margins.

Showing 1 changed file with 169 additions and 0 deletions   Show diff stats
css/community-pages.css
  Diff comments   View file @927453c
@@ -149,3 +149,172 @@ @@ -149,3 +149,172 @@
149 text-decoration: none; 149 text-decoration: none;
150 } 150 }
151 151
  152 +/*Members Page*/
  153 +
  154 +/*area do select*/
  155 +.action-profile-members #profile-members-sort-options{
  156 + font-size: 14px;
  157 + text-align: right;
  158 + margin-bottom:20px;
  159 +}
  160 +
  161 +.action-profile-members #profile-members-sort-options label{
  162 + font-weight: 600;
  163 +}
  164 +
  165 +.action-profile-members #profile-members-sort-options select{
  166 + background: none;
  167 + border: 1px solid #D3D6DE;
  168 + border-radius: 4px;
  169 + padding: 4px 15px 4px 4px;
  170 + margin: 0px 0px 0px 10px;
  171 + font-size: 14px;
  172 +}
  173 +/*fim select*/
  174 +/*area da imagem*/
  175 +.action-profile-members .box-1 .common-profile-list-block span{
  176 + margin-right: 9px;
  177 + width: 90px;
  178 + height: 86px;
  179 +}
  180 +.action-profile-members .common-profile-list-block img{
  181 + border-radius: 4px;
  182 + width: 82px;
  183 + height: 82px;
  184 + max-width: 150px;
  185 + max-height: 150px;
  186 +}
  187 +/*hover da imagem e informacoes da aba*/
  188 +.action-profile-members .common-profile-list-block .vcard{
  189 + border:none;
  190 +}
  191 +
  192 +.action-profile-members .common-profile-list-block .vcard:hover{
  193 + border:none;
  194 + background:none;
  195 +}
  196 +
  197 +.action-profile-members .menu-submenu{
  198 + background:#172738;
  199 + border-radius: 4px;
  200 + /***posicionamento do bloco na lateral***/
  201 + bottom:-66px; /*0px;*/
  202 + right: 105%;
  203 + width: 126px;
  204 +}
  205 +.action-profile-members .menu-submenu.down::before {
  206 + content:"\f0da";
  207 + color:#172738;
  208 + font-family: FontAwesome;
  209 + font-size: 25px;
  210 + float: right;
  211 + position: relative;
  212 + margin-right: -8px; /*-7px;*/
  213 + margin-top: 3px; /*65%;*/
  214 +}
  215 +
  216 +.action-profile-members .menu-submenu-header,
  217 +.action-profile-members .menu-submenu-content,
  218 +.action-profile-members .menu-submenu-footer{
  219 + background:none;
  220 +}
  221 +
  222 +.action-profile-members .menu-submenu-header,
  223 +.action-profile-members .menu-submenu-footer{
  224 + display: none;
  225 +}
  226 +
  227 +.action-profile-members .menu-submenu-content{
  228 + height: 100%;
  229 +}
  230 +
  231 +.action-profile-members #content .menu-submenu-content h4{
  232 + color:#fff;
  233 + background:#243F59;
  234 + border-top-right-radius: 4px;
  235 + border-top-left-radius: 4px;
  236 + border-bottom: 2px solid #FF0366;
  237 + text-transform: uppercase;
  238 + padding:6px;
  239 + text-align: center;
  240 +}
  241 +
  242 +.action-profile-members #content .menu-submenu-content ul a{
  243 + padding-left: 0px;
  244 +}
  245 +
  246 +.action-profile-members #content .menu-submenu-content .menu-submenu-list .add-friend::before{
  247 + content:"\f067";
  248 + font-family: FontAwesome;
  249 + color:#FF0366;
  250 + font-size: 16px;
  251 + padding-right: 6px;
  252 +}
  253 +
  254 +.action-profile-members #content .menu-submenu-content .menu-submenu-list .add-friend:last-child{
  255 + border-bottom:none;
  256 +}
  257 +
  258 +.action-profile-members #content .menu-submenu-content .menu-submenu-list li a {
  259 + color:#fff;
  260 + border-bottom:1px dotted #2C4B6B;
  261 + text-align: center;
  262 + padding-top:8px;
  263 + padding-bottom:10px;
  264 + margin-right: 1px;
  265 +}
  266 +
  267 +/*.action-profile-members #content .menu-submenu-content h4:hover,
  268 +.action-profile-members #content .menu-submenu-content .menu-submenu-list li a:hover{
  269 + color:#ECEDF1;
  270 + background-color:#172738;
  271 +}*/
  272 +
  273 +.action-profile-members .box-1 .common-profile-list-block span{
  274 + margin-right: 9px;
  275 + width: 90px;
  276 + height: 86px;
  277 +}
  278 +
  279 +.action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger{
  280 + display: block;
  281 + background:#172738;
  282 + top:2px;
  283 + left:3px;
  284 + border:1px solid #172738;
  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: 15px;
  293 +}
  294 +
  295 +/*.action-profile-members #content .common-profile-list-block .vcard li a{
  296 + color:#172738;
  297 +}*/
  298 +
  299 +/*.action-profile-members .common-profile-list-block .vcard a{
  300 + max-height: 150px;
  301 +}*/
  302 +
  303 +/*.action-profile-members .comment-actions .vcard a{
  304 + height: 150px;
  305 + max-height: 150px;
  306 +}*/
  307 +
  308 +.action-profile-members .box-1 .common-profile-list-block .fn{
  309 + font-size: 14px;
  310 + color:#172738;
  311 + margin-bottom: 27px;
  312 + margin-top:2px;
  313 + height: 30px;
  314 + max-height: 30px;
  315 + overflow: hidden;
  316 +}
  317 +
  318 +/************************************************************/
  319 +
  320 +/*Members block*/
152 \ No newline at end of file 321 \ No newline at end of file