From 5d79a4595636a411238b7bcefb7f13eb1174082a Mon Sep 17 00:00:00 2001
From: julianahilario <julianahdesousa@gmail.com>
Date: Thu, 27 Aug 2015 01:11:57 -0300
Subject: [PATCH] adjustments in the popup, tabs and fine adjustments

---
 css/community-pages.css | 232 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------
 css/tabs.css            |   4 +++-
 2 files changed, 222 insertions(+), 14 deletions(-)

diff --git a/css/community-pages.css b/css/community-pages.css
index 14745ef..49f475b 100644
--- a/css/community-pages.css
+++ b/css/community-pages.css
@@ -151,15 +151,20 @@
 
 /*Members Page*/
 
+
 /*area do select*/
+
 .action-profile-members #profile-members-sort-options{
   font-size: 14px;
   text-align: right;
-  margin-bottom:20px;
+  margin:16px 15px 17px 6px;
+  border-bottom: 1px solid #ECEDF1;
+  padding-bottom:8px;
 }
 
 .action-profile-members #profile-members-sort-options label{
-  font-weight: 600;
+  font-weight: 700;
+  color:#172738;
 }
 
 .action-profile-members #profile-members-sort-options select{
@@ -171,6 +176,14 @@
   font-size: 14px;
 }
 /*fim select*/
+.action-profile-members .profile-members{
+  padding-left: 5px; /*34px;*/
+  /*background-image: url(members.png);*/
+}
+.action-profile-members .profile-admins{
+  padding-left: 5px;
+  /*background-image: url(members.png);*/
+}
 /*area da imagem*/
 .action-profile-members .box-1 .common-profile-list-block span{
   margin-right: 9px;
@@ -198,9 +211,10 @@
   background:#172738;
   border-radius: 4px;
   /***posicionamento do bloco na lateral***/
-  bottom:-66px; /*0px;*/
+  bottom:0px; /*-66px; 0px;*/
   right: 105%;
-  width: 126px;
+  width: 131px;
+  height: 171px;
 }
 .action-profile-members .menu-submenu.down::before {
   content:"\f0da";
@@ -209,8 +223,8 @@
   font-size: 25px;
   float: right;
   position: relative;
-  margin-right: -8px; /*-7px;*/
-  margin-top: 3px; /*65%;*/
+  margin:-7px;
+  margin-top: 30%; /*3px /65%;*/
 }
 
 .action-profile-members .menu-submenu-header,
@@ -235,8 +249,11 @@
   border-top-left-radius: 4px;
   border-bottom: 2px solid #FF0366;
   text-transform: uppercase;
-  padding:6px;
+  padding:6px 6px 10px 6px;
+  margin:2px 0px 2px 0px;
   text-align: center;
+  max-height: 16px;
+  overflow: hidden;
 }
 
 .action-profile-members #content .menu-submenu-content ul a{
@@ -282,6 +299,10 @@
   top:5px;
   left:4px;
   border:1px solid #172738;
+  padding-bottom: 0px;
+  border-radius: 5px;
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
 }
 
 .action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger::before{
@@ -296,9 +317,11 @@
   color:#172738;
 }*/
 
-/*.action-profile-members .common-profile-list-block .vcard a{
-  max-height: 150px;
-}*/
+.action-profile-members .common-profile-list-block .vcard a{
+  /*height: 145px;
+  max-height: 150px;*/
+  padding-bottom: 30px;
+}
 
 /*.action-profile-members .comment-actions .vcard a{
   height: 150px;
@@ -310,11 +333,194 @@
   color:#172738;
   margin-bottom: 27px;
   margin-top:2px;
-  height: 30px;
-  max-height: 30px;
+  height: 35px;
+  max-height: 35px;
   overflow: hidden;
 }
 
 /************************************************************/
 
-/*Members block*/
\ No newline at end of file
+/*Members block*/
+
+#content .members-block{
+  border:1px solid #D3D6DE !important;
+  border-radius: 4px;
+}
+#content .members-block .block-title{
+  background-color:#ECEDF1;
+  border-bottom:1px solid #D3D6DE;
+  border-top:none;
+  color:#172738;
+  font-size:14px;
+  padding:12px;
+  margin-bottom:12px;
+}
+
+.members-block .block-footer-content{
+  background-color:#ECEDF1;
+  padding:8px 10px 15px 0px;
+  margin-right:0px; 
+  border-top:1px solid #D3D6DE;
+  text-align: right;
+}
+#content .members-block .block-footer-content a{
+  padding-right: 0px !important;
+}
+
+#content .members-block .block-footer-content a.view-all{
+  background-image:none;
+  border:none;
+  text-transform: uppercase;
+  line-height: 21px;
+}
+#content .members-block .block-footer-content a.view-all::after{
+content:"\f105";
+font-family: FontAwesome;
+/*content: url("images/left-arrow.png");*/
+padding-left: 7px;
+padding-right: 4px;
+color:#ffffff;
+background: #3E67B1;
+border-radius: 4px;
+font-size: 18px;
+line-height: 20px;
+text-align: center;
+margin-left: 5px;
+position: relative;
+top: 2px;
+/*margin-right:0px;*/
+}
+
+.members-block .common-profile-list-block .vcard{
+  border:none;
+}
+.members-block .common-profile-list-block .vcard:hover{
+  border:none;
+  background:none;
+}
+/*.members-block .common-profile-list-block .vcard a{
+  padding-bottom: 0px;
+}
+.members-block .common-profile-list-block .vcard a.profile_link{
+  max-height: 100px;
+  height: 100px;
+}*/
+
+#content .members-block .common-profile-list-block .vcard li a{
+  color:#172738;
+}
+
+.members-block .menu-submenu{
+  background:#172738;
+  border-radius: 4px;
+  /***posicionamento do bloco na lateral***/
+  bottom:-29px; 
+  right: 100%;
+  width: 131px;
+  height: 176px;
+}
+
+.members-block .menu-submenu.down::before{
+  content:"\f0da";
+  color:#172738;
+  font-family: FontAwesome;
+  font-size:25px;
+  float:right;
+  position:relative;
+  margin:-7px;
+  margin-top:30%;
+}
+
+.members-block .menu-submenu-header,
+.members-block .menu-submenu-content,
+.members-block .menu-submenu-footer{
+  background:none;
+}
+
+.members-block .menu-submenu-header,
+.members-block .menu-submenu-footer{
+  display: none;
+}
+.members-block .menu-submenu-content{
+  height:100%;
+}
+
+#content .members-block .common-profile-list-block li{
+  margin:0px !important;
+}
+
+.members-block .common-profile-list-block .vcard .menu-submenu-trigger{
+  display: block;
+  background:#172738;
+  top:2px;
+  left:3px;
+  border:1px solid #fff; /*#172738;*/
+  padding-bottom: 0px;
+  opacity: 0.7;
+  height: 13px;
+}
+
+.members-block .common-profile-list-block .vcard .menu-submenu-trigger::before{
+  content:"\f053";
+  color:#fff;
+  font-family: FontAwesome;
+  font-size: 8px; /*10px;*/
+  line-height: 11px; /*13px*/
+}
+
+/*.members-block .common-profile-list-block .vcard .menu-submenu-trigger:hover,
+.members-block .menu-submenu-trigger:hover{
+  background: none;
+  border:none;
+  width: 40%;
+  height: 25%;
+}*/
+
+#content .members-block .common-profile-list-block .fn {
+  margin-top:2px;
+  color:#172738;
+}
+
+#content .members-block .menu-submenu-content h4{
+  color: #fff;
+  background:#243F59;
+  border-bottom: 2px solid #FF0366;
+  text-transform: uppercase;
+  padding:6px 6px 10px 6px;
+  margin:2px 0px 2px 0px;
+  text-align: center;
+  max-height: 16px;
+  overflow: hidden;
+}
+
+#content .friends-block ul, #content .members-block ul {
+min-width: 196px;
+width: 192px;
+margin: 0px 0px 0px 0px;
+padding: 0px;
+}
+
+#content .members-block .menu-submenu-content .menu-submenu-list li a{
+  color:#fff;
+  border-bottom:1px dotted #2C4B6B;
+  text-align: center;
+}
+
+#content .members-block .menu-submenu-content h4:hover,
+#content .members-block .menu-submenu-content .menu-submenu-list li a:hover{
+  color:#ECEDF1;
+}
+
+.members-block .common-profile-list-block img{
+  border-radius: 4px;
+  max-height:50px; 
+  max-width:50px;
+  width: 50px;
+  height: 50px;
+}
+
+.members-block .block-footer-content a.view-all{
+  position:relative;
+}
+
+/*****************************************************/
diff --git a/css/tabs.css b/css/tabs.css
index f3efe70..700b5af 100644
--- a/css/tabs.css
+++ b/css/tabs.css
@@ -5,7 +5,9 @@
 .profile-members-tabs-container .ui-corner-all{
   overflow: visible;
 }
-
+.profile-members-tabs-container .ui-widget{
+  font-size: 0px;
+}
 .profile-members-tabs-container .ui-widget-header{
   background:#ECEDF1;
   border:none;
--
libgit2 0.21.2